@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0a1018;--rail:#101823;--surface:#121d2a;--surface2:#172333;--line:#263344;--line2:#354357;--text:#e9eef5;--muted:#94a4b8;--quiet:#73859a;--gold:#dfb56e;--gold-light:#f3cf8d;--radius:7px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{min-height:100vh}.app-shell{display:flex;min-height:100vh}.rail{width:253px;flex:none;background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:27px 25px 29px;border-bottom:1px solid var(--line)}.brand-symbol{height:38px;width:38px;border:1px solid #ad8b53;display:grid;place-items:center;color:var(--gold);font-family:Manrope;font-weight:800;font-size:25px;letter-spacing:-4px;position:relative}.brand-symbol span{color:#e8c586;font-size:20px;position:relative;top:8px;left:1px}.brand-name{font:800 17px Manrope;letter-spacing:-.7px}.brand-name>span{color:var(--gold)}.brand-name small{display:block;color:#788b9e;letter-spacing:1.75px;font:700 8px 'DM Sans';margin-top:3px}.rail-body{overflow-y:auto;padding:18px 12px;flex:1}.nav-group{margin:0 0 24px}.nav-heading{color:#78899d;letter-spacing:1.6px;font-size:10px;font-weight:750;padding:0 14px;margin:15px 0 10px}.nav-link{width:100%;background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;text-align:left;color:#acb9c9;font-weight:600;border-radius:5px;min-height:41px}.nav-link:hover{background:#1a2737;color:white}.nav-link.is-active{background:#243447;border-color:#30465e;color:#fff}.nav-link.is-active:before{content:'';width:3px;height:19px;background:var(--gold);position:absolute;left:0}.nav-symbol{font-size:18px;width:20px;text-align:center;color:#9aaec3}.is-active .nav-symbol{color:var(--gold)}.external-arrow{margin-left:auto;color:#78899d}.staff-indicator{font-size:9px;letter-spacing:1px;color:var(--gold);margin-left:auto}.rail-bottom{border-top:1px solid var(--line);padding:16px 15px 18px}.rail-network{display:flex;gap:10px;align-items:center;padding:8px 8px 18px;border-bottom:1px solid var(--line)}.rail-network strong,.rail-network small{display:block}.rail-network strong{font-size:12px}.rail-network small{font-size:10px;color:var(--quiet);margin-top:5px}.online-dot{width:7px;height:7px;border-radius:50%;background:#6fbd9e;box-shadow:0 0 0 3px #6fbd9e1c;display:inline-block;flex:none}.account-badge{display:flex;align-items:center;gap:10px;padding:15px 7px 0}.user-monogram{height:33px;width:33px;border-radius:5px;background:#2d4053;color:#fff;display:grid;place-items:center;font-weight:750}.account-badge strong,.account-badge small{display:block}.account-badge strong{font-size:12px}.account-badge small{text-transform:capitalize;color:var(--quiet);font-size:10px;margin-top:4px}.main-shell{flex:1;min-width:0}.masthead{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#0d1520}.masthead-left,.masthead-right{display:flex;align-items:center;gap:18px}.product-name{font:750 14px Manrope}.masthead-divider{height:17px;width:1px;background:var(--line2)}.breadcrumb{color:#93a4b7;font-size:12px}.masthead-right{gap:24px}.env-pill{font-size:10px;letter-spacing:1.3px;color:#9aabba;display:flex;gap:10px;align-items:center;font-weight:750}.top-user{border-left:1px solid var(--line);padding-left:22px;font-weight:700;font-size:12px}.content-wrap{max-width:1450px;margin:auto;padding:45px 52px 22px;min-height:calc(100vh - 70px);display:flex;flex-direction:column}#content{flex:1}.site-foot{border-top:1px solid var(--line);padding:23px 0 6px;display:flex;justify-content:space-between;color:#6c7e91;font-size:10px;letter-spacing:.2px;margin-top:80px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:35px}.overline{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.75px;display:block}.page-intro h1{font:750 clamp(25px,2.3vw,33px) Manrope;letter-spacing:-1.25px;margin:12px 0 9px}.page-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.action-button{border:1px solid #dfb56e;background:var(--gold);color:#171c24;border-radius:5px;font-weight:800;padding:11px 16px;white-space:nowrap;font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.action-button:hover{background:#f1cc88}.action-button.outline{background:transparent;border-color:#415168;color:#cbd6e3}.action-button.outline:hover{background:#25364a}.action-button:disabled{opacity:.55;cursor:wait}.account-banner{background:linear-gradient(115deg,#1c2b3c,#172331 75%);border:1px solid #334255;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 26px;border-radius:var(--radius);margin-bottom:38px}.banner-profile,.large-identity{display:flex;align-items:center;gap:16px}.profile-initial{height:60px;width:60px;display:grid;place-items:center;background:#344a60;color:#f0e4ce;border:1px solid #4b647e;border-radius:5px;font:800 27px Manrope}.banner-profile strong,.banner-profile small{display:block}.banner-profile strong{font:750 20px Manrope;margin:6px 0}.banner-profile small{color:#a6b5c6;font-size:12px}.banner-right{display:flex;align-items:center;gap:19px}.banner-right button{background:none;border:0;color:var(--gold-light);font-weight:700}.state{display:inline-flex;align-items:center;gap:8px;border:1px solid #3b4b5c;background:#253245;color:#c3cedb;border-radius:3px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.7px;padding:7px 9px;white-space:nowrap}.state>span{height:6px;width:6px;border-radius:50%;background:#97a7b8}.state-connected,.state-accepted,.state-answered{color:#a2d9bd;border-color:#386b5b;background:#1b3834}.state-connected>span,.state-accepted>span,.state-answered>span{background:#81cda4}.state-pending,.state-in_review{color:#e4c591;border-color:#68573c;background:#342d23}.state-pending>span,.state-in_review>span{background:#e4c591}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 0 15px;gap:20px}.section-title h2{font:750 17px Manrope;letter-spacing:-.35px;margin:7px 0 0}.section-title>span{font-size:11px;color:var(--quiet)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 18px;min-height:139px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9baabc;font-size:10px;letter-spacing:1px;font-weight:750}.stat-icon{font-size:18px;color:#c6a873}.stat>strong{display:block;font:750 29px Manrope;letter-spacing:-.9px;margin:17px 0 6px}.stat>small{font-size:11px;color:#75899d}.home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:27px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.surface-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--line)}.surface-head h2,.staff-list h2{font:750 17px Manrope;margin:8px 0 0}.feature-row{width:100%;display:flex;align-items:center;gap:15px;padding:18px 22px;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);text-align:left}.feature-row:last-child{border-bottom:0}.feature-row:hover{background:#1a2a3b}.feature-icon{height:36px;width:36px;display:grid;place-items:center;border:1px solid #35475b;border-radius:4px;font-size:18px;color:var(--gold)}.feature-row>span:nth-child(2){flex:1}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-weight:750;font-size:13px}.feature-row small{color:var(--muted);font-size:11px;margin-top:5px}.feature-row>span:last-child{color:var(--gold)}.account-surface{padding-bottom:20px}.connection-graphic{display:flex;align-items:center;justify-content:center;gap:9px;padding:34px 20px 25px;color:#b8c6d6;font-weight:800;letter-spacing:1px;font-size:10px}.connector-line{height:1px;background:#465b70;flex:1;max-width:75px}.connector-point{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #6b8296;color:var(--gold);font-size:17px}.account-surface h3,.account-surface p,.account-surface>.action-button{margin-left:23px;margin-right:23px}.account-surface h3{font:750 16px Manrope;margin-top:0}.account-surface p{color:var(--muted);line-height:1.65;font-size:12px;margin-bottom:22px}.server-strip{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#101a26}.server-strip>div{display:flex;align-items:center;gap:13px}.server-strip strong{font-size:12px}.server-strip span{color:var(--muted);font-size:11px}.server-strip code{color:#d7e0eb;font-size:12px}.data-table{width:100%}.data-head,.data-row{display:grid;grid-template-columns:minmax(180px,2.3fr) 1fr 1fr 1fr;align-items:center;gap:16px;padding:15px 22px}.data-head{background:#192637;border-bottom:1px solid var(--line);color:#91a3b6;letter-spacing:1px;font-size:10px;font-weight:800}.data-row{border-bottom:1px solid var(--line);font-size:12px;min-height:80px}.data-row:last-child{border-bottom:0}.data-row strong,.data-row small{display:block}.data-row strong{font-size:13px}.data-row small{margin-top:6px;color:var(--quiet)}.data-row>span{color:#a3b2c4}.ref{font-family:monospace;color:#9dafc2;font-size:11px}.inline-reply{color:#d3c5a8;background:#2a2b2a;padding:11px;margin-top:12px;line-height:1.5;border-left:2px solid var(--gold)}.empty-state{padding:65px 20px;text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 19px;background:#213044;color:#bdcde0;border:1px solid #35475c;font-size:23px}.empty-state strong{font:750 15px Manrope}.empty-state p{color:var(--muted);font-size:12px;line-height:1.6}.load-state{padding:42px;color:var(--muted);display:flex;align-items:center;gap:12px}.spinner{border:2px solid #3c4a5b;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:25px;color:#f4b6ad}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.75fr);gap:18px}.form-surface{padding:28px}.form-section-title{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.form-section-title span{color:var(--quiet);font-size:10px}.form-surface label,.review-editor label{display:block;font-size:10px;color:#aabacc;font-weight:800;letter-spacing:1px;margin-bottom:23px}.form-surface input,.form-surface select,.form-surface textarea,.review-editor textarea,.review-editor select{display:block;width:100%;margin-top:10px;background:#0e1824;color:#e9eef5;border:1px solid #38485b;border-radius:4px;padding:13px;outline:none;font-size:13px;letter-spacing:0;resize:vertical}.form-surface input:focus,.form-surface textarea:focus,.form-surface select:focus{border-color:var(--gold)}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px}.form-aside{padding:27px;align-self:start}.form-aside h3{font:750 19px Manrope;margin:12px 0}.form-aside p,.muted-copy{color:var(--muted);line-height:1.8;font-size:12px}.guide-item{display:flex;gap:14px;border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:#b8c6d6}.guide-item strong{color:var(--gold)}#form-error,#staff-message{color:#e9b0a6;margin-bottom:12px;font-size:12px}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.detail-card{min-height:320px}.detail-card .large-identity{padding:25px}.large-identity strong,.large-identity small{display:block}.large-identity strong{font:750 17px Manrope}.large-identity small{color:var(--muted);margin-top:8px}.keyvalue{display:flex;justify-content:space-between;padding:15px 25px;border-top:1px solid var(--line);gap:10px;font-size:12px}.keyvalue span{color:var(--muted)}.keyvalue strong{overflow-wrap:anywhere}.minecraft-square{height:60px;width:60px;background:#293d37;display:grid;place-items:center;color:#9dd1a5;font-size:29px}.detail-card>.muted-copy{padding:0 25px}.security-surface{margin-top:20px;padding:25px;display:flex;justify-content:space-between;align-items:center}.security-surface h2{font:750 17px Manrope;margin:8px 0}.security-surface p{color:var(--muted);font-size:12px}.directory-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.directory-entry{display:flex;align-items:center;gap:24px;background:var(--surface);border-bottom:1px solid var(--line);padding:25px}.directory-entry:last-child{border-bottom:0}.directory-entry:hover{background:#1b2b3b}.directory-number{font:750 18px Manrope;color:var(--gold);width:30px}.directory-entry>div{flex:1}.directory-entry strong,.directory-entry small{display:block}.directory-entry strong{font:750 16px Manrope}.directory-entry small{color:var(--muted);margin-top:7px}.directory-link{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1px}.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}.admin-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 0;font-weight:750}.admin-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.admin-stats{grid-template-columns:repeat(3,1fr)}.review-item{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;border-bottom:1px solid var(--line);padding:25px}.review-item:last-child{border-bottom:0}.review-main h3{font:750 17px Manrope;margin:10px 0}.review-main p{font-size:12px;line-height:1.7;color:#aebdd0;white-space:pre-wrap;overflow-wrap:anywhere}.review-main small{display:block;color:var(--quiet);margin-bottom:14px}.review-editor label{margin-bottom:13px}.review-editor textarea,.review-editor select{margin-top:7px}.review-result{display:block;color:#a9d3b9;margin-top:8px}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-list{padding:28px}.staff-list h2{margin-bottom:24px}.staff-person{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 0;font-family:monospace;font-size:12px}.mobile-toggle{display:none}.login-screen{min-height:100vh;display:flex;flex-direction:column;background:#0b131e}.login-top{height:88px;border-bottom:1px solid #263547;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.login-top .brand{padding:0;border:0}.login-top>a{font-size:12px;color:#a7b7c8}.login-top>a span{color:var(--gold)}.login-center{display:grid;grid-template-columns:1.08fr .92fr;flex:1;min-height:calc(100vh - 88px)}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:46px 8% 36px;background:radial-gradient(circle at 80% 38%,#1c3349 0,transparent 48%),linear-gradient(145deg,#132537,#0e1b29 70%);border-right:1px solid #2a3a4b;overflow:hidden}.login-visual:after{content:'C';position:absolute;right:-55px;bottom:-170px;font:800 650px Manrope;color:#ffffff04;pointer-events:none}.visual-index,.visual-bottom{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#8fa2b7;display:flex;justify-content:space-between;gap:20px}.visual-main{max-width:590px;position:relative;z-index:1}.visual-rule{height:3px;width:45px;background:var(--gold);margin-bottom:26px}.visual-main h1{font:750 clamp(42px,4.1vw,68px)/1.12 Manrope;letter-spacing:-3px;margin:16px 0 25px}.visual-main p{font-size:15px;line-height:1.8;color:#aabacc;max-width:475px}.visual-details{display:flex;align-items:center;gap:16px;border-top:1px solid #3b4a59;margin-top:42px;padding-top:20px;flex-wrap:wrap}.visual-details span{font-size:10px;letter-spacing:1px;color:#9aafc3;font-weight:750}.visual-details strong{font-size:13px;color:var(--gold-light)}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 6%;position:relative}.login-card{width:100%;max-width:390px}.login-step{color:var(--gold);font-size:11px;letter-spacing:1.7px;font-weight:800;margin-bottom:24px}.login-card h2{font:750 30px Manrope;letter-spacing:-1.2px;margin:0 0 13px}.login-card>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 30px}.discord-login{display:flex;align-items:center;gap:15px;background:#5366db;color:white;border-radius:5px;padding:16px 17px;font-weight:750;font-size:13px}.discord-login span:nth-child(2){flex:1}.discord-login:hover{background:#6276ec}.discord-glyph{font-size:20px}.login-notice{display:flex;gap:9px;color:#91a3b6;font-size:11px;line-height:1.7;margin-top:17px}.login-notice span{color:#a5cdb7}.login-separator{margin:48px 0 18px;border-top:1px solid var(--line);position:relative}.login-separator span{background:#0b131e;color:#8294a9;position:absolute;top:-7px;padding-right:13px;font-size:10px;letter-spacing:1.4px;font-weight:800}.login-destinations{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.login-destinations a{color:#c5d0dd;font-size:11px}.login-destinations a:hover{color:var(--gold)}.login-legal{position:absolute;bottom:31px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#6f8297;font-weight:750}@media(max-width:1180px){.content-wrap{padding:35px 30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.masthead{padding:0 30px}}@media(max-width:850px){.rail{position:fixed;z-index:30;transform:translateX(-100%);transition:transform .2s}.rail.open{transform:translateX(0);box-shadow:0 0 0 100vw #0009}.mobile-toggle{display:block;background:transparent;border:0;color:#e8eef5;font-size:20px}.masthead{padding:0 20px}.content-wrap{padding:28px 20px}.top-user,.masthead-divider,.env-pill{display:none}.home-grid,.account-columns,.form-layout,.staff-grid{grid-template-columns:1fr}.login-center{grid-template-columns:1fr}.login-visual{min-height:400px;padding:35px}.login-panel{min-height:520px}.login-legal{position:static;margin-top:50px;width:100%}}@media(max-width:600px){.page-intro{align-items:flex-start;flex-direction:column}.stat-grid,.admin-stats{grid-template-columns:1fr 1fr}.stat{padding:14px;min-height:115px}.stat>strong{font-size:23px}.account-banner,.server-strip,.security-surface{align-items:flex-start;flex-direction:column}.banner-right,.server-strip>div{flex-wrap:wrap}.data-head{display:none}.data-row{grid-template-columns:1fr 1fr;padding:18px;gap:10px}.data-row>div:first-child{grid-column:1/-1}.review-item{grid-template-columns:1fr}.directory-entry{gap:12px;padding:19px}.directory-link{font-size:9px}.site-foot{flex-direction:column;gap:10px}.login-visual{min-height:350px}.visual-main h1{font-size:43px}.visual-bottom{display:none}.login-top{padding:0 22px}.login-card h2{font-size:25px}}

