@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#1f2329;font-size:14px;-webkit-font-smoothing:antialiased;min-height:100vh}:root{--color-primary: #1A5FB4;--color-primary-light: #4A86D6;--color-primary-bg: #E8F1FB;--color-success: #18A058;--color-warning: #F0A020;--color-danger: #D03050;--color-info: #2080F0;--color-text-1: #1F2329;--color-text-2: #4E5969;--color-text-3: #86909C;--color-bg-1: #FFFFFF;--color-bg-2: #F7F8FA;--color-bg-3: #F2F3F5;--color-border: #E5E6EB;--color-divider: #F0F0F0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}.app{min-height:100vh}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-center{text-align:center}.text-muted{color:var(--color-text-3)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.app-container{width:100%;max-width:100%;margin:0 auto;background:var(--color-bg-2);min-height:100vh}@media (max-width: 767px){.app-container{max-width:100%}.desktop-only{display:none!important}}@media (min-width: 768px) and (max-width: 1199px){.app-container{max-width:720px}.desktop-only{display:none!important}}@media (min-width: 1200px){.app-container{max-width:1200px}.mobile-only{display:none!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.page{background:transparent!important}.navbar{border-radius:12px 12px 0 0}.task-list,.stat-block,.list-section{border-radius:12px}}.btn{height:44px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 16px;transition:opacity .2s;text-decoration:none;position:relative;overflow:hidden}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:var(--color-bg-3);color:var(--color-text-2)}.btn-block{width:100%}.btn-sm{height:32px;font-size:13px;padding:0 12px}.btn-lg{height:52px;font-size:17px}.btn-loading{pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-secondary.btn-loading:after{border-color:#1a5fb44d;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;line-height:1.5;background:var(--color-bg-3);color:var(--color-text-2);white-space:nowrap}.tag-urgent{background:#ffe3e3;color:var(--color-danger)}.tag-high{background:#ffeac2;color:#ad6800}.tag-medium{background:var(--color-primary-bg);color:var(--color-primary)}.tag-low{background:#d8f4e2;color:var(--color-success)}.tag-dispatched{background:var(--color-primary-bg);color:var(--color-primary)}.tag-pending{background:#ffeac2;color:#ad6800}.tag-approved{background:#d8f4e2;color:var(--color-success)}.tag-rejected{background:#ffe3e3;color:var(--color-danger)}.card{background:var(--color-bg-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:12px}.form-item{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-divider);min-height:48px;font-size:14px;transition:background .2s}.form-item:focus-within{background:#f7fbff}.form-item .label{color:var(--color-text-1);min-width:80px;flex-shrink:0}.form-item .label.required:before{content:"*";color:var(--color-danger);margin-right:2px}.form-item .value{flex:1;color:var(--color-text-2);text-align:right}.form-item .value.placeholder{color:#c9cdd4}.form-item .arrow{color:#c9cdd4;font-size:16px}.form-item input,.form-item textarea,.form-item select{flex:1;border:none;outline:none;font-family:inherit;font-size:14px;text-align:right;background:transparent;color:var(--color-text-1)}.form-item textarea{text-align:left;resize:none;min-height:60px}.form-section{background:#fff;margin-bottom:8px}.form-error{padding:6px 16px;font-size:12px;color:var(--color-danger);background:#fff1f1;border-top:1px solid #FFE3E3}.risk-picker{display:flex;gap:8px;flex:1}.risk-option{flex:1;text-align:center;padding:8px 0;border-radius:6px;background:#f2f3f5;font-size:13px;color:var(--color-text-2);cursor:pointer;border:1px solid transparent;transition:all .2s}.risk-option:hover{background:#e8e9eb}.risk-option.active.urgent{background:#ffe3e3;color:var(--color-danger);border-color:var(--color-danger)}.risk-option.active.high{background:#ffeac2;color:#ad6800;border-color:var(--color-warning)}.risk-option.active.medium{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.risk-option.active.low{background:#d8f4e2;color:var(--color-success);border-color:var(--color-success)}.switch{width:40px;height:22px;background:var(--color-primary);border-radius:11px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;right:2px;top:2px;transition:all .2s}.switch.off{background:#c9cdd4}.switch.off:after{right:auto;left:2px}.page{min-height:100vh;background:var(--color-bg-2)}.navbar{height:44px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:100;font-size:16px;font-weight:500;box-shadow:0 1px 4px #00000014}.navbar.with-back:before{content:"‹";position:absolute;left:16px;font-size:28px;font-weight:300;line-height:1;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.navbar .action{position:absolute;right:16px;font-size:14px;font-weight:400;cursor:pointer;padding:4px 8px}.list-item{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-divider);min-height:56px;cursor:pointer;transition:background .15s}.list-item:hover{background:#fafbfc}.list-item:active{background:#f2f3f5}.list-item .icon{width:32px;height:32px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.list-item .text{flex:1;min-width:0}.list-item .text-main{font-size:14px}.list-item .text-sub{font-size:12px;color:var(--color-text-3);margin-top:2px}.list-item .arrow{color:#c9cdd4;font-size:16px}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-3);text-align:center}.state-icon{font-size:56px;margin-bottom:12px;opacity:.4}.state-title{font-size:15px;color:var(--color-text-2);margin-bottom:4px;font-weight:500}.state-desc{font-size:13px;margin-bottom:16px}.spinner{width:32px;height:32px;border:3px solid var(--color-bg-3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.skeleton{background:linear-gradient(90deg,#f2f3f5,#e5e6eb,#f2f3f5);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;height:16px;margin-bottom:8px}.skeleton.lg{height:24px;width:60%}.skeleton.md{width:80%}.skeleton.sm{width:40%;height:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:12px 20px;border-radius:8px;z-index:9999;font-size:14px;max-width:80%;text-align:center;animation:toast-in .2s;box-shadow:var(--shadow-lg)}.toast.success{background:#18a058f2}.toast.error{background:#d03050f2}.toast.warning{background:#f0a020f2}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.progress-bar{background:#f2f3f5;height:8px;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;transition:width .3s}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.avatar.large{width:64px;height:64px;font-size:24px}.modal-mask{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:999;animation:fade-in .2s}.modal-content{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:360px;max-height:80vh;overflow-y:auto;animation:modal-in .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}