/* StaffHub / Blueprints — interface refresh, September 2026 */
:root{--bg:#101622;--panel:#182131;--line:#2a3649;--text:#edf2fb;--muted:#a2afc3;--accent:#99b9ff;--accent-ink:#192f59;--radius:16px;font-family:'Bahnschrift','Segoe UI',sans-serif;font-size:15px}
body{background:var(--bg);letter-spacing:.005em}h1,h2,h3{font-weight:600}h1{font-size:2.4rem;letter-spacing:-.045em}a{color:#adc6ff}button,.button{background:#b5ceff;color:#13264a;border-radius:9px;padding:11px 18px;font-weight:600;box-shadow:inset 0 1px 0 #d7e4ff;transition:background .15s,transform .15s}button:hover,.button:hover{background:#d0dfff;filter:none}button:active,.button:active{transform:translateY(1px)}.secondary{background:#263348;color:#e4edff;border:1px solid #3c4c65;box-shadow:none}.secondary:hover{background:#34445c}input,select,textarea{background:#111b2b;border-color:#3a4961;border-radius:9px;padding:12px 13px;color:#f0f4fc}input::placeholder{color:#8d9ab0}label{color:#bcc9dd;gap:8px}input:focus,textarea:focus,select:focus{outline:2px solid #a7c1ff;border-color:transparent;outline-offset:2px}input[type=checkbox]{accent-color:#96b8ff}small,.muted{color:var(--muted)}
.sidebar{width:230px;padding:30px 17px 16px;background:#131c2a;border-right:1px solid #263348}.brand{font-size:1.5rem;gap:12px;letter-spacing:-.045em}.brand-icon{background:#b6cdff;color:#182947;border-radius:8px 8px 3px 8px;width:36px;height:38px;font-weight:800;box-shadow:4px 4px 0 #334f7c}.workspace{margin:32px 0 23px;background:#1b293d;border:0;padding:13px;border-radius:12px}.server-mark{background:#2f4567;color:#c1d4ff;border-radius:8px}.nav-label{font-size:.78rem;letter-spacing:0;text-transform:none;margin-bottom:10px;color:#8497b2}nav{gap:5px}nav a{padding:10px 12px;min-height:43px;color:#aab9d0;font-weight:500;border-radius:9px}nav a span{color:#92a9cb}nav a:hover{background:#202e43;color:#eff5ff}nav a.active{background:#304b77;color:#eef4ff;box-shadow:inset 3px 0 #b6ceff}nav a.active span{color:#d8e6ff}.profile-link{padding:18px 4px 0}.avatar{background:#273851;border-color:#405779;color:#c6d9fa;border-radius:10px}.sidebar-bottom{font-size:.78rem;padding:26px 5px 20px}.readonly-dot,.status-dot{background:#8bd7bf}.topbar{height:76px;background:#101622;padding:0 38px;border-color:#263145;font-size:.82rem}.top-tag{border:0;background:#202d42;padding:5px 10px;border-radius:6px;letter-spacing:0;color:#a6bbda}.content{padding:34px 38px;max-width:1840px}.page-heading{margin-bottom:12px}.eyebrow{display:none}.intro{line-height:1.7;margin-bottom:26px;font-size:.93rem;max-width:850px}.pill{background:#243951;color:#bcd5ff;border-color:#365678;border-radius:6px;padding:4px 9px}.pill.amber{background:#403525;border-color:#655138;color:#f4cd93}
.stats{gap:16px;margin:28px 0}.stats article{border:1px solid #354763;background:#1d2c43;padding:20px 25px;border-radius:13px;box-shadow:none}.stats article>span{color:#c2d0e5;font-size:.85rem}.stats strong{font-weight:500;font-size:2.65rem;line-height:1.5;color:#e6efff;letter-spacing:-.05em}.stats small{color:#91a9cc}.stats article:first-child{background:#294672;border-color:#456595}.stats article:first-child small{color:#b5cae9}.toolbar{margin:26px 0 18px;gap:10px}.search-label{width:310px}.search-label input{background:#192538;border-color:#334762;padding:12px 16px}.panel{border-radius:14px;border-color:#2d3c53;background:#182233;margin-bottom:24px;box-shadow:0 6px 20px #060b131c}.panel-heading{padding:21px 22px;background:#1d2a40;border-color:#34445d}.panel-heading h2{font-size:1.08rem}.panel-heading>.muted{letter-spacing:0;font-size:.75rem;color:#93a9c7}.count{background:#334766;color:#cfdef7;border-radius:6px;font-weight:500}.table-scroll{scrollbar-color:#4b6284 #172131}table{font-size:.84rem}th{background:#141e2f;color:#9caec9;font-size:.76rem;padding:14px 16px;border-bottom:1px solid #31425b}td{padding:17px 16px;border-color:#29384e;color:#bbcbe1}td strong{font-weight:600;color:#e5efff}.person{gap:10px}.person .avatar{height:32px;width:32px;background:#2a3b55;border-color:#405573}.person+small{padding-left:42px;margin-top:3px;color:#91cbbd}tbody tr:hover{background:#213049}.playtime-compact{font-size:.78rem}.editor{padding:25px}.editor h2{font-size:1.15rem;margin-bottom:14px}.editor>summary{font-size:1rem}.form-grid{gap:18px;margin-top:19px}.inline-form{flex-wrap:wrap}.inline-form label{min-width:155px}.inline-form select{max-width:280px}.form-grid label{line-height:1.5}.list-item{border-color:#30415a;padding:20px 0}hr{border-color:#30415a}summary{color:#c0d4f6;line-height:1.6}details[open]>summary{margin-bottom:17px}td>details{margin-top:10px}td>details summary{font-size:.78rem}details p{white-space:normal;max-width:55ch}.notice{background:#203b38;border-color:#38665c;color:#d0eee4;border-radius:11px}.notice.error{background:#422b36;border-color:#794357;color:#ffd5de}.topic-row{padding:24px;gap:18px;border-color:#2c3d55}.topic-row:hover{background:#21314a}.topic-icon{background:#2c4264;color:#c5d9fb;border-radius:10px}.topic-row h3{font-size:1.03rem}.prose{max-width:78ch;line-height:1.8}.empty{padding:52px 24px}.empty-mark{background:#2c4262;color:#b8d1fc}.console{background:#0c1421;border-block:1px solid #26364d;scrollbar-color:#425b7d #0c1421}.console-header,.console-footer{background:#1a283c;border-color:#30405a}.console-header span:last-child{color:#99cdbf}.event{border-color:#1f2d40}.event time{color:#9bacc4}.event .type{color:#98bddf}.server-chip{background:#243e3a;border-color:#3b6057;color:#bae4d6}footer{padding:23px 38px;color:#879ab6;border-color:#27354a;font-size:.76rem}.secret,pre{background:#111b2b;color:#bdcce0}
/* An architectural, block-built landscape for the Minecraft staff entrance. */
.auth{grid-template-columns:minmax(0,1.12fr) minmax(420px,1fr);background:#111a29;padding:20px;gap:20px}.auth-story{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 40px);border:1px solid #49648b;border-radius:22px;background:#294875;padding:42px 48px;justify-content:space-between}.auth-story::before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#bed5f510 1px,transparent 1px),linear-gradient(90deg,#bed5f510 1px,transparent 1px);background-size:58px 58px}.auth-story .brand{color:#f5f8ff;position:relative;z-index:2}.auth-story .tiny{font-size:.8rem;letter-spacing:0;color:#bdcfe9;font-weight:400}.auth-story h1{font-size:clamp(2.4rem,4vw,4.7rem);line-height:1.1;letter-spacing:-.06em;max-width:620px;margin:34px 0 22px;position:relative;z-index:2}.auth-story p{color:#c6d6ed;max-width:400px;font-size:1rem;line-height:1.75}.auth-story>.muted{color:#c0d0e8;max-width:350px;font-size:.82rem;position:relative;z-index:2}.auth-story>div{margin-top:15px;margin-bottom:150px}.auth-scene{position:absolute;width:440px;height:240px;right:-20px;bottom:20px;z-index:-1;opacity:.9}.auth-form{padding:42px 30px}.auth-card{max-width:390px}.auth-card h2{font-size:2.25rem;letter-spacing:-.04em;margin-bottom:13px}.auth-card p{margin-bottom:28px;line-height:1.7;color:#a9bad3}.auth-card .form-grid{gap:20px}.auth-card button{margin:6px 0 9px;min-height:48px}.auth-links{border-top:1px solid #30415a;padding-top:23px;font-size:.85rem;gap:15px}.auth-form input{background:#1a273b;border:1px solid #3c506f;min-height:48px}.auth-card label{font-size:.88rem}.auth-form .notice p{margin:0}.auth-story .brand-icon{background:#d4e1ff;color:#243e66;box-shadow:4px 4px 0 #182f54}
@media(min-width:1650px){.content{padding:42px 46px}}@media(max-width:1100px){.sidebar{width:205px;padding:24px 12px}.content{padding:26px 22px}.topbar{padding:0 22px}.auth-story{padding:35px 30px}.auth-story h1{font-size:3.1rem}.auth-story .tiny{display:none}.auth{grid-template-columns:1fr 1fr}.auth-scene{opacity:.6}}
@media(max-width:760px){.auth{display:block;padding:12px}.auth-story{min-height:230px;padding:25px;border-radius:16px}.auth-story>div{margin:0}.auth-story h1{font-size:2.25rem;margin:22px 0 4px;max-width:300px}.auth-story p,.auth-story>.muted{display:none}.auth-scene{width:220px;height:120px;bottom:-8px;right:-42px;opacity:.45}.auth-form{padding:35px 18px 42px}.auth-card h2{font-size:1.95rem}.sidebar{width:100%;height:auto;padding:17px 14px;position:relative}.sidebar nav{margin-top:20px;padding-bottom:3px}.sidebar nav a{min-height:38px;padding:8px 12px;font-size:.82rem}.sidebar nav a.active{box-shadow:inset 0 -2px #bfd4ff}.sidebar .profile-link{display:flex;position:absolute;right:16px;top:12px;border:0;padding:0;font-size:.75rem}.profile-link .avatar{display:none}.profile-link small{font-size:.7rem}.profile-link strong{font-size:.75rem}.topbar{height:52px;padding:0 17px;font-size:.74rem}.content{padding:26px 15px}.page-heading h1{font-size:1.9rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.stats article{padding:13px 11px;border-radius:10px}.stats strong{font-size:2rem}.stats article>span{font-size:.72rem}.stats small{font-size:.65rem}.toolbar{margin-top:20px}.toolbar .search-label{width:100%;flex-basis:100%}.panel-heading{padding:17px}.editor{padding:19px}.panel{border-radius:12px}.intro{font-size:.87rem}.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}footer{padding:20px 17px}.auth-story .eyebrow{display:none}.profile-link>div{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}