/* CoastalMC Portal — storefront-matched concept. No copied NetherGames assets. */
:root{color-scheme:dark;--bg:#171b1d;--rail:#202629;--surface:#222a2e;--surface2:#253137;--line:#4d595f;--line2:#637179;--text:#f5f3ee;--muted:#c1cace;--quiet:#97a6ac;--gold:#f1c565;--gold-light:#ffdb8d;--radius:8px}
*{-webkit-tap-highlight-color:transparent}
html,body{background:#171b1d!important;color:#f5f3ee!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px;user-select:none;-webkit-user-select:none}
input,textarea,select,[contenteditable="true"]{user-select:text!important;-webkit-user-select:text!important}
img{user-select:none!important;-webkit-user-select:none!important;-webkit-user-drag:none}
button,input,textarea,select{font-family:inherit}
::selection{background:#f1c56544;color:#fff}
body:before{display:none!important}
#app{min-height:100vh}
/* Navigation: plain horizontal bar, echoing the Tebex storefront. */
.app-shell{min-height:100vh;display:block!important;background:#171b1d}
.portal-header{height:73px;background:#202629;border-bottom:1px solid #333e43;position:relative;z-index:40}
.header-inner{height:100%;width:min(1160px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:33px}
.header-brand{display:flex;align-items:baseline;gap:13px;white-space:nowrap;flex:none}
.header-wordmark{font-size:23px;font-weight:800;letter-spacing:-.9px;color:#f6f4ef}
.header-wordmark span{color:#f1c565}
.header-subtitle{font-size:9px;letter-spacing:1.2px;color:#b6bfc2;font-weight:700}
.header-links,.public-links{display:flex;align-items:center;gap:6px;margin-left:8px;flex:1}
.header-links .nav-link,.public-links a{display:flex;width:auto;min-height:38px;align-items:center;gap:0;border:0;border-radius:5px;padding:10px 13px;font-size:13px;font-weight:700;color:#c8cfd0;white-space:nowrap;background:transparent}
.header-links .nav-link:hover,.public-links a:hover{background:#303a3e;color:#fff}
.header-links .nav-link.is-active{background:#30383c;color:#f6c768;border:0}
.header-links .nav-link.is-active:before{display:none}
.header-links .nav-symbol{display:none}
.header-links .staff-indicator{display:none}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
.store-link,.header-sign-in{color:#f1c565;font-size:13px;font-weight:700;white-space:nowrap}
.header-sign-in{margin-left:auto;border-radius:5px;padding:11px 18px;background:#f1c565;color:#222729;display:flex;align-items:center;gap:10px}
.header-sign-in:hover{background:#ffdc91;color:#171b1d}
.header-user{border:1px solid #4f5b60;border-radius:6px;background:#2c3438;color:#f5f3ee;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;font-size:12px;font-weight:700;white-space:nowrap}
.header-avatar{background:#55666b;border-radius:4px;display:grid;place-items:center;width:29px;height:29px;color:#fff;font-weight:800}
.header-user:hover{border-color:#8b9a9e}
.mobile-toggle{display:none!important}
.main-shell{min-height:calc(100vh - 73px);background:transparent}
.content-wrap{width:min(1100px,calc(100% - 48px));max-width:1100px;padding:36px 0 0;min-height:calc(100vh - 73px)}
.site-foot{margin-top:55px;padding:22px 0 28px;border-top:1px solid #343d42;font-size:12px;color:#a5afb3}
.site-foot span:last-child{display:flex;gap:22px}.site-foot a:hover{color:#f1c565}
/* No vaporware 'dashboard'; useful content is presented like the real store. */
.page-intro{margin-bottom:25px;align-items:center}
.overline{color:#f1c565!important;font:800 10px Arial!important;letter-spacing:1px!important}
.page-intro h1{font:800 clamp(26px,3vw,36px) Arial!important;color:#f5f3ee;letter-spacing:-.9px;margin:9px 0}
.page-intro p{color:#b7c4c9;font-size:13px}
.section-title{margin:28px 0 14px}.section-title h2{font:800 20px Arial!important;letter-spacing:-.35px}.section-title>span{color:#a6b5bc}
.surface,.stat,.account-banner{background:#222a2e!important;border:1px solid #505d63!important;border-radius:8px!important;box-shadow:none!important}
.stat-grid{gap:12px}.stat{min-height:132px;padding:17px 18px}.stat-top{font-size:10px;letter-spacing:.6px;color:#b6c6cd}.stat-icon{color:#f1c565}.stat>strong{font:800 27px Arial!important;color:#f6f4f0}.stat>small{color:#a9b7bd}
.account-banner{padding:20px 23px;background:#233236!important;margin-bottom:28px}
.profile-initial,.user-monogram{border-radius:5px;background:#3f5056;border:1px solid #66777c;color:#f7f3e9}
.banner-profile strong{font:800 20px Arial!important}.banner-profile small{color:#b9c4c9}.banner-right button{color:#f1c565}
.state{border-radius:4px;background:#303a40;border:1px solid #536267;color:#dce1e3}
.state>span{border-radius:50%}.state-connected,.state-accepted,.state-answered{background:#264036;color:#bbe1c5;border-color:#456d57}.state-pending,.state-in_review{background:#483b26;color:#f1d08a;border-color:#806a43}
.surface-head{padding:20px 22px;border-bottom:1px solid #4b575c}.surface-head h2,.staff-list h2{font:800 18px Arial!important}
.home-grid{gap:15px;margin-top:18px}.feature-row{padding:17px 22px;border-bottom:1px solid #3d484d}.feature-row:hover{background:#303a40}.feature-row strong{font-weight:800}.feature-row small{color:#afbec6}.feature-row>span:last-child{color:#f1c565}.feature-icon{background:#26353a;color:#f1c565;border:1px solid #57666d;border-radius:5px}
.connection-graphic{color:#dae1e3}.connector-line{background:#67777e}.connector-point{border-color:#85949a;border-radius:6px;color:#f1c565}.account-surface p{color:#b5c3ca}
.action-button{background:#f1c565!important;border:1px solid #f1c565!important;color:#1c2327!important;box-shadow:none!important;font:800 12px Arial!important;border-radius:5px!important;padding:11px 15px}
.action-button:hover{background:#ffdb8b!important}
.action-button.outline{background:#303b40!important;border:1px solid #627178!important;color:#f0f0ea!important}
.action-button.outline:hover{background:#3a474c!important}
.form-surface,.form-aside,.detail-card,.security-surface,.staff-list{background:#222a2e!important}
.form-surface input,.form-surface textarea,.form-surface select,.detail-card input,.review-editor select,.review-editor textarea,#staff-form input,#staff-form select{background:#151c1f!important;color:#f7f7f4!important;border:1px solid #536169!important;border-radius:5px!important}
.form-aside,.muted-copy,.detail-card p,.guide-item,.security-surface p{color:#b4c2c7}
.data-head,.data-row{border-color:#455158}.data-row:hover{background:#293338}.review-item{border-color:#445158}.data-row .ref{color:#f1c565}
.directory-entry{border-color:#4f5e64;background:#222a2e}.directory-entry:hover{background:#2e393d}.directory-number{color:#f1c565}
.server-strip{background:#212b2e!important;border:1px solid #55646a!important;border-radius:7px!important}.server-strip code{color:#f1c565}
.error-message{color:#ffc0b7}
/* Sign-in page: coherent centered composition, not a full-screen split dashboard. */
.login-screen{min-height:100vh;background:#171b1d!important;display:flex!important;flex-direction:column!important}
.public-main{width:min(1040px,calc(100% - 48px));margin:0 auto;flex:1;padding:48px 0 65px}
.welcome-panel{display:grid;grid-template-columns:minmax(0,1fr) 420px;border:1px solid #526066;border-radius:11px;background:#222d31;overflow:hidden;min-height:436px}
.welcome-copy{padding:45px 43px 35px;display:flex;flex-direction:column}
.eyebrow{color:#f1c565;font-size:10px;letter-spacing:1.5px;font-weight:800}
.welcome-copy h1{font:800 clamp(37px,4vw,51px) Arial!important;letter-spacing:-2.1px;line-height:1.08;margin:24px 0 16px;color:#f7f5f0}
.welcome-copy h1 span{color:#f1c565}
.welcome-copy p{font-size:14px;line-height:1.7;color:#c2ccd1;max-width:450px;margin:0}
.public-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:27px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;min-height:43px;padding:12px 17px;font-weight:800;font-size:13px}
.primary-button{background:#f1c565;color:#1c2225}.primary-button:hover{background:#ffdd8f;color:#151b1f}
.secondary-button{border:1px solid #708087;color:#e6e8e8}.secondary-button:hover{background:#344146}
.server-address{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:33px;font-size:11px}
.server-status{height:8px;width:8px;border-radius:50%;background:#7fcf9c;flex:none}
.server-address strong{display:block;font-size:12px;letter-spacing:.3px;color:#f2f2ee}
.server-address small{display:block;font-size:9px;letter-spacing:1px;color:#a8bac1;margin-top:5px}
.server-address small b{color:#f1c565;padding:0 4px}
.ip-copy{background:transparent;color:#f1c565;border:0;margin-left:auto;font-size:11px;font-weight:800;padding:6px;white-space:nowrap}
.ip-copy:hover{text-decoration:underline}
.welcome-art{background:#1c2326;border-left:1px solid #48565b;display:flex;flex-direction:column;padding:23px 22px 20px;justify-content:space-between;min-width:0}
.art-caption{color:#f1c565;font-weight:800;letter-spacing:1px;font-size:10px;display:flex;justify-content:space-between;gap:10px}.art-caption span{color:#96a7ad}
.rank-lineup{display:flex;align-items:flex-end;justify-content:space-around;gap:0;margin:auto 0 0;height:286px;border-bottom:1px solid #3b464b;padding:0 4px 12px}
.rank-figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0;gap:6px;height:100%;opacity:.9;position:relative}
.rank-figure img{max-width:100%;height:179px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 6px #0005)}
.rank-figure.featured img{height:210px}
.rank-figure span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#f1c565;margin-top:3px}
.art-bottom{font-size:11px;color:#c4cdd1;display:flex;justify-content:space-between;gap:7px;padding-top:13px}.art-bottom span{color:#f1c565;font-size:10px}
.public-section-heading{margin:47px 0 15px}.public-section-heading span{font-size:10px;font-weight:800;color:#f1c565;letter-spacing:1px}.public-section-heading h2{font:800 22px Arial!important;letter-spacing:-.5px;margin:10px 0 0}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-tile{background:#22292c;border:1px solid #4c595f;border-radius:7px;padding:22px 23px;min-height:133px}.tile-number{font:900 11px Arial;color:#f1c565}.service-tile h3{margin:14px 0 6px;color:#f4f3ee;font:800 16px Arial}.service-tile p{margin:0;font-size:12px;line-height:1.65;color:#b8c4c9}
.public-footer{background:#202629;border-top:1px solid #353d41;color:#a6b3b9;padding:20px max(24px,calc((100% - 1040px)/2));display:flex;justify-content:space-between;font-size:11px;gap:15px}
@media(max-width:1050px){.header-inner{width:calc(100% - 32px);gap:16px}.header-links{gap:0}.header-links .nav-link{padding:8px;font-size:12px}.header-subtitle{display:none}.content-wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.portal-header{height:66px}.header-wordmark{font-size:21px}.header-inner{width:calc(100% - 30px)}.public-links{gap:0}.public-links a{padding:7px;font-size:12px}.header-sign-in{padding:9px 11px;font-size:12px}.header-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:#202629;padding:12px 18px;border-bottom:1px solid #4c595f;margin:0}.header-links.open{display:flex}.header-links .nav-link{width:100%;font-size:14px;padding:12px 14px}.mobile-toggle{display:inline-flex!important;background:#323d42;color:#fff;border:1px solid #617077;border-radius:5px;padding:7px 10px}.header-user span:last-child{display:none}.header-actions{gap:10px}.store-link{font-size:12px}.public-main{padding:24px 0 35px;width:calc(100% - 28px)}.welcome-panel{grid-template-columns:1fr}.welcome-copy{padding:32px 27px;min-height:365px}.welcome-copy h1{font-size:39px}.welcome-art{border-left:0;border-top:1px solid #48565b;min-height:290px}.rank-lineup{height:205px}.rank-figure img{height:140px}.rank-figure.featured img{height:160px}.service-list{grid-template-columns:1fr}.service-tile{min-height:110px}.public-footer{padding:18px 14px;flex-wrap:wrap}.content-wrap{width:calc(100% - 28px);padding-top:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.account-banner{flex-wrap:wrap}.banner-right{width:100%;justify-content:space-between}.site-foot{flex-wrap:wrap}.header-user{padding:3px}.header-avatar{height:27px;width:27px}.header-wordmark span{color:#f1c565}}
@media(max-width:440px){.public-links a:nth-child(3){display:none}.header-inner{gap:8px}.header-sign-in{margin-left:auto}.welcome-copy h1{font-size:34px}.public-actions{flex-direction:column;align-items:stretch}.secondary-button,.primary-button{width:100%}.art-bottom span{display:none}.rank-figure img{height:115px}.rank-figure.featured img{height:145px}.stat-grid{grid-template-columns:1fr}.header-wordmark{font-size:20px}}