:root{color:#1c2430;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a,input,select{font:inherit}button{cursor:pointer}.loading,.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-shell{background:#101826}.auth-panel{background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:100%;max-width:440px;padding:28px}.auth-brand{color:#101826;margin-bottom:22px}.auth-panel h1,.auth-panel p{margin:0}.auth-panel p{color:#64748b;margin-top:6px}.auth-panel form{gap:14px;margin-top:24px;display:grid}label{color:#334155;gap:6px;font-size:13px;font-weight:700;display:grid}input,select{color:#182230;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:42px;padding:0 11px}input[type=file]{align-content:center;padding:8px 11px}input:focus,select:focus{border-color:#0f766e;outline:2px solid #99f6e4}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#101826;padding:24px 18px}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand svg{color:#14b8a6}.sidebar .brand{margin-bottom:32px}nav{gap:6px;display:grid}nav a{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;text-decoration:none;display:flex}nav a.active,nav a:hover{color:#fff;background:#233244}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#64748b;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px;line-height:1.15}.topbar button,.auth-panel button,.compact-form button,.button-row button{color:#fff;background:#0f766e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.65}.banner-error,.form-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:11px 12px;font-size:14px}.banner-error{margin-bottom:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #dbe3ee;border-radius:8px}.stat-card{padding:16px}.stat-card span{color:#64748b;font-size:13px;font-weight:800}.stat-card strong{margin:8px 0 4px;font-size:28px;display:block}.stat-card p,.panel p,.mini-list span{color:#64748b;margin-bottom:0}.panel{margin-bottom:18px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-heading.compact{margin-bottom:14px}.panel-heading h2{margin-bottom:5px;font-size:20px;line-height:1.2}.panel-heading svg{color:#b45309;flex:none}.empty-state{border:1px dashed #cbd5e1;border-radius:8px;padding:18px}.empty-state h3{margin-bottom:6px;font-size:16px}.table-list,.mini-list,.compact-form{gap:10px;display:grid}.record-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(220px,1fr) 120px 130px 150px;align-items:center;gap:12px;padding:12px;display:grid}.record-row strong,.mini-list strong{color:#172033;line-height:1.3;display:block}.record-row p{margin-top:4px;font-size:14px}.status-pill{color:#075985;text-transform:capitalize;background:#e0f2fe;border-radius:999px;justify-self:start;padding:5px 9px;font-size:13px;font-weight:800}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.compact-form button{grid-column:span 2}.mini-list{max-height:320px;overflow:auto}.mini-list div{border:1px solid #e2e8f0;border-radius:8px;padding:11px}.mini-list span{margin-top:4px;font-size:14px;display:block}.import-form{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) minmax(220px,1fr) 160px}.import-form button{grid-column:auto}.import-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;display:grid}.import-list{max-height:560px}.import-item{color:inherit;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:11px}.active-import,.import-item:hover{border-color:#0f766e;outline:2px solid #ccfbf1}.import-detail{gap:14px;display:grid}.import-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.import-metrics span{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-size:13px;font-weight:800}.mapping-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.preview-list{gap:10px;max-height:360px;display:grid;overflow:auto}.preview-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:11px;display:grid}.preview-row p{grid-column:1/-1}.preview-row span{color:#0f766e;font-size:13px;font-weight:800}@media (width<=1080px){.stats-grid,.two-column,.import-form,.import-metrics,.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-row{grid-template-columns:minmax(220px,1fr) 120px}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.workspace{padding:18px}.topbar{flex-direction:column;align-items:stretch}.stats-grid,.two-column,.import-layout,.import-form,.import-metrics,.mapping-grid,.compact-form,nav,.record-row{grid-template-columns:1fr}.compact-form button,.import-form button{grid-column:auto}}
