:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#080d16;color:#eaf1fb}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;border-bottom:1px solid #1c2b41;background:#0b1321;gap:16px}a{color:#80b5ff;text-decoration:none}header a{color:#b8c9e2}header nav{display:flex;gap:22px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:.15em;font-size:22px!important;color:white!important}.dot{color:#347bf2}.hero{max-width:1050px;margin:auto;padding:110px 24px 95px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#6aa5ff;font-weight:700}h1{font-size:clamp(44px,7vw,85px);line-height:1.06;letter-spacing:-.05em;margin:22px 0}h1 span{color:#428cff}.hero p{font-size:18px;max-width:620px;color:#a4b7d1;line-height:1.7}.button,button{background:#286ee8;border:0;border-radius:8px;color:white;display:inline-block;padding:12px 18px;cursor:pointer;font-weight:650}.button:hover,button:hover{background:#3b82f6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;max-width:1150px;margin:0 auto;padding:24px}.features article,.panel{background:#101c2c;border:1px solid #24364c;border-radius:12px;padding:24px}.features p,.muted{color:#a0b3cd;line-height:1.6}.pricing{padding:55px 24px;text-align:center}.pricing strong{font-size:26px}.dashboard{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{background:#0c1524;border-right:1px solid #1c2b41;padding:20px}aside a{display:block;padding:12px;border-radius:8px;color:#b4c9e5}aside a:hover{background:#172943}section.content{padding:26px;max-width:1350px;width:100%}h2{margin:0 0 22px;font-size:26px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}.card{border:1px solid #263951;background:#101c2c;border-radius:12px;padding:20px;cursor:pointer}.card:hover{border-color:#4c8df2}.card h3{margin:0 0 8px}input,textarea,select{width:100%;background:#091322;border:1px solid #314764;color:#edf4ff;border-radius:7px;padding:11px;font:inherit}label{display:block;margin:12px 0 5px;font-size:13px;color:#a9bedb}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.secondary{background:#263b55}.danger{background:#993e4b}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a1524;padding:16px;border-radius:8px;font-size:12px;max-height:400px;overflow:auto}.alert{padding:14px;background:#2c2030;border:1px solid #83465a;border-radius:8px;margin:10px 0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.small{font-size:12px;color:#9ab1ce}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid #273a52;padding:10px}table{display:block;overflow:auto}@media(max-width:720px){.dashboard{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #263951;display:flex;gap:8px;overflow:auto;padding:9px}aside a{white-space:nowrap}header{padding:18px}header nav{gap:10px;font-size:13px}.hero{padding:60px 20px}section.content{padding:18px}}
/* Floppy v9 dashboard */
.workspace{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 80px);background:radial-gradient(ellipse at 45% 18%,#0d3157 0,#081a30 42%,#071321 95%)}.sidebar{background:#0b1421;border-right:1px solid #20324b;padding:24px 16px;display:flex;flex-direction:column;gap:2px}.side-brand{font-size:24px;font-weight:900;letter-spacing:.14em;color:#f3f8ff;padding:7px 13px 20px}.side-brand span{color:#3288fa}.side-brand small{display:block;font-size:9px;letter-spacing:.22em;color:#6c89ad;margin-top:4px}.server-pill{background:#14283d;border:1px solid #284362;padding:14px;border-radius:12px;font-size:13px;font-weight:700;margin-bottom:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-label{font-size:10px;letter-spacing:.16em;color:#7391b1;padding:18px 14px 6px;font-weight:800}.nav-item{background:none;text-align:left;color:#b9cbe2;font-weight:550;padding:11px 14px;border-radius:8px;width:100%;font-size:13px}.nav-item:hover,.nav-item:focus{background:#193554;color:#fff}.side-bottom{margin-top:auto;padding:18px 13px;color:#8eacc9;font-size:12px}.main-area{min-width:0}.topbar{height:61px;border-bottom:1px solid #243d59;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#b8c9de;font-size:13px;background:#09192b99}.workspace-content{padding:32px 36px;max-width:1450px;margin:auto}.page-heading h1{font-size:29px;letter-spacing:-.035em;margin:0 0 7px}.page-heading p{color:#90a8c2;margin:0 0 28px}.pane{background:#111b27ed;border:1px solid #2b3c50;border-radius:17px;padding:25px;margin-bottom:18px;box-shadow:0 8px 24px #0002}.pane-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.pane-head h3{margin:0;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:19px}.stat{background:#111c2a;border:1px solid #2b3e56;border-radius:15px;padding:24px}.stat span{display:block;color:#91acc8;font-size:13px}.stat strong{font-size:31px;display:block;margin-top:9px}.module-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #2c3b4a;padding:19px 0}.module-row:last-child{border-bottom:0}.module-row>div{flex:1}.module-row p{color:#94a7bb;margin:5px 0 0;font-size:13px}.module-status{color:#c7a5a5;font-size:12px}.module-status.enabled{color:#5cb6fa}.outline{background:transparent;border:1px solid #42536b;color:#cfe5ff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 22px}.field{margin:0}.field span{display:block;margin:0 0 9px;font-weight:600;color:#bfd0e4}.field input,.field select,.field textarea{background:#0c1827;border:1px solid #344c68;padding:13px;border-radius:9px}.setup-step{display:flex;align-items:center;gap:16px;border-bottom:1px solid #293b50;padding:17px 3px}.setup-step strong{flex:1}.step-count{background:#185491;color:#fff;padding:9px 14px;border-radius:100px}.step-status{color:#81b6e8;font-size:12px}.notice{padding:12px;border-radius:8px;color:#94d9ff;margin-bottom:15px}.notice.error{color:#ff9f9f}.table-wrap{overflow-x:auto}.scan-score{font-size:48px;font-weight:800;color:#60b1ff;padding:24px 0}.action-grid{display:flex;gap:12px;flex-wrap:wrap}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.server-choice{background:#13263b;border:1px solid #345170;text-align:left;display:flex;flex-direction:column;gap:8px;padding:22px}.server-avatar{background:#285c9d;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:23px}.server-choice small{color:#9eb5cb}@media(max-width:780px){.workspace{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;align-items:center;padding:10px}.side-brand{font-size:17px;padding:8px}.side-brand small,.nav-label,.side-bottom,.server-pill{display:none}.nav-item{width:auto;white-space:nowrap}.workspace-content{padding:20px}.topbar{padding:0 20px}.module-row{flex-wrap:wrap}.module-status{margin-left:auto}}
/* v11: independent home, staff and developer portals */
.portal-shell{min-height:100vh;background:radial-gradient(ellipse at 50% 0,#12335a 0,#071526 56%,#050d19 100%);padding:32px clamp(20px,5vw,75px);color:#eef5ff}.portal-top,.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-brand{font-size:26px;font-weight:850;letter-spacing:.04em;color:#fff;text-decoration:none}.portal-brand span{color:#308fff}.portal-top>span,.portal-kicker,.staff-sub{font-size:12px;letter-spacing:.12em;color:#8da9c9}.portal-welcome{margin:65px 0 36px}.portal-welcome h1{font-size:clamp(32px,4vw,54px);margin:12px 0}.portal-welcome p,.portal-choice p,.staff-muted{color:#a5b8d0}.portal-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.portal-choice{background:#0e2036;border:1px solid #254462;border-radius:15px;padding:27px;color:#eef5ff;text-decoration:none;min-width:0}.portal-choice h2{margin:12px 0}.portal-choice-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:#164b88;color:#a6d3ff;font-weight:800}.portal-choice>span{font-size:13px;color:#73b4ff}.portal-list{margin-top:20px;display:grid;gap:7px}.portal-list a,.portal-choice>a:not(.portal-primary){display:block;color:#e4f1ff;text-decoration:none;padding:11px;border:1px solid #29435e;border-radius:7px}.portal-list a b{float:right}.portal-primary,.portal-ghost{display:inline-block;background:#1378e8;color:white;text-decoration:none;border-radius:8px;padding:12px 16px;margin-top:20px;font-weight:700}.portal-ghost{background:#1c3550}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.portal-stats>div{background:#10243b;padding:25px;border-radius:12px}.portal-stats strong{display:block;font-size:32px}.portal-stats span{color:#a5b8d0}.portal-side-link{display:block;color:#b8d9ff;text-decoration:none;margin-bottom:12px}.staff-shell{min-height:100vh;display:grid;grid-template-columns:225px minmax(0,1fr);background:#071524;color:#eef5ff}.staff-sidebar{background:#0b1c30;border-right:1px solid #24415f;padding:28px 18px}.staff-sub{margin:8px 0 36px}.staff-link{display:block;text-decoration:none;color:#a9c4e3;padding:13px;border-radius:8px;margin:4px 0}.staff-link:hover,.staff-link.active{background:#12477d;color:#fff}.staff-main{padding:32px;min-width:0}.staff-heading{margin-bottom:25px}.staff-heading h1{margin:7px 0}.staff-heading p{color:#9fb5cd}.staff-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.25fr) minmax(260px,1.1fr);gap:16px;align-items:start}.staff-card{background:#0e2033;border:1px solid #25415b;border-radius:13px;padding:20px;min-width:0}.staff-card h2{font-size:19px;margin:0 0 16px}.staff-card h2:not(:first-child){margin-top:28px}.staff-card label{display:block;color:#a7c0da;font-size:13px;margin:13px 0}.staff-card input,.staff-card select,.staff-card textarea{display:block;width:100%;box-sizing:border-box;background:#081728;border:1px solid #38516a;border-radius:8px;padding:11px;color:white;margin-top:6px}.staff-card textarea{min-height:74px}.staff-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-action{background:#167de7;color:white;border:0;border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}.staff-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.staff-card-header span{font-size:11px;color:#94aac3}.staff-event{padding:13px 0;border-bottom:1px solid #263e55;overflow-wrap:anywhere}.staff-event p{margin:6px 0;color:#a7bcd4}.staff-event small{color:#6f8aa6}.staff-live-count{color:#61b5ff;font-weight:700;margin-bottom:15px}#portal-notice{color:#ffcc76;min-height:20px;margin-bottom:10px}@media(max-width:1120px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid>.staff-card:last-child{grid-column:1/-1}}@media(max-width:700px){.staff-shell{display:block}.staff-sidebar{display:flex;overflow-x:auto;gap:8px;align-items:center;padding:12px}.staff-sidebar .portal-brand,.staff-sub{display:none}.staff-link{white-space:nowrap}.staff-main{padding:16px}.staff-grid{grid-template-columns:1fr}.staff-grid>.staff-card:last-child{grid-column:auto}.portal-shell{padding:20px}.portal-welcome{margin:35px 0}.portal-stats{grid-template-columns:1fr}}

/* Headquarters: responsive dark-navy control center */
.hq-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;background:#071426;color:#e9f1ff}.hq-nav{background:#091322;border-right:1px solid #21354e;padding:28px 18px;display:flex;flex-direction:column;gap:9px}.hq-nav-title{font-size:11px;letter-spacing:2px;color:#7897bc;margin-top:32px}.hq-rank{background:#123252;border:1px solid #25588b;color:#a5d5ff;padding:7px 12px;border-radius:8px;font-size:12px;display:inline-block;width:max-content}.hq-nav-item{display:block;background:transparent;border:0;color:#b8c9df;text-align:left;padding:12px;border-radius:8px;text-decoration:none;font-size:14px;cursor:pointer}.hq-nav-item:hover,.hq-nav-item.selected{background:#153353;color:#fff}.hq-main{padding:34px;min-width:0;max-width:1500px;width:100%;margin:0 auto}.hq-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.hq-heading h1{font-size:32px;margin:7px 0}.hq-heading p{color:#8fa8c6}.hq-panel[hidden],.hq-server[hidden]{display:none!important}.hq-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.hq-stats article,.hq-card{background:#101f33;border:1px solid #263b55;border-radius:14px;padding:20px;margin-bottom:16px}.hq-stats article span{display:block;color:#a5b9d3;font-size:12px}.hq-stats article strong{display:block;font-size:29px;margin-top:10px}.hq-card h2{margin:0 0 16px}.hq-card p{color:#b0c1d5}.hq-server,.hq-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #27384c;padding:14px 2px}.hq-server-info{display:flex;gap:12px;align-items:center;min-width:0}.hq-server-info img,.hq-fallback{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#203d5c}.hq-server-info small{display:block;color:#94aac4;margin-top:4px}.hq-server-actions{display:flex;gap:8px}.hq-card button,.hq-card form button{background:#236fca;color:white;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.hq-card .hq-danger{background:#6e2531}.hq-card input,.hq-card select{width:100%;max-width:520px;background:#0a182a;border:1px solid #35516d;color:#fff;border-radius:8px;padding:11px;margin:8px 0 14px}.hq-card label{display:block;color:#bdcde0}.hq-card form{margin-top:20px}.hq-line small{color:#94aac4;overflow-wrap:anywhere}.hq-card .portal-primary{display:inline-block;margin-top:12px}#hq-feedback{color:#9acbff;min-height:20px}@media(max-width:950px){.hq-shell{grid-template-columns:1fr}.hq-nav{position:static;flex-direction:row;overflow-x:auto;align-items:center;padding:12px;gap:6px}.hq-nav-title,.hq-nav .hq-rank{display:none}.hq-nav-item{white-space:nowrap}.hq-main{padding:20px}.hq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.hq-main{padding:14px}.hq-stats{gap:8px}.hq-stats article{padding:14px}.hq-heading h1{font-size:25px}.hq-server{align-items:flex-start;flex-direction:column}.hq-line{align-items:flex-start;flex-direction:column}}