/* Discord Server Manager v6.0 — Product Experience System */
:root{
  --v6-bg:#07101a;
  --v6-bg-soft:#0a1420;
  --v6-sidebar:#08111d;
  --v6-surface:#0d1827;
  --v6-surface-2:#101d2f;
  --v6-surface-3:#132239;
  --v6-line:rgba(148,163,184,.12);
  --v6-line-strong:rgba(148,163,184,.19);
  --v6-text:#f7f9fc;
  --v6-muted:#94a3b8;
  --v6-soft:#64748b;
  --v6-primary:#7c63ff;
  --v6-primary-2:#4f8cff;
  --v6-cyan:#35c6e8;
  --v6-green:#32d296;
  --v6-amber:#f4c665;
  --v6-red:#fb7185;
  --v6-radius:16px;
  --v6-radius-lg:22px;
  --v6-shadow:0 18px 50px rgba(0,0,0,.20);
  --v6-shadow-sm:0 8px 26px rgba(0,0,0,.14);
}
html{background:var(--v6-bg)}
body.v6-shell,.auth-body{background:linear-gradient(180deg,#07101a 0%,#08121e 55%,#07101a 100%);color:var(--v6-text)}
body.v6-shell:before{opacity:.11;background-size:48px 48px}
body.v6-shell .ambient{opacity:.16;filter:blur(110px)}
body.v6-shell .ambient-a{background:radial-gradient(circle,rgba(124,99,255,.48),transparent 68%)}
body.v6-shell .ambient-b{background:radial-gradient(circle,rgba(53,198,232,.26),transparent 70%)}
body.v6-shell .app{grid-template-columns:252px minmax(0,1fr);background:transparent}
body.v6-shell .sidebar{padding:18px 14px 14px;background:rgba(6,14,24,.93);border-right:1px solid var(--v6-line);box-shadow:10px 0 40px rgba(0,0,0,.08);backdrop-filter:blur(20px)}
body.v6-shell .sidebar:after{display:none}
body.v6-shell .sidebar-top{padding:2px 6px 15px;margin-bottom:12px;border-bottom:1px solid rgba(148,163,184,.08)}
body.v6-shell .brand{gap:11px;min-width:0}
body.v6-shell .brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--v6-primary),var(--v6-primary-2));box-shadow:0 10px 28px rgba(86,94,255,.20);font-size:12px}
body.v6-shell .brand strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v6-shell .brand small{font-size:9px;color:#71829d;text-transform:uppercase;letter-spacing:.09em}
body.v6-shell .org-chip{margin:5px 2px 14px;padding:12px;border-radius:14px;background:rgba(148,163,184,.035);border:1px solid rgba(148,163,184,.09);box-shadow:none}
body.v6-shell .org-chip span{font-size:8px;letter-spacing:.16em;color:#687995}
body.v6-shell .org-chip b{font-size:12px;margin-top:5px}
body.v6-shell .org-chip small{font-size:9px;color:#70819d}
body.v6-shell .nav-caption{font-size:8px;letter-spacing:.19em;padding:0 9px;margin:3px 0 8px;color:#60708a}
body.v6-shell .nav{gap:3px;padding-right:0;overflow-x:hidden}
body.v6-shell .nav>a,body.v6-shell .nav-group-links a{min-height:40px;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:650;color:#98a8c0;border:1px solid transparent;box-shadow:none;transition:background .16s,border-color .16s,color .16s,transform .16s}
body.v6-shell .nav>a:hover,body.v6-shell .nav-group-links a:hover{transform:none;background:rgba(148,163,184,.055);border-color:rgba(148,163,184,.075);color:#e9eef7}
body.v6-shell .nav>a.active,body.v6-shell .nav-group-links a.active{background:rgba(124,99,255,.105);border-color:rgba(124,99,255,.16);color:#fff;box-shadow:inset 2px 0 0 var(--v6-primary)}
body.v6-shell .nav a.active:before{display:none}
body.v6-shell .nav-ico{font-size:11px!important;color:#71829d!important}
body.v6-shell .nav a.active .nav-ico{color:#b9afff!important}
body.v6-shell .nav-group{border:0;border-radius:11px;background:transparent;overflow:hidden}
body.v6-shell .nav-group>summary{min-height:40px;padding:9px 10px;border-radius:10px;color:#8c9bb2;font-size:10px;text-transform:uppercase;letter-spacing:.10em;font-weight:800;grid-template-columns:25px minmax(0,1fr) 15px}
body.v6-shell .nav-group>summary:hover{background:rgba(148,163,184,.04)}
body.v6-shell .nav-group[open]>summary{color:#dce5f4;background:rgba(148,163,184,.025)}
body.v6-shell .nav-group-links{padding:3px 0 7px 9px;gap:2px;border-left:1px solid rgba(148,163,184,.08);margin-left:20px}
body.v6-shell .sidebar-cta{margin:12px 2px 8px;border-radius:14px;border-color:rgba(124,99,255,.14);background:linear-gradient(145deg,rgba(124,99,255,.08),rgba(79,140,255,.035));box-shadow:none}
body.v6-shell .sidebar-foot{margin-top:auto;padding:10px;border-radius:14px;background:rgba(148,163,184,.035);border-color:rgba(148,163,184,.08);box-shadow:none;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px}
body.v6-shell .sidebar-foot .avatar{width:34px;height:34px;border-radius:10px;font-size:10px}
body.v6-shell .sidebar-user b{font-size:11px}body.v6-shell .sidebar-user small{font-size:8px;margin:2px 0 0;color:#71819a}
body.v6-shell .logout-mini{width:32px;height:32px;border-radius:9px;background:rgba(148,163,184,.04);border:1px solid rgba(148,163,184,.08);color:#8fa0b9}

/* application frame */
body.v6-shell .content{padding:0 28px 42px;max-width:1680px}
body.v6-shell .topbar{position:sticky;top:0;z-index:30;margin:0 -28px 0;padding:11px 28px;min-height:64px;border:0;border-bottom:1px solid var(--v6-line);border-radius:0;background:rgba(7,16,26,.82);backdrop-filter:blur(20px);box-shadow:none}
body.v6-shell .mobile-menu{border-radius:10px}
body.v6-shell .global-search{height:38px;max-width:480px;border-radius:11px;background:rgba(148,163,184,.035);border:1px solid rgba(148,163,184,.10);box-shadow:none}
body.v6-shell .global-search:focus-within{border-color:rgba(124,99,255,.28);box-shadow:0 0 0 3px rgba(124,99,255,.07)}
body.v6-shell .global-search input{height:36px;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;padding:0 6px;color:#dfe8f7;font-size:11px;text-transform:none;letter-spacing:0;font-weight:550}
body.v6-shell .global-search>span{font-size:14px;color:#71829b}
body.v6-shell .global-search kbd{border-radius:7px;padding:4px 7px;background:rgba(148,163,184,.055);border:1px solid rgba(148,163,184,.10);color:#7d8da5;font-size:8px;cursor:pointer}
body.v6-shell .search-results{top:45px;border-radius:13px;border-color:var(--v6-line);background:#0b1624;box-shadow:0 24px 70px rgba(0,0,0,.38)}
body.v6-shell .top-actions{gap:8px}
body.v6-shell .top-profile{padding:5px 7px 5px 5px;border:1px solid rgba(148,163,184,.08);border-radius:11px;background:rgba(148,163,184,.025)}
body.v6-shell .top-profile .avatar.small{width:30px;height:30px;border-radius:9px}
body.v6-shell .top-profile b{font-size:10px}body.v6-shell .top-profile small{font-size:8px;color:#71819a}
.v6-secure-state{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 9px;border:1px solid rgba(50,210,150,.13);background:rgba(50,210,150,.045);border-radius:9px;color:#86e6bd;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.v6-secure-state i{width:6px;height:6px;border-radius:50%;background:var(--v6-green);box-shadow:0 0 0 3px rgba(50,210,150,.08)}
body.v6-shell .top-create{height:32px;border-radius:9px;padding:0 11px;font-size:10px;box-shadow:none}
body.v6-shell .subscription-badge{height:31px;padding:0 9px;font-size:8px;letter-spacing:.08em;background:transparent}

/* page hierarchy */
body.v6-shell .page-heading{position:relative;display:flex;align-items:end;justify-content:space-between;padding:27px 2px 20px;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible}
body.v6-shell .page-heading-glow{display:none}
.v6-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#66768e;font-weight:750}
.v6-breadcrumb i{font-style:normal;color:#3f4b5e}.v6-breadcrumb b{color:#8595ad;font-weight:750}
body.v6-shell .page-heading .eyebrow{display:none}
body.v6-shell .page-heading h1{font-size:clamp(27px,2.7vw,38px);letter-spacing:-.045em;margin:0;color:#f7f9fc;font-weight:760}
body.v6-shell .page-heading p{margin:7px 0 0;max-width:760px;font-size:12px;line-height:1.6;color:#8191aa}
body.v6-shell .footer-note{border-top:1px solid rgba(148,163,184,.07);margin-top:38px;padding-top:18px;color:#526078;font-size:8px;letter-spacing:.07em;text-transform:uppercase}

/* design system */
body.v6-shell .panel,body.v6-shell .pro-card,body.v6-shell .server-card,body.v6-shell .template-card,body.v6-shell .price-card,body.v6-shell .billing-hero,body.v6-shell .stat{border:1px solid var(--v6-line);background:rgba(13,24,39,.80);border-radius:var(--v6-radius);box-shadow:none;backdrop-filter:blur(10px)}
body.v6-shell .panel,body.v6-shell .pro-card{padding:20px;margin:14px 0}
body.v6-shell .panel:hover,body.v6-shell .pro-card:hover{border-color:rgba(148,163,184,.16)}
body.v6-shell .section-head{margin-bottom:15px;gap:16px}
body.v6-shell .section-head h2,body.v6-shell .panel h2,body.v6-shell .pro-card h3{font-size:17px;letter-spacing:-.025em;font-weight:720;color:#f1f5fb}
body.v6-shell .section-head p,body.v6-shell .panel p{font-size:11px;line-height:1.55;color:#8191a9}
body.v6-shell .section-kicker{font-size:8px;letter-spacing:.17em;color:#667892}
body.v6-shell .cards{gap:10px;margin:12px 0 16px}
body.v6-shell .stat{min-height:104px;padding:15px;border-radius:14px;background:rgba(13,24,39,.72)}
body.v6-shell .stat:before{display:none}
body.v6-shell .stat-icon{width:34px;height:34px;border-radius:10px;background:rgba(124,99,255,.08);border:1px solid rgba(124,99,255,.12);color:#b9adff;font-size:10px}
body.v6-shell .stat .num{font-size:24px;letter-spacing:-.04em;font-weight:760}
body.v6-shell .stat .label{font-size:9px;letter-spacing:.04em;text-transform:none;color:#7c8da6}
body.v6-shell .micro-badge{font-size:7px;letter-spacing:.10em;color:#65758d}
body.v6-shell .btn{min-height:34px;padding:8px 11px;border-radius:9px;border-color:rgba(148,163,184,.12);background:rgba(148,163,184,.045);box-shadow:none;font-size:10px;font-weight:720;color:#d9e3f1}
body.v6-shell .btn:hover{transform:none;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18)}
body.v6-shell .btn.primary{background:linear-gradient(135deg,#735cff,#4f8cff);border-color:transparent;box-shadow:0 8px 24px rgba(79,103,255,.15);color:#fff}
body.v6-shell .btn.danger{background:rgba(251,113,133,.07);border-color:rgba(251,113,133,.15);color:#ff9bac}
body.v6-shell .btn.glass{background:rgba(148,163,184,.035)}
body.v6-shell label{font-size:8px;letter-spacing:.08em;color:#75869f}
body.v6-shell input,body.v6-shell select,body.v6-shell textarea{border-radius:10px;border-color:rgba(148,163,184,.12);background:#091421;color:#eaf0f9;padding:10px 11px;font-size:11px;box-shadow:none;text-transform:none;letter-spacing:0}
body.v6-shell input:focus,body.v6-shell select:focus,body.v6-shell textarea:focus{border-color:rgba(124,99,255,.34);box-shadow:0 0 0 3px rgba(124,99,255,.07)}
body.v6-shell .table-wrap{border-radius:13px;border-color:rgba(148,163,184,.09);background:rgba(7,14,24,.38)}
body.v6-shell th{background:rgba(7,14,24,.72);font-size:8px;letter-spacing:.12em;color:#65758d}
body.v6-shell td{font-size:10px;color:#b5c2d5}
body.v6-shell th,body.v6-shell td{padding:11px 12px;border-color:rgba(148,163,184,.065)}
body.v6-shell tbody tr:hover td{background:rgba(148,163,184,.025)}
body.v6-shell .chip{padding:4px 7px;border-radius:999px;font-size:7px;letter-spacing:.07em;background:rgba(148,163,184,.04);border-color:rgba(148,163,184,.12)}
body.v6-shell .alert{border-radius:12px;box-shadow:none;font-size:10px;padding:12px 13px}
body.v6-shell .actions{margin:0 0 10px}
body.v6-shell progress{height:5px;border-radius:99px}

/* dashboard system */
body.v6-shell .dashboard-hero,body.v6-shell .reseller-hero,body.v6-shell .saas-hero-v4{min-height:0;border-radius:20px;border:1px solid var(--v6-line);background:radial-gradient(circle at 82% 10%,rgba(124,99,255,.12),transparent 32%),rgba(13,24,39,.72);box-shadow:none;padding:24px 26px;overflow:hidden}
body.v6-shell .dashboard-hero h2,body.v6-shell .reseller-hero h2,body.v6-shell .saas-hero-v4 h2{font-size:clamp(26px,3vw,40px);line-height:1.03;letter-spacing:-.055em;font-weight:740}
body.v6-shell .dashboard-hero h2 span,body.v6-shell .reseller-hero h2 span{color:#9ba9bd;background:none;-webkit-text-fill-color:initial}
body.v6-shell .dashboard-hero p,body.v6-shell .reseller-hero p{max-width:660px;font-size:11px;line-height:1.65;color:#8292aa}
body.v6-shell .hero-pill,body.v6-shell .hero-pill-v4{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(50,210,150,.045);border:1px solid rgba(50,210,150,.10);color:#80ddb5;font-size:7px;letter-spacing:.11em}
body.v6-shell .hero-orb{opacity:.42;transform:scale(.82)}
body.v6-shell .plan-glass-card,body.v6-shell .reseller-license-card,body.v6-shell .quota-ring-card{border-radius:15px;background:rgba(7,14,24,.44);border:1px solid rgba(148,163,184,.09);box-shadow:none}
body.v6-shell .workspace-command-bar,body.v6-shell .executive-pulse,body.v6-shell .admin-command-grid{gap:10px}
body.v6-shell .workspace-command-bar>div,body.v6-shell .executive-pulse-card,body.v6-shell .admin-command-card{border-radius:14px;background:rgba(13,24,39,.70);border:1px solid var(--v6-line);box-shadow:none}
body.v6-shell .admin-command-card:hover{transform:none;border-color:rgba(124,99,255,.20);background:rgba(124,99,255,.045)}
body.v6-shell .dashboard-grid{gap:10px}
body.v6-shell .activity-item,body.v6-shell .quick-actions>a,body.v6-shell .reseller-client-row{border-radius:10px;border-color:rgba(148,163,184,.07);background:rgba(148,163,184,.02)}

/* entity pages */
.v6-entity-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:0 0 12px;padding:18px 20px;border:1px solid var(--v6-line);border-radius:18px;background:linear-gradient(135deg,rgba(16,29,47,.86),rgba(10,20,32,.78));box-shadow:none}
.v6-entity-main{display:flex;align-items:center;gap:14px;min-width:0}.v6-entity-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(124,99,255,.24),rgba(79,140,255,.12));border:1px solid rgba(124,99,255,.18);font-size:14px;font-weight:900;color:#d9d3ff;flex:0 0 auto}.v6-entity-copy{min-width:0}.v6-entity-copy small{display:block;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#687a95;font-weight:800}.v6-entity-copy h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.04em}.v6-entity-copy p{margin:0;color:#8394ad;font-size:10px}.v6-entity-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.v6-meta-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.10);background:rgba(148,163,184,.03);font-size:8px;color:#98a9c1}.v6-meta-pill i{width:5px;height:5px;border-radius:50%;background:#64748b}.v6-meta-pill.ok i{background:var(--v6-green)}.v6-meta-pill.warn i{background:var(--v6-amber)}.v6-entity-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v6-entity-tabs{display:flex;gap:3px;overflow:auto;margin:0 0 14px;padding:4px;border-bottom:1px solid rgba(148,163,184,.08)}.v6-entity-tabs a{white-space:nowrap;padding:7px 9px;border-radius:8px;color:#71829a;text-decoration:none;font-size:9px;font-weight:700}.v6-entity-tabs a:hover{background:rgba(148,163,184,.04);color:#c8d4e5}.v6-entity-tabs a.active{background:rgba(124,99,255,.08);color:#c7bdff}.v6-anchor{scroll-margin-top:82px}

/* command palette */
.v6-command-palette{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:12vh 18px 20px;background:rgba(2,7,13,.67);backdrop-filter:blur(10px)}
.v6-command-palette.open{display:flex}.v6-command-dialog{width:min(680px,100%);border:1px solid rgba(148,163,184,.14);border-radius:17px;background:#0a1522;box-shadow:0 32px 100px rgba(0,0,0,.48);overflow:hidden}.v6-command-search{height:55px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid rgba(148,163,184,.09)}.v6-command-search>span{color:#71829b}.v6-command-search input{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:550!important;text-transform:none!important;letter-spacing:0!important}.v6-command-search kbd{font-size:8px;padding:4px 6px;border-radius:6px;color:#6e7e96;background:rgba(148,163,184,.04);border:1px solid rgba(148,163,184,.09)}.v6-command-body{padding:9px;max-height:420px;overflow:auto}.v6-command-caption{padding:7px 9px 5px;font-size:7px;letter-spacing:.15em;color:#596982;text-transform:uppercase;font-weight:850}.v6-command-result{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:10px;text-decoration:none;color:#c6d1e1}.v6-command-result:hover,.v6-command-result.selected{background:rgba(124,99,255,.075);color:#fff}.v6-command-result>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(148,163,184,.045);color:#8496b1;font-size:9px}.v6-command-result b{display:block;font-size:10px}.v6-command-result small{display:block;margin-top:2px;color:#65758d;font-size:8px}.v6-command-result em{font-style:normal;font-size:8px;color:#596982}.v6-command-empty{padding:24px;text-align:center;color:#65758d;font-size:10px}.v6-command-footer{display:flex;align-items:center;gap:14px;padding:9px 14px;border-top:1px solid rgba(148,163,184,.08);color:#56667e;font-size:7px;letter-spacing:.03em}.v6-command-footer span{display:inline-flex;gap:4px;align-items:center}.v6-command-footer kbd{font-size:7px;border:1px solid rgba(148,163,184,.09);border-radius:5px;padding:2px 4px;background:rgba(148,163,184,.035)}

/* auth is part of the product now */
.auth-body .auth-shell{max-width:1120px;gap:18px}.auth-body .auth-promo,.auth-body .auth-card{border-radius:22px;border-color:rgba(148,163,184,.10);background:rgba(10,21,34,.78);box-shadow:none}.auth-body .auth-promo{padding:34px}.auth-body .auth-card{padding:28px}.auth-body .auth-promo h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.055em}.auth-body .feature-pills span{border-color:rgba(148,163,184,.09);background:rgba(148,163,184,.025)}

/* responsive */
@media(max-width:1180px){body.v6-shell .app{grid-template-columns:232px minmax(0,1fr)}body.v6-shell .content{padding-left:20px;padding-right:20px}body.v6-shell .topbar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.v6-entity-hero{grid-template-columns:1fr}.v6-entity-actions{justify-content:flex-start}}
@media(max-width:1024px){body.v6-shell .app{grid-template-columns:1fr}body.v6-shell .sidebar{width:min(280px,88vw)}body.v6-shell .content{padding:0 14px 30px}body.v6-shell .topbar{margin:0 -14px;padding:10px 14px}.v6-secure-state{display:none}.v6-command-palette{padding-top:8vh}}
@media(max-width:760px){body.v6-shell .page-heading{padding:20px 1px 15px}body.v6-shell .page-heading h1{font-size:27px}body.v6-shell .page-heading p{font-size:11px}.v6-entity-main{align-items:flex-start}.v6-entity-avatar{width:44px;height:44px}.v6-entity-copy h2{font-size:19px}.v6-command-palette{padding:8px;align-items:center}.v6-command-dialog{max-height:86vh}.v6-command-body{max-height:58vh}body.v6-shell .global-search{max-width:none;flex:1}.auth-body .auth-shell{padding:12px}.auth-body .auth-promo,.auth-body .auth-card{border-radius:17px}}
@media(min-width:1025px){.v6-entity-tabs{position:sticky;top:64px;z-index:24;background:rgba(7,16,26,.92);backdrop-filter:blur(18px);padding-top:6px;padding-bottom:6px}}
