:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial;background:#0a101e;color:#e8eef8;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#0a101e}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:249px;background:#0d1628;border-right:1px solid #263248;display:flex;flex-direction:column;padding:22px 12px}.logo{display:flex;gap:10px;align-items:center;padding:3px 9px 29px}.logomark,.brandicon{background:#2269dc;border-radius:12px;padding:8px 12px;font-size:24px;color:white}.logo strong{font-size:16px;letter-spacing:.06em;white-space:nowrap}.logo em{font-style:normal;color:#5c9bff}.logo small{display:block;font-size:9px;letter-spacing:.19em;color:#8195b2;margin-top:5px}.v{font-size:9px;color:#62aaff;letter-spacing:0}.navlabel,.eyebrow{font-size:10px;letter-spacing:.19em;color:#6f8aac;font-weight:750}.navlabel{padding:0 17px 14px}.sidebar nav{overflow:auto;flex:1}.navitem{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#96a8c2;border-radius:9px;margin:3px 0;font-size:12px;font-weight:600}.navitem:hover,.navitem.active{background:#172b4b;color:#dcecff}.navitem.active{box-shadow:inset 3px 0 #3c92ff}.navicon{font-size:19px;width:21px;text-align:center;color:#7aaafa}.sidebarbottom{font-size:10px;border-top:1px solid #25334a;padding:20px 9px 0;color:#a3b5cc}.sidebarbottom small{display:block;padding-top:7px;color:#647895}.greenlight{display:inline-block;height:7px;width:7px;background:#2fd6a0;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #1d9f86}.main{margin-left:249px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2b40;background:#0e1829;font-size:12px;font-weight:650}.breadcrumb{color:#677d99;font-weight:500}.topright{display:flex;align-items:center;gap:14px}.orgpill,.userpill,.signout{padding:8px 12px;background:#16253b;border:1px solid #243751;border-radius:8px;font-size:11px}.userpill{background:transparent;color:#b2c0d5}.signout{color:#83b3ff}.content{padding:34px;max-width:1700px;width:100%;margin:auto;flex:1}.eyebrow{color:#438ff7;margin-bottom:12px}.headrow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}h1{font-size:29px;letter-spacing:-.045em;margin:0 0 8px}h1 .muted{color:#7e93b0;font-weight:400}p{color:#889cb6;line-height:1.6;margin:0}.livepill{display:flex;align-items:center;border:1px solid #22664f;color:#58e2b2;font-weight:800;letter-spacing:.09em;font-size:10px;padding:10px 13px;border-radius:8px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat{position:relative;background:linear-gradient(145deg,#17253d,#111c2f);border:1px solid #283a54;border-radius:13px;padding:22px;min-height:145px}.stat span,.stat small{color:#93a7c1;font-size:12px}.stat b{display:block;font-size:36px;margin:8px 0;letter-spacing:-.045em}.stat small{font-size:10px}.stat i{position:absolute;right:19px;top:16px;font-size:27px;color:#4f7bba;font-style:normal}.stat.warn i{color:#e1a463}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#121e31;border:1px solid #283751;border-radius:14px;padding:22px;margin-bottom:20px;min-width:0}.twocol>.panel{margin-bottom:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.panel h2{font-size:15px;margin:0 0 6px;font-weight:720}.panelhead p{font-size:11px}.pill{font-size:9px;border:1px solid #35547c;color:#81b8ff;padding:7px 10px;border-radius:6px;letter-spacing:.06em}.bars{display:flex;flex-direction:column;gap:22px;margin:23px 0}.barrow{display:grid;grid-template-columns:92px 1fr 24px;gap:12px;align-items:center;font-size:11px;color:#a9b8cc}.bartrack{height:9px;background:#23324a;border-radius:10px;overflow:hidden}.bartrack div{height:100%;background:linear-gradient(90deg,#236adb,#5daaff);border-radius:10px}.barrow strong{text-align:right}.health{display:flex;flex-direction:column}.health>div{display:flex;justify-content:space-between;border-bottom:1px solid #27354a;padding:13px 0;color:#a9b9cc;font-size:12px}.health strong{color:#f0f5fb}.health strong.green{color:#44d8a0}.health strong.red{color:#ff7c8e}.outline{border:1px solid #345175;border-radius:8px;padding:9px 13px;color:#9fcaff;font-size:11px}.tablewrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:#7490b0;font-size:9px;letter-spacing:.09em;font-weight:800;background:#182740;padding:14px 12px;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #25334b;color:#afc0d6;white-space:nowrap}td strong{color:#edf5ff}.status{display:inline-block;background:#163e3b;color:#64d9b2;border-radius:6px;padding:5px 8px;font-size:10px}.status.danger{background:#4b2634;color:#ffa7b0}.empty{text-align:center;padding:36px!important;color:#778caa;font-size:12px}.formgrid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.entryform{display:flex;flex-direction:column;gap:9px}.entryform label,.loginbox label{font-size:11px;color:#b0c4de;font-weight:650;margin-top:7px}input,select{background:#0b1526;color:#e2eeff;border:1px solid #32445e;border-radius:8px;padding:12px 13px;width:100%;font:inherit;outline:none;min-width:0}input:focus,select:focus{border-color:#5c9bff}.primary{padding:13px 18px;background:#2877e8;border:0;border-radius:8px;color:white;font-weight:750;cursor:pointer;margin-top:14px;font:inherit}.primary:hover{background:#3e89f4}.notice{padding:12px 18px;color:#8bebc5;background:#11362d;border:1px solid #25634c;border-radius:8px;margin-bottom:23px}.notice.error,.error{background:#451e2a;color:#ffc1cb;border-color:#9e3e55;padding:11px;border-radius:7px}.subtext{font-size:12px}.roadgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.roaditem{padding:24px;background:#121f34;border:1px solid #283a53;border-radius:12px}.roaditem>span{font-size:28px;color:#65a0f6}.roaditem h3{margin:12px 0 7px}.roaditem p{font-size:12px}.roaditem small{display:block;color:#97b7ee;font-size:9px;margin-top:23px;letter-spacing:.14em}footer{padding:26px 34px;border-top:1px solid #1e2b3e;color:#5e7796;font-size:11px}footer span{color:#8fb3e3}.loginbody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0%,#153763,#0a101e 62%);padding:20px}.loginbox{max-width:410px;width:100%;padding:44px 37px;background:#111e32;border:1px solid #314362;border-radius:17px;display:flex;flex-direction:column;gap:11px;box-shadow:0 28px 110px #0005}.loginbox .brandicon{width:max-content;margin-bottom:9px}.loginbox h1{font-size:25px}.loginbox h1 span{color:#62a3ff}.loginbox>p{font-size:12px;margin-bottom:15px}.loginbox small{color:#7890ad;text-align:center;margin-top:15px}.full{width:100%}@media(max-width:1080px){.stats{grid-template-columns:repeat(2,1fr)}.formgrid,.twocol{grid-template-columns:1fr}.roadgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:12px}.sidebar nav{display:flex;overflow:auto}.navitem{white-space:nowrap}.sidebarbottom,.navlabel{display:none}.logo{padding:8px}.main{margin-left:0}.topbar{padding:13px;height:auto;gap:15px;flex-wrap:wrap}.topright{flex-wrap:wrap;gap:5px}.content{padding:22px 13px}.headrow{align-items:flex-start;flex-direction:column}h1{font-size:24px}.stats{gap:9px}.stat{padding:15px;min-height:135px}.stat b{font-size:27px}.roadgrid{grid-template-columns:1fr}footer{padding:20px 13px}}
