:root{--pf-bg:#070a12;--pf-panel:#101724;--pf-panel-2:#131d2d;--pf-card:rgba(18,27,44,.78);--pf-card-solid:#111a2a;--pf-soft:rgba(255,255,255,.07);--pf-border:rgba(255,255,255,.115);--pf-border-2:rgba(255,255,255,.18);--pf-text:#f4f7ff;--pf-muted:#9aa8bd;--pf-muted-2:#6f8097;--pf-primary:#2b86ff;--pf-primary-2:#39e0b2;--pf-danger:#ff5f82;--pf-warn:#ffd166;--pf-shadow:0 24px 80px rgba(0,0,0,.42);--pf-side:318px;--pf-radius:24px}html{scroll-behavior:smooth}body .portal-public-shell{min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(43,134,255,.35),transparent 34%),radial-gradient(circle at 88% 8%,rgba(57,224,178,.22),transparent 28%),radial-gradient(circle at 48% 92%,rgba(136,78,255,.16),transparent 36%),linear-gradient(140deg,#05070d 0%,#08111f 43%,#050711 100%);color:var(--pf-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-left:var(--pf-side);position:relative;overflow-x:hidden}body .portal-public-shell:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,black 18%,black 86%,transparent);pointer-events:none}.portal-side-nav{position:fixed;z-index:1000;top:0;bottom:0;left:0;width:var(--pf-side);display:flex;flex-direction:column;gap:18px;padding:22px 18px;background:linear-gradient(180deg,rgba(12,17,29,.94),rgba(7,10,18,.94));backdrop-filter:blur(20px);border-right:1px solid var(--pf-border);box-shadow:16px 0 60px rgba(0,0,0,.35);overflow:auto}.portal-side-nav::-webkit-scrollbar{width:8px}.portal-side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}.portal-side-brand-wrap{padding:4px 2px 10px;border-bottom:1px solid var(--pf-border)}.portal-side-brand{display:flex;align-items:center;gap:13px;color:var(--pf-text);text-decoration:none}.portal-side-brand:hover{color:#fff;text-decoration:none}.portal-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--pf-primary),#7c4dff 48%,var(--pf-primary-2));box-shadow:0 14px 36px rgba(43,134,255,.35);font-weight:950;color:#fff;letter-spacing:.03em}.portal-side-brand strong{display:block;font-size:18px;line-height:1.1}.portal-side-brand small{display:block;color:var(--pf-muted);font-size:12px;margin-top:4px}.portal-side-section{border:1px solid var(--pf-border);border-radius:22px;background:rgba(255,255,255,.045);padding:13px}.portal-side-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--pf-muted-2);font-weight:950;margin:2px 6px 11px}.portal-side-links{display:flex;flex-direction:column;gap:7px}.portal-side-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border-radius:15px;color:var(--pf-muted);text-decoration:none;font-weight:850;transition:.16s ease}.portal-side-link:hover,.portal-side-link.active{color:#fff;background:linear-gradient(135deg,rgba(43,134,255,.18),rgba(57,224,178,.09));text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.portal-side-link.active{background:linear-gradient(135deg,rgba(43,134,255,.42),rgba(57,224,178,.20));}.portal-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:950}.portal-login-card{display:flex;flex-direction:column;gap:10px}.portal-login-title{font-size:16px;font-weight:950}.portal-login-card p{margin:0;color:var(--pf-muted);font-size:13px;line-height:1.45}.portal-login-button{border:0;background:linear-gradient(135deg,var(--pf-primary),#7c4dff);color:#fff;border-radius:15px;padding:12px 16px;font-weight:950;cursor:pointer;box-shadow:0 14px 34px rgba(43,134,255,.32);text-decoration:none}.portal-login-button:hover{filter:brightness(1.06);color:#fff;text-decoration:none}.portal-login-tabs-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.portal-login-tabs-mini button{border:1px solid var(--pf-border);background:rgba(255,255,255,.055);color:var(--pf-muted);border-radius:12px;padding:8px 6px;font-size:12px;font-weight:900;cursor:pointer}.portal-login-tabs-mini button:hover{color:#fff;background:rgba(255,255,255,.10)}.portal-profile-card{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.portal-profile-card:hover{color:#fff;text-decoration:none}.portal-profile-card img{width:46px;height:46px;border-radius:16px;object-fit:cover;box-shadow:0 12px 26px rgba(0,0,0,.34)}.portal-profile-card strong{display:block;line-height:1.1}.portal-profile-card small{display:block;color:var(--pf-muted);font-size:12px;margin-top:5px}.portal-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.portal-account-actions a{display:flex;justify-content:center;border-radius:13px;padding:9px;border:1px solid var(--pf-border);background:rgba(255,255,255,.055);font-weight:900;color:#fff;text-decoration:none;font-size:12px}.portal-account-actions a:hover{background:rgba(255,255,255,.11);text-decoration:none}.portal-sidebar-server{display:flex;align-items:center;gap:11px;color:var(--pf-text);text-decoration:none;border-radius:15px;padding:10px 8px}.portal-sidebar-server:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none}.portal-sidebar-server strong{display:block;font-size:13px;line-height:1.15}.portal-sidebar-server small{display:block;color:var(--pf-muted);font-size:11px;line-height:1.3;margin-top:3px}.portal-server-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 18px currentColor;background:currentColor;color:#39e0b2}.portal-server-dot.offline{color:var(--pf-danger)}.portal-server-dot.maintenance{color:var(--pf-warn)}.portal-side-more{display:flex;justify-content:center;margin-top:9px;color:#fff;text-decoration:none;border-radius:14px;padding:10px;border:1px solid var(--pf-border);background:rgba(255,255,255,.055);font-weight:900;font-size:13px}.portal-side-more:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.portal-mobile-bar{display:none}.portal-public-main{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:28px 34px 72px}.portal-pagebar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;border:1px solid var(--pf-border);background:rgba(255,255,255,.05);backdrop-filter:blur(18px);border-radius:26px;padding:18px 20px;box-shadow:0 16px 50px rgba(0,0,0,.18)}.portal-page-kicker{display:block;color:var(--pf-primary-2);font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.portal-pagebar h1{margin:4px 0 0;font-size:30px;line-height:1;color:#fff;font-weight:950}.portal-pagebar-actions{display:flex;gap:10px;flex-wrap:wrap}.portal-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pf-border);background:rgba(255,255,255,.06);border-radius:999px;color:#fff;text-decoration:none;padding:10px 14px;font-weight:900}.portal-pill:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.portal-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:22px;margin-bottom:26px}.portal-hero-card,.portal-card{background:linear-gradient(180deg,rgba(19,29,46,.86),rgba(10,15,26,.86));border:1px solid var(--pf-border);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow);backdrop-filter:blur(18px)}.portal-hero-card{padding:42px;position:relative;overflow:hidden;min-height:380px}.portal-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 24%,rgba(57,224,178,.32),transparent 28%),radial-gradient(circle at 62% 78%,rgba(43,134,255,.26),transparent 34%);pointer-events:none}.portal-hero-card>*{position:relative;z-index:1}.portal-kicker{display:inline-flex;color:#dffcff;background:rgba(57,224,178,.12);border:1px solid rgba(57,224,178,.22);border-radius:999px;padding:8px 12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.portal-hero h1{font-size:56px;line-height:.99;margin:16px 0 16px;color:#fff;font-weight:950;max-width:850px;letter-spacing:-.04em}.portal-hero p{color:var(--pf-muted);font-size:17px;max-width:770px;line-height:1.65}.portal-hero-actions,.portal-server-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:13px 18px;background:rgba(255,255,255,.075);border:1px solid var(--pf-border);color:#fff;font-weight:950;text-decoration:none;cursor:pointer}.portal-btn:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.13)}.portal-btn.primary{background:linear-gradient(135deg,var(--pf-primary),#7c4dff);border:0;box-shadow:0 14px 35px rgba(43,134,255,.28)}.portal-btn.green{background:linear-gradient(135deg,#1ecc9b,#2b86ff);border:0}.portal-btn[disabled],.portal-provider-row.disabled{opacity:.55;cursor:not-allowed}.portal-side-stack{display:flex;flex-direction:column;gap:16px}.portal-card{padding:22px}.portal-card h3{margin:0 0 16px;font-size:18px;color:#fff;font-weight:950}.portal-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.portal-stat{border:1px solid var(--pf-border);background:rgba(255,255,255,.055);border-radius:18px;padding:16px}.portal-stat strong{display:block;font-size:26px;color:#fff}.portal-stat span{display:block;color:var(--pf-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.portal-news-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px;border-top:1px solid var(--pf-border);color:#fff;text-decoration:none;border-radius:16px}.portal-news-item:first-of-type{border-top:0}.portal-news-item:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.055)}.portal-news-thumb{width:76px;height:62px;border-radius:14px;background:linear-gradient(135deg,rgba(43,134,255,.32),rgba(57,224,178,.22));display:grid;place-items:center;font-weight:950;overflow:hidden}.portal-news-thumb img{width:100%;height:100%;object-fit:cover}.portal-news-title{font-weight:950}.portal-news-meta{font-size:12px;color:var(--pf-muted);margin-top:4px}.portal-news-excerpt{color:var(--pf-muted);font-size:14px;margin-top:8px}.portal-server-mini{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--pf-border)}.portal-server-mini:first-of-type{border-top:0}.portal-server-icon{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:950;color:#fff;overflow:hidden}.portal-server-icon img{width:100%;height:100%;object-fit:cover}.portal-server-name{font-weight:950;color:#fff}.portal-server-sub{font-size:12px;color:var(--pf-muted)}.portal-server-status{margin-left:auto;font-size:11px;font-weight:950;padding:5px 8px;border-radius:999px;background:rgba(57,224,178,.15);color:#66ffcf}.portal-server-status.offline{background:rgba(255,95,130,.15);color:#ff91aa}.portal-server-status.maintenance{background:rgba(255,209,102,.16);color:#ffe09a}.portal-section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 16px}.portal-section-head h2{font-size:30px;font-weight:950;margin:0;color:#fff;letter-spacing:-.03em}.portal-section-head p{margin:5px 0 0;color:var(--pf-muted)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-feature-card{min-height:188px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(19,29,46,.80),rgba(10,15,26,.80));border:1px solid var(--pf-border);color:#fff;box-shadow:0 18px 54px rgba(0,0,0,.22)}.portal-feature-card h3{font-weight:950;color:#fff}.portal-feature-card p{color:var(--pf-muted);line-height:1.58}.portal-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-server-card{overflow:hidden;padding:0}.portal-server-image{height:166px;background:linear-gradient(135deg,rgba(43,134,255,.30),rgba(57,224,178,.22));display:grid;place-items:center;font-size:42px;font-weight:950;color:#fff;position:relative}.portal-server-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.portal-server-image img{width:100%;height:100%;object-fit:cover}.portal-server-content{padding:20px}.portal-server-content h3{font-size:20px;color:#fff;font-weight:950;margin:0}.portal-shop-card{position:relative;overflow:hidden}.portal-shop-card:before{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(57,224,178,.25),transparent 64%)}.portal-price{font-size:30px;font-weight:950;color:#fff;margin-top:17px}.portal-empty{color:var(--pf-muted);padding:18px;border:1px dashed var(--pf-border);border-radius:18px;background:rgba(255,255,255,.03)}.portal-empty.small{font-size:12px;padding:12px}.portal-auth-backdrop{position:fixed;z-index:2500;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.portal-auth-modal{width:min(670px,100%);background:#101827;border:1px solid var(--pf-border-2);border-radius:26px;box-shadow:0 40px 110px rgba(0,0,0,.65);overflow:hidden}.portal-auth-head{display:flex;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(135deg,#1f75ea,#1f6fd3 48%,#1460c8)}.portal-auth-title-row{display:flex;align-items:center;gap:14px}.portal-auth-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.16);font-size:25px;font-weight:950}.portal-auth-head h3{margin:0;font-size:28px;color:#fff;font-weight:950}.portal-auth-head p{margin:4px 0 0;color:rgba(255,255,255,.82)}.portal-auth-close{background:transparent;border:0;color:#fff;font-size:42px;line-height:1;cursor:pointer}.portal-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#0b1220;border-bottom:1px solid var(--pf-border)}.portal-auth-tabs button{background:transparent;border:0;color:var(--pf-muted);font-weight:950;padding:16px;cursor:pointer}.portal-auth-tabs button.active{color:#fff;background:rgba(255,255,255,.08)}.portal-auth-body{padding:24px}.portal-auth-panel{display:none}.portal-auth-panel.active{display:block}.portal-auth-copy{display:flex;flex-direction:column;gap:5px;margin-bottom:16px;padding:16px;border-radius:18px;border:1px solid var(--pf-border);background:rgba(255,255,255,.045)}.portal-auth-copy strong{color:#fff}.portal-auth-copy span{color:var(--pf-muted);line-height:1.5}.portal-auth-copy.warn{border-color:rgba(255,209,102,.28);background:rgba(255,209,102,.07)}.portal-auth-primary{width:100%;border:0;border-radius:15px;padding:15px 18px;background:linear-gradient(135deg,var(--pf-primary),#7c4dff);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 16px 35px rgba(43,134,255,.25)}.portal-auth-primary.steam{background:linear-gradient(135deg,#1b2838,#2b86ff)}.portal-auth-form{display:flex;flex-direction:column;gap:12px}.portal-auth-form input{border:1px solid var(--pf-border);background:#0b1220;color:#fff;border-radius:14px;padding:14px}.portal-check{color:var(--pf-muted);font-size:14px}.portal-auth-small-link{display:block;color:var(--pf-muted);margin-top:12px}.portal-provider-list{display:grid;grid-template-columns:1fr;gap:10px}.portal-provider-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;min-height:58px;border-radius:17px;border:1px solid var(--pf-border);background:rgba(255,255,255,.055);color:#fff;font-weight:900;text-decoration:none;padding:9px 13px;text-align:left}.portal-provider-row span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:950}.portal-provider-row small{color:var(--pf-muted);font-weight:850}.portal-provider-row:not(.disabled){cursor:pointer}.portal-provider-row:hover,.portal-provider-row.direct:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.10)}.portal-auth-code-box{margin-top:16px;padding:16px;border-radius:16px;background:#0b1220;border:1px solid var(--pf-border)}.portal-auth-code-box strong{display:block;font-size:24px;letter-spacing:.05em;margin:8px 0;color:#fff;word-break:break-word}.portal-auth-code-box small{color:var(--pf-muted)}.portal-public-footer{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:22px 34px 30px;color:var(--pf-muted);display:flex;justify-content:space-between;border-top:1px solid var(--pf-border)}.portal-link-card{display:flex;flex-direction:column;gap:12px}.portal-link-state{border-radius:15px;padding:12px;background:rgba(255,255,255,.055);border:1px solid var(--pf-border);color:var(--pf-muted)}.portal-link-state strong{display:block;color:#fff}.portal-news-article{margin-bottom:22px}.portal-news-article h1{color:#fff;font-weight:950;margin:12px 0;font-size:42px;letter-spacing:-.035em}.portal-news-article-body{color:var(--pf-muted);font-size:16px;line-height:1.75}.portal-news-article img{max-width:100%;border-radius:20px;margin:16px 0;border:1px solid var(--pf-border)}@media (max-width:1180px){body .portal-public-shell{padding-left:0}.portal-side-nav{display:none}.portal-mobile-bar{position:sticky;z-index:1000;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:rgba(7,10,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--pf-border)}.portal-mobile-brand,.portal-mobile-user{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:950}.portal-mobile-brand:hover,.portal-mobile-user:hover{color:#fff;text-decoration:none}.portal-public-main{padding:22px 18px 62px}.portal-hero{grid-template-columns:1fr}.portal-grid,.portal-server-grid{grid-template-columns:1fr 1fr}.portal-hero h1{font-size:44px}}@media (max-width:720px){.portal-pagebar{align-items:flex-start;flex-direction:column}.portal-pagebar h1{font-size:24px}.portal-pagebar-actions{width:100%}.portal-pill{flex:1;justify-content:center}.portal-grid,.portal-server-grid{grid-template-columns:1fr}.portal-hero-card{padding:28px;min-height:auto}.portal-hero h1{font-size:34px}.portal-stat-grid{grid-template-columns:1fr}.portal-news-item{grid-template-columns:1fr}.portal-news-thumb{width:100%;height:120px}.portal-public-footer{flex-direction:column;gap:8px;padding-left:18px;padding-right:18px}.portal-auth-tabs{grid-template-columns:1fr}.portal-provider-row{grid-template-columns:40px 1fr}.portal-provider-row small{grid-column:2}}

/* v0.7: VyHub/GExtension-style user dashboards */
.portal-profile-hero{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.portal-profile-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(43,134,255,.25),transparent 36%),radial-gradient(circle at 82% 18%,rgba(255,78,120,.18),transparent 32%);pointer-events:none}.portal-profile-hero>*{position:relative}.portal-profile-avatar{width:132px;height:132px;border-radius:34px;padding:4px;background:linear-gradient(135deg,var(--pf-primary),#ff4d7a);box-shadow:0 20px 45px rgba(0,0,0,.35)}.portal-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:30px;background:#0b1220}.portal-profile-main h2{font-size:42px;line-height:1;margin:6px 0 12px;color:#fff;font-weight:950;letter-spacing:-.035em}.portal-profile-ids,.portal-profile-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.portal-profile-ids span,.portal-profile-meta span{border:1px solid var(--pf-border);background:rgba(255,255,255,.055);border-radius:999px;padding:7px 11px;color:var(--pf-muted);font-size:12px;font-weight:850}.portal-profile-ids b{color:#fff}.portal-profile-actions{display:flex;flex-direction:column;gap:10px;min-width:180px}.portal-profile-tabs{display:flex;gap:8px;overflow:auto;padding:12px;margin-bottom:18px}.portal-profile-tabs a{white-space:nowrap;color:var(--pf-muted);font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px;text-decoration:none;border-radius:14px;padding:12px 14px;border:1px solid transparent}.portal-profile-tabs a:hover{color:#fff;background:rgba(255,255,255,.06);text-decoration:none}.portal-profile-tabs a.active{color:#fff;background:linear-gradient(135deg,var(--pf-primary),#7c4dff);box-shadow:0 12px 28px rgba(43,134,255,.22)}.portal-profile-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.portal-metric{border-radius:22px;padding:20px;border:1px solid var(--pf-border);background:linear-gradient(180deg,rgba(19,29,46,.82),rgba(10,15,26,.82));box-shadow:0 18px 54px rgba(0,0,0,.20);position:relative;overflow:hidden}.portal-metric:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:999px;background:rgba(255,255,255,.07)}.portal-metric span{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-muted);font-size:12px;font-weight:950}.portal-metric strong{display:block;color:#fff;font-size:38px;font-weight:950;line-height:1;margin-top:8px}.portal-metric.danger{border-color:rgba(255,78,120,.25)}.portal-metric.warning{border-color:rgba(255,209,102,.32)}.portal-metric.info{border-color:rgba(43,134,255,.28)}.portal-metric.purple{border-color:rgba(124,77,255,.30)}.portal-profile-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;margin-bottom:18px}.portal-profile-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.portal-profile-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.portal-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.portal-card-title-row h3{margin:0}.portal-card-title-row span,.portal-card-title-row a{color:var(--pf-muted);font-size:12px;font-weight:900;text-decoration:none}.portal-card-title-row a:hover{color:#fff;text-decoration:none}.portal-chip-list{display:flex;flex-wrap:wrap;gap:8px}.portal-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--pf-border);background:rgba(255,255,255,.055);color:#fff;font-weight:900;padding:7px 10px}.portal-chip small{color:var(--pf-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.portal-profile-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--pf-border)}.portal-profile-row:first-of-type{border-top:0}.portal-profile-row b{text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:#fff}.portal-profile-row span{color:var(--pf-muted);text-align:right;word-break:break-word}.portal-playtime-list{display:flex;flex-direction:column;gap:8px}.portal-playtime-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--pf-border);background:rgba(255,255,255,.045);border-radius:14px;padding:12px}.portal-playtime-row span{color:#fff;font-weight:900}.portal-playtime-row strong{color:#66ffcf}.portal-profile-table{width:100%;overflow:auto}.portal-profile-table table{width:100%;border-collapse:collapse;min-width:520px}.portal-profile-table th{color:var(--pf-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:950;text-align:left;padding:10px;border-bottom:1px solid var(--pf-border)}.portal-profile-table td{color:#fff;padding:12px 10px;border-bottom:1px solid var(--pf-border);vertical-align:top;font-size:13px}.portal-profile-table tr:hover td{background:rgba(255,255,255,.035)}.portal-search-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.portal-profile-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:14px 0}.portal-profile-search-form input{border:1px solid var(--pf-border);background:#0b1220;color:#fff;border-radius:15px;padding:14px 16px;outline:none}.portal-profile-search-form input:focus{border-color:rgba(43,134,255,.65);box-shadow:0 0 0 4px rgba(43,134,255,.12)}.portal-user-result-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.portal-user-result{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid var(--pf-border);background:rgba(255,255,255,.045);border-radius:18px;padding:11px;text-decoration:none;color:#fff}.portal-user-result:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.075);transform:translateY(-1px)}.portal-user-result img{width:54px;height:54px;border-radius:16px;object-fit:cover;background:#0b1220}.portal-user-result strong{display:block;color:#fff;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user-result small{display:block;color:var(--pf-muted);font-size:12px;margin-top:3px;word-break:break-all}.portal-user-result em{font-style:normal;color:#66ffcf;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.portal-user-result-list.compact .portal-user-result{grid-template-columns:44px minmax(0,1fr);border-radius:15px}.portal-user-result-list.compact .portal-user-result img{width:44px;height:44px}.portal-user-result-list.compact .portal-user-result em{display:none}@media (max-width:1180px){.portal-profile-hero{grid-template-columns:104px minmax(0,1fr)}.portal-profile-actions{grid-column:1/-1;flex-direction:row}.portal-profile-avatar{width:104px;height:104px;border-radius:26px}.portal-profile-avatar img{border-radius:22px}.portal-profile-main h2{font-size:32px}.portal-profile-layout,.portal-search-layout{grid-template-columns:1fr}.portal-profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-profile-service-grid{grid-template-columns:1fr}}@media (max-width:760px){.portal-profile-hero{grid-template-columns:1fr;text-align:left}.portal-profile-actions{flex-direction:column}.portal-profile-metric-grid,.portal-profile-two-col{grid-template-columns:1fr}.portal-profile-search-form{grid-template-columns:1fr}.portal-user-result{grid-template-columns:46px minmax(0,1fr)}.portal-user-result em{grid-column:2}.portal-user-result img{width:46px;height:46px}}

/* v0.8 modern left navigation + light/dark mode */
body.light .portal-public-shell,
.portal-public-shell[data-theme="light"]{--pf-bg:#eef1f6;--pf-panel:#ffffff;--pf-panel-2:#f7f9fc;--pf-card:#ffffff;--pf-card-solid:#ffffff;--pf-soft:rgba(20,26,38,.055);--pf-border:rgba(15,23,42,.105);--pf-border-2:rgba(15,23,42,.16);--pf-text:#111827;--pf-muted:#667085;--pf-muted-2:#8a94a6;--pf-primary:#e51f36;--pf-primary-2:#2563eb;--pf-danger:#e51f36;--pf-warn:#eab308;--pf-shadow:0 18px 60px rgba(15,23,42,.12)}
body.dark .portal-public-shell,
.portal-public-shell[data-theme="dark"]{--pf-bg:#080b12;--pf-panel:#111827;--pf-panel-2:#172033;--pf-card:rgba(17,24,39,.86);--pf-card-solid:#111827;--pf-soft:rgba(255,255,255,.065);--pf-border:rgba(255,255,255,.11);--pf-border-2:rgba(255,255,255,.18);--pf-text:#f7f9ff;--pf-muted:#a9b3c4;--pf-muted-2:#768398;--pf-primary:#ff4057;--pf-primary-2:#5aa8ff;--pf-danger:#ff5f82;--pf-warn:#ffd166;--pf-shadow:0 24px 80px rgba(0,0,0,.42)}
body .portal-public-shell.portal-v08{background:radial-gradient(circle at 2% 0%,color-mix(in srgb,var(--pf-primary) 18%,transparent),transparent 28%),linear-gradient(135deg,var(--pf-bg),color-mix(in srgb,var(--pf-bg) 92%,#000));color:var(--pf-text);padding-left:var(--pf-side);min-height:100vh;position:relative}.portal-public-shell.portal-v08:before{opacity:.45}.portal-v08 .portal-side-nav{background:linear-gradient(180deg,var(--pf-panel),color-mix(in srgb,var(--pf-panel) 86%,#000));border-right:1px solid var(--pf-border);box-shadow:12px 0 40px rgba(0,0,0,.16);gap:14px}.portal-v08 .portal-side-section{background:color-mix(in srgb,var(--pf-panel-2) 78%,transparent);border:1px solid var(--pf-border);border-radius:18px;padding:11px}.portal-v08 .portal-side-brand-wrap{border-bottom:0}.portal-v08 .portal-side-brand strong,.portal-v08 .portal-pagebar h1,.portal-v08 .portal-card h3,.portal-v08 .portal-hero h1,.portal-v08 .portal-section-head h2{color:var(--pf-text)}.portal-v08 .portal-brand-mark{background:linear-gradient(135deg,var(--pf-primary),#ef4444 52%,var(--pf-primary-2));box-shadow:0 12px 30px color-mix(in srgb,var(--pf-primary) 28%,transparent)}.portal-v08 .portal-side-label{color:var(--pf-muted-2);margin:1px 7px 9px}.portal-v08 .portal-side-link{min-height:42px;color:var(--pf-muted);align-items:center}.portal-v08 .portal-side-link b{display:block;font-size:13px;line-height:1.1;color:inherit}.portal-v08 .portal-side-link small{display:block;font-size:11px;color:var(--pf-muted-2);margin-top:3px}.portal-v08 .portal-side-link:hover,.portal-v08 .portal-side-link.active{color:var(--pf-text);background:linear-gradient(135deg,color-mix(in srgb,var(--pf-primary) 15%,transparent),color-mix(in srgb,var(--pf-primary-2) 9%,transparent));box-shadow:inset 3px 0 0 var(--pf-primary)}.portal-v08 .portal-nav-icon{background:var(--pf-soft);color:var(--pf-text);font-size:11px}.portal-side-subitems{display:flex;flex-direction:column;margin:-2px 0 6px 43px;border-left:1px solid var(--pf-border);padding-left:10px;gap:2px}.portal-side-subitems a{font-size:12px;font-weight:800;color:var(--pf-muted);text-decoration:none;border-radius:9px;padding:6px 8px}.portal-side-subitems a:hover{background:var(--pf-soft);color:var(--pf-text);text-decoration:none}.portal-wide{width:100%;justify-content:center}.portal-v08 .portal-login-button,.portal-v08 .portal-btn.primary{background:linear-gradient(135deg,var(--pf-primary),#ef4444);box-shadow:0 12px 28px color-mix(in srgb,var(--pf-primary) 25%,transparent)}.portal-v08 .portal-login-tabs-mini button,.portal-v08 .portal-account-actions a,.portal-v08 .portal-side-more,.portal-v08 .portal-pill,.portal-v08 .portal-btn,.portal-v08 .portal-top-icon{background:var(--pf-soft);border:1px solid var(--pf-border);color:var(--pf-text)}.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;border:1px solid var(--pf-border);background:color-mix(in srgb,var(--pf-panel) 82%,transparent);backdrop-filter:blur(18px);border-radius:22px;padding:14px 16px;box-shadow:var(--pf-shadow)}.portal-topbar-title h1{margin:2px 0 0;font-size:26px;line-height:1.1;color:var(--pf-text);font-weight:950}.portal-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.portal-top-icon{width:42px;height:42px;border-radius:14px;display:inline-grid;place-items:center;font-weight:950;text-decoration:none;cursor:pointer}.portal-top-icon:hover{filter:brightness(1.08);color:var(--pf-text);text-decoration:none}.portal-top-profile{display:flex;align-items:center;gap:9px;min-height:42px;border-radius:16px;background:var(--pf-soft);border:1px solid var(--pf-border);padding:6px 10px;color:var(--pf-text);font-weight:900;text-decoration:none}.portal-top-profile:hover{color:var(--pf-text);text-decoration:none;background:color-mix(in srgb,var(--pf-soft) 70%,var(--pf-primary) 8%)}.portal-top-profile img{width:30px;height:30px;border-radius:10px;object-fit:cover}.portal-view-select{display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid var(--pf-border);background:var(--pf-soft);border-radius:15px;padding:0 9px;color:var(--pf-muted);font-size:12px;font-weight:900}.portal-view-select select{background:transparent;color:var(--pf-text);border:0;outline:0;font-weight:900;max-width:180px}.portal-view-select option{color:#111}.portal-v08 .portal-pagebar{display:none}.portal-v08 .portal-card,.portal-v08 .portal-hero-card,.portal-v08 .portal-feature-card,.portal-v08 .portal-server-card,.portal-v08 .portal-metric{background:color-mix(in srgb,var(--pf-card) 92%,transparent);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow);color:var(--pf-text)}.portal-v08 .portal-hero-card:before{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--pf-primary) 18%,transparent),transparent 30%),radial-gradient(circle at 55% 80%,color-mix(in srgb,var(--pf-primary-2) 18%,transparent),transparent 36%)}.portal-v08 .portal-kicker,.portal-v08 .portal-page-kicker{color:var(--pf-primary);background:color-mix(in srgb,var(--pf-primary) 10%,transparent);border-color:color-mix(in srgb,var(--pf-primary) 20%,transparent)}.portal-v08 .portal-news-item,.portal-v08 .portal-server-mini,.portal-v08 .portal-playtime-row,.portal-v08 .portal-user-result{color:var(--pf-text);border-color:var(--pf-border);background:var(--pf-soft)}.portal-v08 .portal-news-title,.portal-v08 .portal-server-name,.portal-v08 .portal-stat strong,.portal-v08 .portal-metric strong,.portal-v08 .portal-profile-main h2,.portal-v08 .portal-chip{color:var(--pf-text)}.portal-v08 .portal-news-meta,.portal-v08 .portal-news-excerpt,.portal-v08 .portal-server-sub,.portal-v08 .portal-hero p,.portal-v08 .portal-section-head p,.portal-v08 .portal-empty,.portal-v08 .portal-profile-row span{color:var(--pf-muted)}.portal-v08 .portal-profile-tabs a.active{background:linear-gradient(135deg,var(--pf-primary),#ef4444)}.portal-v08 .portal-server-status.online{background:rgba(34,197,94,.15);color:#16a34a;border-color:rgba(34,197,94,.25)}.portal-v08 .portal-server-status.offline{background:rgba(239,68,68,.14);color:#ef4444;border-color:rgba(239,68,68,.24)}.portal-v08 .portal-server-status.maintenance{background:rgba(234,179,8,.14);color:#ca8a04;border-color:rgba(234,179,8,.24)}.portal-v08 .portal-profile-search-form input,.portal-v08 .portal-auth-form input{background:color-mix(in srgb,var(--pf-panel) 90%,#000);color:var(--pf-text);border-color:var(--pf-border)}.portal-public-footer{color:var(--pf-muted);border-top:1px solid var(--pf-border)}.portal-public-shell.portal-v08 .portal-side-serverlist{order:20}.portal-auth-modal{background:var(--pf-panel);color:var(--pf-text);border:1px solid var(--pf-border)}.portal-auth-head{background:linear-gradient(135deg,var(--pf-primary),#ef4444)}.portal-auth-tabs button,.portal-provider-row,.portal-auth-code-box{background:var(--pf-soft);border-color:var(--pf-border);color:var(--pf-text)}.portal-provider-row small,.portal-auth-copy span,.portal-auth-small-link{color:var(--pf-muted)}.badge.userTeamMemberRGB,.portal-rainbow-badge{background:linear-gradient(270deg,#ff004c,#ff9f00,#34d399,#00a3ff,#8b5cf6,#ff004c);background-size:1200% 1200%;animation:rgbBadgeAnim 6s ease infinite;color:#fff!important;border:0!important}.portal-group-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;border:1px solid var(--pf-border);background:var(--pf-soft);color:var(--pf-text)}
@media(max-width:1180px){body .portal-public-shell.portal-v08{padding-left:0}.portal-v08 .portal-side-nav{display:none}.portal-v08 .portal-mobile-bar{display:flex;background:color-mix(in srgb,var(--pf-panel) 88%,transparent);color:var(--pf-text)}.portal-topbar{align-items:flex-start;flex-direction:column}.portal-topbar-actions{width:100%;justify-content:flex-start}.portal-view-select select{max-width:130px}}
@media(max-width:720px){.portal-topbar-title h1{font-size:22px}.portal-top-icon{width:38px;height:38px}.portal-topbar-actions{gap:7px}.portal-top-profile span{display:none}.portal-view-select{width:100%}.portal-view-select select{flex:1;max-width:none}}