*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:240px;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--radius:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);color:#e2e8f0;z-index:100;background:#0f172a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 1rem 1rem}.sidebar-header h1{color:#fff;font-size:1.25rem;font-weight:700}.sidebar-subtitle{color:#94a3b8;font-size:.75rem}.sidebar-nav{flex:1;padding:.5rem}.nav-link{border-radius:var(--radius);color:#94a3b8;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link--active{color:#60a5fa;background:#3b82f626}.nav-icon{font-size:1.1rem}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.sidebar-user{flex-direction:column;gap:.2rem;display:flex}.sidebar-username{color:#e2e8f0;font-size:.875rem;font-weight:600}.sidebar-role{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.sidebar-warehouse{color:#60a5fa;font-size:.75rem}.sidebar-change-pw{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.45rem .75rem;font-size:.8rem;transition:color .15s}.sidebar-change-pw:hover{color:#94a3b8}.sidebar-logout{color:#94a3b8;border-radius:var(--radius);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;width:100%;padding:.45rem .75rem;font-size:.8rem;transition:all .15s}.sidebar-logout:hover{color:#fca5a5;background:#dc262626;border-color:#dc26264d}.sidebar-version{color:#334155;font-size:.68rem}.login-page{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-card{z-index:1;-webkit-backdrop-filter:blur(28px);background:#0a101e73;border:1px solid #00ddff2e;border-radius:18px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;padding:2.75rem 2.25rem;display:flex;position:relative;box-shadow:0 0 0 1px #00ddff0f,0 8px 48px #000000b3,0 0 80px #00ddff0f}.login-header{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.login-title{color:#fff;letter-spacing:.04em;text-align:center;flex-direction:column;align-items:center;gap:.4rem;font-size:2.5rem;font-weight:700;display:flex}.login-title-cn{color:#cbd5e1;letter-spacing:.22em;font-family:Noto Sans SC,sans-serif;font-size:1.4rem;font-weight:400}.login-subtitle{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.login-subtitle>span:first-child{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:.92rem;font-weight:600}.login-subtitle-cn{color:#64748b;letter-spacing:.14em;font-family:Noto Sans SC,sans-serif;font-size:1rem}.login-divider{background:linear-gradient(90deg,#0000,#00ddff40,#0000);width:100%;height:1px;margin:.1rem 0}.login-btn{color:#fff;border-radius:var(--radius);letter-spacing:.04em;text-align:center;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#0369a1 100%);border:1px solid #00ddff59;flex-direction:column;align-items:center;gap:.3rem;width:100%;padding:.9rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .22s;display:flex;box-shadow:0 0 16px #00ddff2e,inset 0 1px #ffffff14}.login-btn:hover{color:#e0f7ff;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);border-color:#00ddffb3;transform:translateY(-1px);box-shadow:0 0 28px #00ddff73,0 4px 20px #0006}.login-btn-sub{opacity:.8;letter-spacing:.12em;font-family:Noto Sans SC,sans-serif;font-size:.95rem;font-weight:400}.login-hint{color:#64748b;text-align:center;font-size:.85rem;line-height:1.7}.login-hint-cn{color:#475569;font-family:Noto Sans SC,sans-serif;font-size:.88rem}.login-access-note{color:#475569;text-align:center;font-size:.82rem;line-height:1.7}.login-access-cn{color:#3f5068;font-family:Noto Sans SC,sans-serif}.login-footer{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}.login-powered{color:#334155;text-align:center;letter-spacing:.03em;font-size:.75rem}.login-powered-cn{color:#2d3f54;font-family:Noto Sans SC,sans-serif;font-size:.78rem}.login-powered-brand{color:#4e91c9;font-weight:600}.login-loading{letter-spacing:.04em;color:#64748b;margin-top:.5rem;font-size:.85rem}.login-form{flex-direction:column;gap:.9rem;width:100%;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}.login-input{border-radius:var(--radius);color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;outline:none;padding:.6rem .85rem;font-size:.95rem;transition:border-color .15s}.login-input::placeholder{color:#475569}.login-input:focus{border-color:#00ddff73}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{color:#f87171;text-align:center;font-size:.85rem}.login-error-sub{color:#7f1d1d;text-align:center;font-family:Noto Sans SC,sans-serif;font-size:.88rem}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:1.75rem}.modal-title{color:var(--text);margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.modal-form{flex-direction:column;gap:.85rem;display:flex}.modal-form label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.modal-form input,.modal-form select{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);padding:.45rem .65rem;font-size:.875rem}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);outline:none}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.admin-temp-pw{border-radius:var(--radius);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.admin-temp-pw code{background:#00000014;border-radius:4px;flex:1;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.admin-temp-pw button{cursor:pointer;color:#92400e;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.admin-badge{letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.admin-badge--active{color:#16a34a;background:#16a34a1a}.admin-badge--inactive{color:#64748b;background:#64748b1a}.main-content{margin-left:var(--sidebar-w);flex:1;max-width:1400px;padding:1.5rem 2rem}.page{flex-direction:column;gap:1.25rem;display:flex}.page-title{color:var(--text);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.date-picker-bar{align-items:center;gap:1rem;display:flex}.date-picker-bar label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.date-picker-bar input[type=date]{border:1px solid var(--border);border-radius:var(--radius);padding:.375rem .5rem;font-size:.85rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.kpi-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.kpi-card--small{padding:.75rem 1rem}.kpi-card--small .kpi-value{font-size:1.25rem}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.kpi-value{color:var(--text);font-size:1.75rem;font-weight:700}.kpi-footer{justify-content:space-between;margin-top:.5rem;font-size:.8rem;display:flex}.kpi-avg{color:var(--text-muted)}.kpi-delta{font-weight:600}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.chart-card h3{color:var(--text);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.chart-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;display:grid}.lagged-notice{border-radius:var(--radius);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;padding:.5rem 1rem;font-size:.85rem}.ai-terminal{border-radius:var(--radius);background:#0d1117;border:1px solid #30363d;overflow:hidden;box-shadow:0 0 0 1px #38bdf814,0 8px 32px #0006}.ai-terminal-bar{background:#161b22;border-bottom:1px solid #30363d;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.ai-terminal-dots{flex-shrink:0;gap:6px;display:flex}.ai-terminal-dots span{border-radius:50%;width:12px;height:12px}.ai-terminal-dots span:first-child{background:#ff5f57}.ai-terminal-dots span:nth-child(2){background:#febc2e}.ai-terminal-dots span:nth-child(3){background:#28c840}.ai-terminal-title{text-align:center;letter-spacing:.12em;color:#8b949e;flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.7rem;font-weight:700}.ai-terminal-badge{letter-spacing:.1em;border-radius:999px;flex-shrink:0;padding:2px 8px;font-family:monospace;font-size:.65rem;font-weight:700}.ai-badge-live{color:#22d3ee;background:#22d3ee26;border:1px solid #22d3ee4d;animation:1.8s infinite pulse-badge}.ai-badge-done{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.ai-badge-error{color:#f85149;background:#f851491f;border:1px solid #f8514940}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.ai-terminal-body{min-height:120px;padding:1.5rem 1.75rem}.ai-terminal-content{color:#c9d1d9;font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.75}.ai-terminal-content h2{letter-spacing:.1em;color:#22d3ee;text-transform:uppercase;border-bottom:1px solid #22d3ee33;margin:1.5rem 0 .75rem;padding-bottom:.4rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:700}.ai-terminal-content h2:first-child{margin-top:0}.ai-terminal-content h3{color:#7ee8a2;text-transform:uppercase;letter-spacing:.08em;margin:1.1rem 0 .4rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600}.ai-terminal-content strong{color:#e6edf3;font-weight:600}.ai-terminal-content ul{margin:.25rem 0;padding-left:1.25rem}.ai-terminal-content li{color:#b1bac4;margin-bottom:.35rem}.ai-terminal-content li::marker{color:#22d3ee}.ai-terminal-content p{margin-bottom:.5rem}.ai-terminal-content hr{border:none;border-top:1px solid #30363d;margin:1.5rem 0}.ai-terminal-content code{color:#38bdf8;background:#38bdf814;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.ai-cursor{vertical-align:text-bottom;background:#22d3ee;width:8px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ai-terminal-loading{color:#8b949e;align-items:center;gap:.5rem;padding:.5rem 0;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;display:flex}.ai-prompt{color:#22d3ee;font-family:monospace;font-weight:700}.ai-loading-text{color:#8b949e}.ai-ellipsis:after{content:"";animation:1.5s steps(4,end) infinite ellipsis}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.ai-terminal-error{color:#f85149;align-items:flex-start;gap:.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;display:flex}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.825rem}.data-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f1f5f9;padding:.5rem .75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:.5rem .75rem}.data-table tbody tr:hover{background:#f8fafc}.table-footer{text-align:center;color:var(--text-muted);padding:.5rem;font-size:.75rem}.search-bar{gap:.5rem;display:flex}.search-bar input{border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:.5rem .75rem;font-size:.875rem}.search-bar input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.search-bar button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .15s}.search-bar button:hover:not(:disabled){background:var(--primary-hover)}.search-bar button:disabled{opacity:.5;cursor:not-allowed}.search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:300px;box-shadow:var(--shadow-md);overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem 1rem;transition:background .1s;display:flex}.search-result-item:hover{background:#f1f5f9}.search-result-item:last-child{border-bottom:none}.search-result-meta{color:var(--text-muted);font-size:.8rem}.employee-scorecard{flex-direction:column;gap:1rem;display:flex}.scorecard-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-start;padding:1.25rem;display:flex}.scorecard-header h3{font-size:1.25rem;font-weight:700}.scorecard-meta{color:var(--text-muted);font-size:.85rem}.grade-badge{border-radius:var(--radius);border:3px solid;flex-direction:column;align-items:center;min-width:64px;padding:.5rem 1rem;display:flex}.grade-letter{font-size:1.5rem;font-weight:800;line-height:1}.grade-score{color:var(--text-muted);font-size:.75rem;font-weight:600}.btn-secondary{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.375rem .75rem;font-size:.8rem;transition:all .15s}.btn-secondary:hover{background:var(--border);color:var(--text)}.skeleton-row{border-radius:var(--radius);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;height:120px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-msg{color:var(--danger);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;padding:.75rem 1rem;font-size:.85rem}