*{box-sizing:border-box}body{color:#1f2937;background:#f1f5f9;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}#root{min-height:100vh}.legacy-shell{width:100%}.legacy-frame{display:none}:root{--bg:#f0f4f8;--sf:#fff;--s2:#e8edf4;--br:#ccd5e0;--ac:#0f90ff;--gr:#16a34a;--wn:#d97706;--rd:#dc2626;--tx:#1e293b;--mu:#64748b}.app{max-width:1500px;margin:0 auto;padding:12px 16px 28px}#loginScreen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{border:1px solid var(--br);background:#fff;border-radius:18px;width:420px;padding:30px}.login-title{margin-bottom:12px;font-size:24px;font-weight:800}.login-role{gap:8px;margin-bottom:12px;display:flex}.role-btn{border:1px solid var(--br);cursor:pointer;background:#f8fafc;border-radius:8px;flex:1;padding:9px;font-weight:700}.role-btn.active{border-color:var(--ac);color:var(--ac)}.login-input{border:1px solid var(--br);border-radius:8px;width:100%;margin-bottom:10px;padding:11px 12px}.login-btn{background:var(--ac);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px 12px;font-weight:700}.login-err{color:var(--rd);margin-top:8px;font-size:12px}.topbar{border:1px solid var(--br);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:9px 12px;display:flex}.logo-text{font-size:18px;font-weight:800}.role-pill{color:var(--ac);background:#0f90ff1a;border:1px solid #0f90ff4d;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700}.upload-row{gap:8px;margin-bottom:8px;display:flex}.status-pill{border:1px solid var(--br);color:var(--mu);background:#fff;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px}.sel-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sb-lbl{text-transform:uppercase;color:var(--mu);font-size:10px;font-weight:700}.sinp{border:1px solid var(--br);background:var(--s2);border-radius:8px;padding:7px 9px}.sinp.mini{width:150px}.nav-tabs{gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.tab{color:var(--mu);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font-weight:700}.tab.active{color:var(--ac);border-color:var(--br)}.panel{border:1px solid var(--br);background:#fff;border-radius:10px;padding:12px}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kpi-row.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.kc{border:1px solid var(--br);background:var(--sf);border-radius:10px;padding:10px}.kl{color:var(--mu);text-transform:uppercase;font-size:10px;font-weight:700}.kv{color:var(--ac);font-size:28px;font-weight:800}.ks{color:var(--mu);font-size:11px}.tbl-wrap{border:1px solid var(--br);border-radius:8px;overflow:auto}.tbl{border-collapse:collapse;width:100%}.tbl th{text-transform:uppercase;letter-spacing:.8px;color:var(--mu);text-align:left;border-bottom:1px solid var(--br);padding:8px;font-size:10px}.tbl td{border-bottom:1px solid var(--br);padding:8px;font-size:12px}.empty{text-align:center;color:var(--mu);padding:16px}.card{border:1px solid var(--br);border-radius:8px;padding:10px}.mode-row{gap:8px;margin-bottom:10px;display:flex}.fbt{border:1px solid var(--br);background:var(--s2);color:var(--mu);cursor:pointer;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:700}.fbt.active{border-color:var(--ac);color:var(--ac);background:#0f90ff14}.fbt.upload-btn input{display:none}.fbt.sync-green{color:var(--gr);background:#16a34a1f;border-color:#16a34a4d}.fl{color:var(--mu);text-transform:uppercase;font-size:10px;font-weight:700}.muted{color:var(--mu);margin-top:8px;font-size:12px}.sp8{height:8px}@media (width<=1000px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}