:root{color:#182c45;font-synthesis:none;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;font-size:.875rem}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:#30445e;background:#fff;border:1px solid #dce3ec;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-weight:500;display:inline-flex}button:hover{background:#edf3f7}button:disabled{opacity:.6;cursor:wait}a{color:#008b92}input,select,textarea{color:#263e59;background:#fff;border:1px solid #dce3ec;border-radius:7px;max-width:100%;padding:11px 12px}textarea{resize:vertical}h1{letter-spacing:-1px;margin:6px 0 10px;font-size:2.3rem;font-weight:750}h2{align-items:center;gap:10px;margin:0;font-size:1.12rem;display:flex}h3{font-size:1rem}p{line-height:1.6}small{color:#75859a;font-size:.8rem;line-height:1.6;display:block}strong{font-weight:650}.sidebar{color:#b8c9de;z-index:30;background:#172b43;flex-direction:column;width:244px;padding:28px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#f1f6fe;align-items:center;gap:15px;padding:0 14px 36px;font-size:1.3rem;font-weight:700;line-height:1.3;display:flex}.brand svg{color:#9bbddf}.navcaption{letter-spacing:1.7px;color:#748ca7;padding:0 16px 14px;font-size:.68rem}nav{flex-direction:column;gap:7px;display:flex}nav button{color:#b8c9de;background:0 0;border:0;justify-content:flex-start;gap:15px;padding:14px 16px;font-size:.9rem}nav button:hover{background:#233c56}nav button.active{color:#fff;background:#008a91;box-shadow:inset 3px 0 #50d7cc}.sidebarBottom{border-top:1px solid #2a405a;gap:10px;margin-top:auto;padding:22px 8px 0;font-size:.75rem;display:flex}.sidebarBottom small{color:#8da5bf;font-size:.69rem}.avatar{background:#304a65;border-radius:50%;place-items:center;min-width:34px;height:34px;display:grid}main{max-width:1800px;margin-left:244px;padding:38px 34px 30px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:#6b8098;letter-spacing:1.8px;font-size:.68rem;font-weight:650}header p{color:#708199;margin:0;font-size:.9rem}.headerActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary{color:#fff;background:#008b92;border-color:#008b92}.primary:hover{background:#00737c}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.metric{background:#fff;border:1px solid #e0e7f0;border-radius:11px;align-items:flex-start;gap:16px;padding:24px 20px;display:flex;box-shadow:0 3px 12px #15304903}.metric span:not(.iconbox){color:#536883;font-size:.85rem}.metric strong{color:#152b44;margin:10px 0 4px;font-size:2rem;line-height:1;display:block}.iconbox{border-radius:11px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.blue{color:#2b72b8;background:#eaf2fe}.orange{color:#df8c09;background:#fff3df}.pink{color:#e34560;background:#ffe8eb}.teal{color:#008b92;background:#e2f4f3}.dashboardGrid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #e0e7f0;border-radius:11px;min-width:0;padding:22px}.panelHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panelHead h2 svg{color:#58718d}.textbutton{color:#008b92;background:0 0;border:0;padding:0;font-size:.8rem}.tableWrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th{color:#637690;white-space:nowrap;background:#f6f8fc;padding:13px 12px;font-size:.78rem;font-weight:600}td{border-bottom:1px solid #edf0f5;padding:18px 12px;line-height:1.5}tbody tr:last-child td{border:0}tbody tr:hover{background:#fafcff}td>small{margin-top:3px}.badge{white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:500;display:inline-block}.red{color:#d94458;background:#ffe9ec}.amber{color:#c57b07;background:#fff3dc}.green{color:#258153;background:#e7f5ed}.neutral{color:#60748d;background:#eef2f8}.muted{color:#7b8ba1;font-size:.85rem}.empty{text-align:center;color:#8293a8;flex-direction:column;align-items:center;gap:8px;padding:40px 15px;display:flex}.empty h3{color:#546b85;margin:8px 0 0}.empty p{margin:0 0 10px;font-size:.85rem}.empty svg{color:#aab9ca}.bars{padding:10px 0}.barrow{grid-template-columns:40% 1fr 22px;align-items:center;gap:12px;margin:22px 0;font-size:.8rem;display:grid}.bartrack{background:#edf2f7;border-radius:4px;height:24px;overflow:hidden}.bartrack>div{background:#149da1;border-radius:4px;height:100%}.events>div{border-top:1px solid #edf0f5;align-items:center;gap:13px;padding:17px 0;display:flex}.events strong{font-size:.85rem}.events time{color:#8393a7;white-space:nowrap;margin-left:auto;font-size:.75rem}.eventicon{color:#258153;background:#e7f5ed;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.stateList>div{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:16px 0;display:flex}.hint,.footerNote{color:#71849b;font-size:.8rem;line-height:1.6}.hint{margin-top:18px}.footerNote{margin-top:22px}.toolbar{align-items:center;gap:16px;margin-bottom:22px;display:flex}.search{color:#8b9db1;border:1px solid #dde5ef;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:540px;padding-left:12px;display:flex}.search input{background:0 0;border:0;width:100%}.rowlink{text-align:left;color:#203c59;background:0 0;border:0;padding:0;font-weight:650}.iconbutton{background:0 0;border:0;padding:8px}.late{color:#d94458}.three{grid-template-columns:repeat(3,1fr)}.miniBar{background:#eef3f7;border-radius:3px;width:100px;height:4px;margin-top:8px;overflow:hidden}.miniBar i{background:#008b92;height:100%;display:block}.uploadForm{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.uploadForm label{flex:1;min-width:200px}label{color:#566c87;font-size:.85rem;font-weight:500}label input,label select,label textarea{width:100%;margin-top:8px;display:block}label small{margin-top:5px}.download{align-items:center;gap:8px;font-size:.85rem;text-decoration:none;display:flex}.error{color:#b63145;background:#fff0f2;border:1px solid #f7d3d9;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:.9rem;line-height:1.5}.error button{margin-left:12px;padding:5px 10px}.toast{color:#fff;z-index:80;background:#183d40;border-radius:10px;align-items:center;gap:10px;padding:15px 22px;display:flex;position:fixed;bottom:25px;right:30px;box-shadow:0 8px 30px #0002}.overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10223980;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;width:740px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 70px #0003}.dialogHead{border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.dialogHead h2{margin-top:4px;font-size:1.35rem}.dialog form{padding:24px 28px 0}.formGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wide{grid-column:1/-1}.required{color:#dc4b5c}.dialogFooter{border-top:1px solid #e4eaf1;justify-content:flex-end;gap:12px;margin-top:24px;padding:20px 28px;display:flex}.dialog form .dialogFooter{margin:24px -28px 0}.detailBody{padding:25px 28px}.detailGrid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.detailGrid strong{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.historyRow{text-align:left;background:#f6f8fb;border:1px solid #e9eef5;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:14px;text-decoration:none;display:flex}.auditDetails{white-space:normal;max-width:320px}.auditDetails p{font-size:.8rem}.mobileBtn{display:none}.title{align-items:center;gap:12px;display:flex}@media (width>=1500px){main{padding:42px}.metric{padding:28px}.dashboardGrid{grid-template-columns:1.55fr 1fr}}@media (width<=1200px){.sidebar{width:215px}main{margin-left:215px;padding:28px 22px}.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.dashboardGrid{grid-template-columns:1fr}.metric{padding:20px}.brand{padding-left:8px;font-size:1.1rem}.headerActions{max-width:300px}}@media (width<=760px){.sidebar{width:244px;transform:translate(-100%)}.sidebar.expanded{transform:translate(0);box-shadow:10px 0 50px #0005}main{margin-left:0;padding:24px 16px}.mobileBtn{padding:8px;display:flex}header{flex-direction:column;gap:20px}.headerActions{justify-content:flex-start;max-width:none}.eyebrow{font-size:.6rem}h1{font-size:1.8rem}header p{font-size:.8rem}.cards{gap:10px}.metric{gap:10px;padding:16px 12px}.iconbox{width:38px;height:38px}.metric strong{font-size:1.7rem}.metric span:not(.iconbox){font-size:.75rem}.metric small{font-size:.68rem}.panel{padding:17px}.panelHead h2{font-size:1rem}.panelHead .textbutton{font-size:.7rem}.toolbar{flex-wrap:wrap}.search{min-width:100%}.overlay{padding:10px}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.dialogHead,.detailBody{padding:20px}.dialog form{padding:20px 20px 0}.dialog form .dialogFooter{margin:24px -20px 0}.dialogFooter{flex-wrap:wrap;padding:20px}.three{grid-template-columns:1fr}.detailGrid{grid-template-columns:1fr 1fr}.toast{bottom:12px;left:12px;right:12px}.events time{display:none}}.accountActions{gap:6px;margin-top:14px;display:flex}.accountActions button{color:#b8c9de;background:#233c56;border:0;flex:1;padding:9px 8px;font-size:.72rem}.loginScreen{background:radial-gradient(at 20% 0,#e5f1f2,#0000 50%),#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginCard{background:#fff;border:1px solid #dce5ef;border-radius:18px;width:440px;max-width:100%;padding:40px;box-shadow:0 20px 60px #1c3c5710}.loginLogo{color:#fff;background:#008b92;border-radius:15px;place-items:center;width:62px;height:62px;margin-bottom:28px;display:grid}.loginCard h1{margin:12px 0;font-size:1.9rem;line-height:1.2}.loginCard form{flex-direction:column;gap:22px;margin-top:28px;display:flex}.loginCard form button{padding:14px}.loginFoot{color:#7c8ea4;align-items:center;gap:8px;margin-top:28px;font-size:.75rem;display:flex}.loginSub{margin-top:24px}.loginNotice{color:#267c65;background:#effaf5;border:1px solid #bce1d8;border-radius:8px;padding:12px;font-size:.85rem;line-height:1.6}.passwordDialog{width:520px}.passwordDialog form>label{margin-bottom:20px;display:block}.authError{color:#b63145;z-index:80;background:#fff0f2;border-radius:8px;padding:15px;position:fixed;bottom:20px;right:20px}.authError button{margin-left:12px}@media (width<=760px){.loginCard{padding:28px}.sidebar{padding-top:24px}.brand{padding-bottom:22px}nav{gap:3px}nav button{padding:11px 16px}}
