@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#edf2ff;background:#090e1b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}p{line-height:1.65;color:#95a3bd}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#75a5ff}.app-shell{display:flex;min-height:100vh;background:#0b1120}.sidebar{position:sticky;top:0;width:252px;min-width:252px;height:100vh;background:#10192c;border-right:1px solid #24334b;padding:30px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin-bottom:59px}.brand-mark,.story-logo{background:linear-gradient(135deg,#347afa,#6559ff);padding:12px 7px;min-width:48px;text-align:center;border-radius:13px;font-weight:800;box-shadow:0 9px 30px #305aff35}.brand-mark span,.brand strong span{color:#81abff}.brand strong{display:block;font-family:Manrope;font-size:15px;letter-spacing:-.6px}.brand small{font-size:8px;letter-spacing:2px;color:#8496b6}.sidebar-label{font-size:10px;color:#60728f;font-weight:800;letter-spacing:2px;padding:0 15px;margin-bottom:17px}.sidebar nav{display:grid;gap:7px}.navlink{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:11px;font-size:13px;color:#a8b9d6;background:transparent;border:0;width:100%;text-align:left}.navlink.selected{background:#213963;color:#edf5ff;border:1px solid #3c5886;font-weight:700}.navlink:hover{background:#203049;color:white}.sidebar-bottom{margin-top:auto}.secure{font-size:11px;color:#90a4bf;padding:12px 8px 20px}.live-dot{display:inline-block;width:7px;height:7px;background:#51d7a1;border-radius:100%;margin-right:7px}.content-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:88px;min-height:88px;border-bottom:1px solid #233047;padding:0 45px;display:flex;align-items:center;justify-content:space-between;background:#10192b}.crumb{font-size:13px;font-weight:700;color:#bfcbe1}.crumb span{color:#516480;margin:0 13px}.profile{display:flex;align-items:center;gap:11px}.profile strong,.profile small{display:block;font-size:12px}.profile small{font-size:10px;color:#7d8da8;margin-top:4px}.avatar{display:grid;place-items:center;min-width:35px;width:35px;height:35px;border-radius:11px;background:#284a81;color:#cde1ff;font-weight:800}.content{width:100%;max-width:1450px;padding:40px 45px 65px;margin:0 auto;flex:1}.hero{padding:37px 40px;min-height:220px;border:1px solid #324a78;background:radial-gradient(ellipse at 85% 45%,#294e9b6b,transparent 47%),linear-gradient(115deg,#1b315a,#14223e 75%);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden}.hero h1,.page-head h1{font-size:33px;letter-spacing:-1.3px;margin:11px 0 8px}.hero p{margin:0;color:#b5c7e7}.hero-symbol{font-size:100px;font-weight:800;letter-spacing:-12px;color:#789ef744;user-select:none}.hero-symbol span{color:#5a83e333}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 42px}.stat{background:#151f33;border:1px solid #28374f;border-radius:16px;padding:23px}.stat span,.stat small{display:block;color:#8799b6;font-size:12px}.stat strong{display:block;font-size:32px;margin:12px 0;letter-spacing:-1px}.stat small{font-size:11px}.stat .status-text{color:#52d4a9;font-size:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:32px 0 17px}.section-title h2{margin:7px 0 0;font-size:21px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-card{border:1px solid #2b3d59;background:#151f33;border-radius:18px;padding:27px;min-height:193px;display:flex;gap:18px;align-items:flex-start;position:relative}.site-card h3{font-size:21px;margin:8px 0}.site-card p{font-size:12px;max-width:320px}.site-icon{min-width:52px;height:52px;display:grid;place-items:center;border-radius:15px;font-size:24px;font-weight:800;background:#253e70;color:#80acff}.state-pill{display:inline-flex;align-items:center;border-radius:30px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.2px;background:#143e38;color:#6de0b2;white-space:nowrap}.site-card .state-pill{position:absolute;right:19px;top:20px}.state-pill.off{background:#513039;color:#ffb0b9}.wide-card,.panel{border:1px solid #2a3a53;background:#151f33;border-radius:18px}.wide-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px}.wide-card h3{margin:0 0 8px}.wide-card p{font-size:12px;margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:13px 18px;font-weight:800;font-size:12px;white-space:nowrap}.btn-primary{background:#347bfa;color:white;box-shadow:0 5px 20px #2359ca35}.btn-primary:hover{background:#4b8cff}.btn-outline{border:1px solid #48668d;background:#223554;color:#e5efff}.btn-quiet{background:#342d3f;color:#fec9d4}.full{width:100%;margin-top:24px;justify-content:space-between}.disclaimer{margin-top:28px;padding:15px 18px;color:#879ab4;font-size:11px;border:1px dashed #35455e;border-radius:10px}.footer{color:#6c809e;font-size:11px;padding:23px 45px;border-top:1px solid #233047;display:flex;justify-content:space-between;gap:10px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-head h1{margin:8px 0}.page-head p{margin:0}.panel-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:19px;align-items:start}.panel{overflow:hidden}.panel-head{padding:25px 27px;border-bottom:1px solid #2b3b55}.panel-head h2{font-size:17px;margin:0 0 7px}.panel-head p{font-size:11px;margin:0}.form-stack{padding:25px 27px;display:grid;gap:18px}.form-stack label,.mini-form{font-size:12px;color:#c1d0e8;font-weight:600}.form-stack input:not([type=checkbox]),.mini-form input:not([type=checkbox]),.login-box input{width:100%;display:block;margin-top:8px;border:1px solid #3c4c67;background:#0d1729;color:#f3f7ff;border-radius:10px;padding:13px;outline:none}.form-stack input:focus,.mini-form input:focus,.login-box input:focus{border-color:#5896ff}fieldset{border:1px solid #35465f;border-radius:10px;padding:15px}legend{font-size:11px;color:#9fb1cd;padding:0 6px}.choice{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:12px}.choice input{accent-color:#347bfa}.small-count{font-size:11px;color:#9cb8e3;background:#253956;border-radius:50px;padding:4px 8px}.staff-row{border-bottom:1px solid #2e3c55}.staff-row:last-child{border-bottom:0}.staff-row summary{cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 24px;list-style:none}.staff-row summary::-webkit-details-marker{display:none}.staff-title{flex:1}.staff-title strong,.staff-title small{display:block}.staff-title strong{font-size:13px}.staff-title small{font-size:11px;color:#8ea2c1;margin-top:5px}.chev{color:#7385a5}.staff-tools{border-top:1px solid #2e3c55;padding:18px 24px;display:grid;gap:17px}.mini-form{background:#111b2d;border-radius:11px;padding:17px;display:grid;gap:12px}.mini-form h4{margin:0}.choice-list{display:flex;gap:17px;flex-wrap:wrap}.status-form{justify-self:start}.empty{padding:25px;color:#9cb0cf}.alert{padding:13px 17px;background:#133d38;border:1px solid #2c786d;border-radius:9px;margin-bottom:20px;font-size:12px;color:#abf5dd}.alert-danger{background:#482b35;border-color:#9a4a61;color:#ffcad4}.login-page{min-height:100vh;background:#0b1120}.login-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:radial-gradient(circle at 30% 70%,#3467c34a,transparent 48%),linear-gradient(145deg,#173663,#101c36 80%);padding:55px 8%;display:flex;flex-direction:column;justify-content:space-between}.story-head{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;letter-spacing:.6px}.story-logo{min-width:42px}.story-body{max-width:620px}.story-body h1{font-size:clamp(38px,4vw,65px);line-height:1.15;letter-spacing:-2px;margin:15px 0 24px}.story-body h1 em{font-style:normal;color:#7fb2ff}.story-body p{max-width:540px;font-size:15px;color:#bdcbe4}.story-points{display:grid;gap:16px;margin-top:37px;color:#d1dfff;font-size:12px}.story-footer{font-size:10px;letter-spacing:3px;color:#8dadd8}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(420px,100%)}.badge-soft{display:inline-block;border:1px solid #365c91;background:#203554;padding:9px 11px;border-radius:7px;color:#90bfff;font-size:10px;font-weight:800;letter-spacing:1.3px}.login-box h2{font-size:28px;letter-spacing:-1px;margin:20px 0 8px}.login-box p{font-size:13px;margin-bottom:32px}.login-box label{display:block;font-size:12px;font-weight:700;color:#cbd8ed;margin:21px 0 7px}.login-box input{font-size:14px;margin-top:0}.login-box .btn{font-size:13px}.login-note{margin-top:25px;padding-top:20px;border-top:1px solid #2c3950;font-size:11px;color:#8296b5;text-align:center}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.site-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.sidebar{width:215px;min-width:215px}.content{padding:30px}.topbar{padding:0 30px}}@media(max-width:700px){.sidebar{position:relative;min-width:65px;width:65px;padding:18px 8px}.brand span:not(.brand-mark),.sidebar-label,.sidebar .navlink span,.secure{display:none}.brand{margin:0 0 27px;justify-content:center}.brand-mark{min-width:42px}.sidebar .navlink{justify-content:center;padding:14px 0}.topbar{height:72px;min-height:72px;padding:0 17px}.profile div:last-child{display:none}.content{padding:20px 15px 35px}.hero{padding:26px 22px;min-height:180px}.hero h1,.page-head h1{font-size:25px}.hero-symbol{display:none}.stats{gap:9px}.stat{padding:17px}.stat strong{font-size:25px}.wide-card{align-items:stretch;flex-direction:column}.page-head{align-items:flex-start;gap:12px}.footer{padding:17px;font-size:10px}.footer span{display:none}.login-grid{grid-template-columns:1fr}.login-story{min-height:230px;padding:30px}.story-body h1{font-size:25px;margin:20px 0 10px}.story-body p,.story-points,.story-footer{display:none}.login-panel{padding:55px 22px}}