:root{--font-main:"Plus Jakarta Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#f4f6fa;--bg-surface:#fff;--bg-glass:#ffffffd1;--border-subtle:#e2e8f0;--border-glass:#e2e8f0cc;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-500:#0284c7;--primary-600:#0369a1;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--accent-teal:#0d9488;--accent-purple:#7c3aed;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-emerald:#059669;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px -2px #0f172a0f;--shadow-lg:0 12px 32px -4px #0f172a14;--shadow-glass:0 8px 32px 0 #1f26870f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.shunhe-app-container{background:radial-gradient(circle at 10% 20%,#0284c708 0%,#0000 40%),radial-gradient(circle at 90% 80%,#7c3aed08 0%,#0000 40%),#f8fafc;min-height:100vh;display:flex;position:relative}.shunhe-sidebar{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);z-index:40;flex-direction:column;width:260px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:24px 20px 20px;display:flex}.logo-icon{background:var(--primary-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #0284c740}.logo-info{flex-direction:column;display:flex}.logo-title{color:#0f172a;letter-spacing:-.2px;font-size:15px;font-weight:700}.logo-sub{color:var(--primary-500);font-size:11px;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--primary-600);background:#0284c70f}.nav-item.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:0 4px 14px #0284c740}.nav-badge{border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.nav-badge-alert{color:#dc2626;background:#fee2e2}.nav-badge-primary{color:#0284c7;background:#e0f2fe}.sidebar-user{border-top:1px solid var(--border-subtle);background:#f8fafccc;align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.user-meta{flex:1;min-width:0}.user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role-tag{color:var(--primary-600);background:var(--primary-100);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.main-content-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.top-navbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);z-index:30;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.navbar-title-box{align-items:center;gap:12px;display:flex}.page-title{color:var(--text-main);letter-spacing:-.3px;font-size:17px;font-weight:700}.badge-system{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.top-navbar-actions{align-items:center;gap:14px;display:flex}.btn-quick{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #0284c733}.btn-quick:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0284c74d}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline:hover{color:var(--text-main);background:#f8fafc;border-color:#cbd5e1}.btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#fecaca}.content-body{flex:1;padding:24px 28px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:24px;padding:20px;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.stat-card-blue:after{background:#0284c7}.stat-card-amber:after{background:#f59e0b}.stat-card-purple:after{background:#8b5cf6}.stat-card-emerald:after{background:#10b981}.stat-card-red:after{background:#ef4444}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500}.stat-value{color:var(--text-main);letter-spacing:-.5px;font-size:26px;font-weight:800}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-blue{color:#0284c7;background:#e0f2fe}.icon-amber{color:#d97706;background:#fef3c7}.icon-purple{color:#7c3aed;background:#ede9fe}.icon-emerald{color:#059669;background:#d1fae5}.icon-red{color:#dc2626;background:#fee2e2}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-input-box{border:1px solid var(--border-subtle);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;padding:8px 14px;transition:all .2s;display:flex}.search-input-box:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #0284c71f}.search-input-box input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13px}.select-box{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.select-box:focus{border-color:var(--primary-500)}.table-container{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);letter-spacing:.2px;background:#f8fafc;padding:13px 16px;font-size:12px;font-weight:600}td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}tr:hover td{background:#fafbfe}.badge-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.tag-p1{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.tag-p2{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.tag-p3{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.tag-p4{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.status-pending-dispatch{color:#b45309;background:#fef3c7}.status-dispatched{color:#4338ca;background:#e0e7ff}.status-in-progress{color:#0284c7;background:#e0f2fe}.status-pending-review{color:#be185d;background:#fce7f3}.status-completed{color:#15803d;background:#dcfce7}.status-cancelled{color:#64748b;background:#f1f5f9}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;display:flex;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-main);font-size:16px;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.modal-close-btn:hover{color:var(--text-main);background:#f1f5f9}.modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#334155;font-size:13px;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--border-subtle);color:var(--text-main);background:#fff;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0284c71f}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-footer{border-top:1px solid var(--border-subtle);background:#f8fafc;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.stars-rating{align-items:center;gap:6px;display:flex}.star-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;padding:2px;transition:all .15s}.star-btn.active{color:#f59e0b}.star-btn:hover{transform:scale(1.15)}.timeline{flex-direction:column;gap:16px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.timeline-item{position:relative}.timeline-dot{background:var(--primary-500);width:14px;height:14px;box-shadow:0 0 0 1px var(--primary-500);border:3px solid #fff;border-radius:50%;position:absolute;top:4px;left:-20px}.timeline-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.timeline-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.timeline-text{color:var(--text-secondary);font-size:13px}.tabs-nav{border-bottom:1px solid var(--border-subtle);gap:20px;margin-bottom:20px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 4px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--primary-600)}.tab-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.login-page-container{background:radial-gradient(circle at 10% 10%,#0284c714 0%,#0000 45%),radial-gradient(circle at 90% 90%,#6366f114 0%,#0000 45%),#f8fafc;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card-wrapper{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:20px;width:100%;max-width:440px;padding:40px 36px;box-shadow:0 20px 40px -15px #0f172a14}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-brand-icon{background:var(--primary-gradient);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex;box-shadow:0 8px 20px #0284c740}.login-brand-title{color:#0f172a;letter-spacing:-.4px;font-size:19px;font-weight:800;line-height:1.3}.login-brand-sub{color:var(--text-secondary);margin-top:6px;font-size:13px}.login-submit-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c740}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0284c759}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.global-shunhe-footer{text-align:center;color:#94a3b8;letter-spacing:.3px;-webkit-user-select:none;user-select:none;background:0 0;padding:16px 20px;font-size:12px}