:root{--navy:#102d57;--blue:#1556a2;--red:#b50918;--bg:#f4f6fa;--line:#dce2eb;--text:#1f2937;--muted:#64748b;--green:#15803d;--amber:#a16207;--pale:#eaf1ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:10px 13px;font-weight:750;cursor:pointer;background:var(--blue);color:#fff}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e2e8f0;color:#243449}.outline{background:#fff;color:#334155;border:1px solid var(--line)}.small-btn{font-size:12px;padding:8px 10px}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.09em;text-transform:uppercase}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;padding:11px 22px;border-bottom:4px solid var(--red);box-shadow:0 2px 10px #102d5710}.brand,.user-area{display:flex;align-items:center;gap:12px}.brand-logo{width:84px;height:54px;object-fit:contain}.brand-copy{padding-left:14px;border-left:1px solid var(--line)}.brand-copy h1{font-size:21px;margin:0;color:var(--navy)}.brand-copy h1 span{color:var(--red)}.brand-copy p{margin:3px 0 0;font-size:12px;color:var(--muted)}.role-badge{background:#fee2e2;color:#991b1b;border-radius:99px;padding:5px 9px;font-weight:850;font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1e40af;font-weight:850}.user-copy{display:flex;flex-direction:column;gap:2px}.user-copy small{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;max-width:1600px;padding:18px;margin:0 auto}.sidebar{align-self:start;position:sticky;top:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.nav-title{font-size:10px;color:#94a3b8;font-weight:850;padding:12px 10px 6px;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:#334155;padding:10px;border-radius:8px;font-weight:700;text-decoration:none;margin-bottom:2px}.nav span{width:18px;text-align:center;color:var(--blue)}.nav.active{background:var(--pale);color:var(--blue);border-left:3px solid var(--red);padding-left:7px}.nav:hover{background:#f1f5f9}.nav-link{cursor:pointer}.sidebar-note{font-size:11px;color:var(--muted);padding:15px 10px 8px;line-height:1.55}.main{min-width:0}.view{display:none}.view.active{display:block}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 15px}.page-title h2{font-size:22px;margin:2px 0 4px;color:var(--navy)}.page-title p{margin:0;font-size:12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;min-width:0}.kpi small{font-size:12px;color:var(--muted);font-weight:700;display:block}.kpi strong{font-size:24px;display:block;margin-top:5px;color:var(--navy);overflow-wrap:anywhere}.kpi-sub{font-size:11px;color:var(--muted);display:block;margin-top:2px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:14px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.panel h3{margin:0;font-size:15px;color:var(--navy)}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;background:#dbeafe;color:#1e40af;font-size:11px;font-weight:850;white-space:nowrap}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-row>div{padding:12px;border-radius:9px;background:#f8fafc;border:1px solid var(--line)}.metric-row small{color:var(--muted);display:block;font-size:11px}.metric-row strong{display:block;margin-top:5px;font-size:19px;color:var(--navy)}.note{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:9px;padding:11px;margin:12px 0 0;font-size:12px}.steps{padding-left:19px;margin:4px 0;color:#475569}.steps li{margin:8px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input{flex:1;min-width:220px}.filters input,.filters select,.field-grid input,.field-grid select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text);min-width:0}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#475569;font-weight:750;min-width:0}.field-grid small{font-size:11px;color:var(--muted);font-weight:450}.upload-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,1.3fr) auto;align-items:end}.upload-action{display:flex;align-items:end}.form-message{color:var(--muted);font-size:12px;min-height:16px;margin:10px 0 0}.form-message.error{color:#b91c1c}.form-message.success{color:#166534}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;min-width:950px;background:#fff}th,td{padding:10px 9px;text-align:left;border-bottom:1px solid #e8edf4;vertical-align:top}th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:10px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;z-index:1}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbff}td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td.center{text-align:center}.recap-table{min-width:1550px}.recap-table td{font-size:12px;white-space:normal}.recap-table td:nth-child(7),.recap-table td:nth-child(9),.recap-table td:nth-child(10){white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.table-footnote{font-size:11px;color:var(--muted);margin:10px 0 0}.import-list{display:flex;flex-direction:column;gap:9px}.import-card{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(75px,.5fr)) auto;gap:12px;align-items:center}.import-card strong{display:block;overflow-wrap:anywhere}.import-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.import-card .mini-stat small{margin:0}.import-card .mini-stat strong{font-size:14px;color:var(--navy)}.import-card input{width:100%;max-width:230px;border:1px solid #cbd5e1;border-radius:7px;padding:7px}.empty-state{text-align:center;padding:22px;color:var(--muted);font-size:12px}.footer{font-size:11px;color:var(--muted);padding:4px 2px 20px}.toast{position:fixed;right:18px;bottom:18px;z-index:1000;max-width:min(460px,calc(100vw - 36px));padding:12px 15px;background:#0f172a;color:white;border-radius:10px;box-shadow:0 8px 28px #0f172a33}.toast.error{background:#991b1b}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#edf2fa,#f9fafb)}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 15px 50px #102d5714}.login-logo{display:block;width:140px;height:90px;object-fit:contain;margin:0 auto 12px}.login-card h1{text-align:center;margin:6px 0 8px;color:var(--navy);font-size:24px}.login-card .eyebrow{text-align:center}.login-card>p{font-size:12px;text-align:center;margin:0 0 18px}.login-card label{display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:12px;font-weight:750;color:#475569}.login-card input{border:1px solid #cbd5e1;border-radius:8px;padding:11px;width:100%}.full{width:100%;margin-top:8px}.compact-kpis .kpi strong{font-size:21px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:4px;overflow:auto;align-items:center}.nav-title{display:none}.nav{white-space:nowrap;width:auto;flex:0 0 auto}.sidebar-note{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-action{grid-column:1/-1}.import-card{grid-template-columns:1fr 1fr}.import-card>div:last-child{grid-column:1/-1}}@media(max-width:620px){.topbar{padding:12px}.brand-logo{width:58px;height:45px}.brand-copy{padding-left:10px}.brand-copy h1{font-size:18px}.brand-copy p{font-size:10px}.user-area{width:100%;gap:8px}.user-copy{flex:1}.layout{padding:10px}.sidebar{padding:6px}.nav{font-size:12px;padding:8px}.page-title h2{font-size:19px}.kpi-grid,.two-cols,.field-grid,.upload-grid,.metric-row{grid-template-columns:1fr}.kpi strong{font-size:20px}.import-card{grid-template-columns:1fr}.import-card>div:last-child{grid-column:auto}.panel{padding:11px}}