:root{--ink:#102a43;--muted:#627d98;--primary:#126e82;--primary2:#0b5262;--bg:#f4f7fa;--surface:#fff;--line:#d9e2ec;--ok:#1f8a5b;--warn:#e6a817;--danger:#d64545;--shadow:0 12px 32px rgba(16,42,67,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#d4f1f4,transparent 32%),linear-gradient(145deg,#f7fbfc,#eaf1f5)}.login-card{width:min(420px,100%);padding:40px;border:1px solid #e4edf2;border-radius:22px;background:#fffc;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary);color:white;font-size:24px;font-weight:800}.eyebrow{margin:18px 0 4px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.14em}.login-card h1,header h1{margin:0}.muted{color:var(--muted)}label{display:grid;gap:7px;margin:18px 0 0;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid #bfe8ec;border-color:var(--primary)}button{border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:white;color:var(--ink)}.primary{background:var(--primary);border-color:var(--primary);color:white;font-weight:700}.primary:hover{background:var(--primary2)}.login-card .primary{width:100%;margin-top:22px}.error{min-height:18px;color:var(--danger);font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:242px 1fr}aside{position:sticky;top:0;height:100vh;padding:24px 14px;background:#102a43;color:white;display:flex;flex-direction:column}.logo{padding:4px 12px 24px;display:grid}.logo b{font-size:21px}.logo span{font-size:12px;color:#9fb3c8}nav{display:grid;gap:3px;overflow:auto}.nav-item{display:flex;gap:11px;align-items:center;width:100%;border:0;background:transparent;color:#bcccdc;text-align:left;padding:10px 12px}.nav-item:hover,.nav-item.active{color:white;background:#ffffff14}.nav-item.active{box-shadow:inset 3px 0 var(--warn)}#logout{margin-top:auto}main>header{height:86px;padding:18px 30px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}main>header .eyebrow{margin:0}#year{width:100px;margin-left:auto}#menu{display:none;border:0;font-size:20px}#content{padding:28px;max-width:1500px}.notice{padding:14px 17px;border-left:4px solid var(--warn);border-radius:8px;background:#fff9e6;color:#725b13}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:20px 0}.card,.panel{background:var(--surface);border:1px solid #e5edf3;border-radius:14px;box-shadow:0 3px 14px #102a4308}.card{padding:18px}.card span{color:var(--muted);font-size:12px}.card strong{display:block;margin-top:8px;font-size:23px}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{padding:20px}.panel h2{margin:0 0 16px;font-size:16px}.progress{height:15px;background:#e8eef3;border-radius:10px;overflow:hidden}.progress>div{height:100%;transition:width .4s}.legend{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:12px}.type-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid #edf2f6}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{max-width:360px}.toolbar .primary{margin-left:auto}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf2f6;font-size:13px}th{background:#f8fafc;color:var(--muted);font-size:11px;text-transform:uppercase}td.actions{display:flex;gap:6px}.empty{text-align:center;padding:48px;color:var(--muted)}dialog{width:min(780px,calc(100% - 28px));max-height:90vh;padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px #102a4355}dialog::backdrop{background:#102a4388}dialog form>header,dialog form>footer{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}dialog h2{margin:0}#closeEditor{margin-left:auto;border:0;font-size:22px}dialog footer{justify-content:flex-end;gap:10px;border:0;border-top:1px solid var(--line)}.form-grid{padding:6px 22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;overflow:auto;max-height:65vh}.form-grid label:has(textarea){grid-column:1/-1}#toast{position:fixed;right:20px;bottom:20px;padding:12px 18px;border-radius:9px;background:var(--ink);color:white;transform:translateY(100px);transition:.25s;z-index:10}#toast.show{transform:none}
@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.app{grid-template-columns:1fr}aside{position:fixed;z-index:5;width:242px;transform:translateX(-100%);transition:.2s}aside.open{transform:none}#menu{display:block}}@media(max-width:600px){#content{padding:16px}main>header{padding:14px 16px}.metrics{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.toolbar .primary{margin-left:0}.login-card{padding:28px}}
.import-body{padding:20px 22px}.upload-box{padding:24px;border:2px dashed #9fb3c8;border-radius:12px;background:#f8fbfc;text-align:center}.upload-box p{margin:6px 0 16px;color:var(--muted)}.upload-box input{margin-bottom:12px}.import-body .form-grid{padding:0;max-height:none}.auto-badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#d9f3e8;color:#176b49;font-size:11px;font-weight:800}.toolbar .import-button{border-color:var(--primary);color:var(--primary);font-weight:700}