:root{--navy:#082a49;--blue:#0875bd;--orange:#f5a623;--ink:#172b3d;--muted:#748697;--line:#e2e9ef;--bg:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#072943,#0a385e);color:#fff;display:flex;flex-direction:column}.brand{height:90px;padding:13px 20px;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff17}.brand img{width:55px;height:55px;object-fit:contain}.brand span,.institution span,.account>div{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:2px}.brand small{font-size:9px;color:#ffbd45;letter-spacing:1.7px}.institution{display:flex;align-items:center;gap:10px;padding:20px}.institution>b{width:36px;height:36px;border-radius:9px;background:#0c72aa;display:grid;place-items:center}.institution span{font-size:12px;font-weight:700}.institution small,.account small{font-size:9px;color:#9fb4c6}.sidebar nav{padding:0 12px;display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#bfd0dd;text-decoration:none;border-radius:9px;padding:12px 14px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#fff;color:var(--navy);font-weight:700}.account{margin-top:auto;border-top:1px solid #ffffff17;padding:16px;display:flex;align-items:center;gap:9px}.account>span{width:34px;height:34px;background:#e1edf4;color:#0b5c8e;border-radius:50%;display:grid;place-items:center}.account>div{flex:1}.account button{border:0;background:none;color:#fff}main{margin-left:250px}main>header{height:82px;background:#fff;border-bottom:3px solid var(--orange);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}main>header strong{color:var(--navy);font-size:16px}main>header span{font-size:10px;color:var(--muted)}.content{padding:28px 32px}.pageHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.pageHead p{margin:0 0 5px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.5px}.pageHead h1{margin:0;font-size:26px;color:#102d47}.pageHead span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.primary,.filters button{display:inline-block;border:0;border-radius:9px;background:linear-gradient(135deg,#fbb32f,#ee9306);color:#193145;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #173e600b}.metrics article{padding:18px;display:grid;grid-template-columns:45px 1fr}.metrics i{width:40px;height:40px;border-radius:10px;background:#eaf5fb;color:var(--blue);display:grid;place-items:center;font-style:normal;grid-row:span 2}.metrics b{font-size:25px}.metrics span{font-size:10px}.panelTitle{padding:18px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.panelTitle h2{font-size:14px;margin:0}.panelTitle p{font-size:9px;color:var(--muted)}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;text-transform:uppercase;color:#7a8997;background:#f7f9fb;font-size:8px;padding:11px 17px}td{padding:13px 17px;border-top:1px solid #edf1f4}a{color:var(--blue)}.tag{padding:5px 8px;border-radius:9px;background:#e9f4fb;color:#0b70ac;font-size:8px}.filters{display:flex;gap:10px;padding:16px}.filters input{max-width:420px}.filters select{max-width:220px}input,select,textarea{width:100%;border:1px solid #d7e0e7;border-radius:8px;background:#fff;padding:10px}.form{padding:24px}.form h2{font-size:14px;color:var(--navy);padding-bottom:9px;border-bottom:1px solid var(--line)}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700}.checks{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.checks label{flex-direction:row;border:1px solid var(--line);border-radius:8px;padding:10px}.checks input{width:auto}.formActions{display:flex;justify-content:flex-end;gap:18px;margin-top:20px}.detailGrid,.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detailGrid article,.setting{padding:20px}.detailGrid .full{grid-column:1/-1}.detailGrid dl{display:grid;grid-template-columns:1fr 1fr}.detailGrid dt{font-size:9px;color:var(--muted)}.detailGrid dd{font-size:10px;font-weight:700}.setting{display:grid;grid-template-columns:43px 1fr auto;gap:13px;align-items:center}.setting h2{font-size:13px}.setting p{font-size:9px;color:var(--muted)}.flash,.errors{padding:13px;border-radius:8px;margin-bottom:17px}.flash{background:#e7f6ed;color:#24784c}.errors{background:#fdecea;color:#a83a35}.empty{text-align:center;padding:70px}.danger{background:#d95048;color:#fff;border:0;border-radius:8px;padding:9px}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#145b87,#061d31)}.loginCard{width:min(420px,92vw);background:#fff;border-radius:18px;padding:35px;text-align:center}.loginCard>img{width:90px}.loginCard form{display:flex;flex-direction:column;gap:14px;text-align:left;margin-top:25px}.loginCard label{font-size:10px;display:flex;flex-direction:column;gap:6px}.loginCard .check{flex-direction:row}.loginCard .check input{width:auto}footer{display:flex;justify-content:space-between;margin-top:25px;font-size:8px;color:#8493a0}@media(max-width:800px){.sidebar{position:static;width:100%}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.account{display:none}main{margin:0}.content{padding:20px 12px}.metrics,.formGrid,.detailGrid,.settingsGrid{grid-template-columns:1fr}.detailGrid .full{grid-column:auto}main>header{padding:12px;height:auto}main>header strong{font-size:11px}main>header span{display:none}}