:root{
  --bg:#080c0b;--bg2:#0d1412;--panel:#101815;--panel2:#141f1b;--panel3:#182720;
  --line:rgba(235,245,238,.10);--line2:rgba(235,245,238,.16);--text:#f3f6f3;--muted:#a8b4ad;--soft:#7f8d86;
  --green:#2ecc71;--green2:#62df97;--greenDark:#183d28;--red:#ef6b6b;--amber:#d6a84f;--blue:#74a9ff;
  --shadow:0 18px 48px rgba(0,0,0,.28);--radius:20px;--radius2:28px;--sidebar:300px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(46,204,113,.10),transparent 36rem),linear-gradient(135deg,#070b0a,#0c1512 45%,#070b0a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}a{color:var(--green2);text-decoration:none}a:hover{text-decoration:underline}small{color:var(--soft)}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:rgba(11,17,15,.96);padding:18px}.brand{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);margin-bottom:14px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;font-size:1.03rem}.brand span{display:block;color:var(--muted);font-size:.82rem}.server-switcher{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);padding:13px;margin-bottom:16px}.server-switcher label,.field label{display:block;color:#dbe9df;font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;margin-bottom:7px}.nav{display:grid;gap:16px}.nav-title{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green2);font-weight:950;margin:0 0 8px 4px}.nav-link{display:block;padding:10px 11px;border-radius:14px;color:var(--muted)}.nav-link span{display:block;color:var(--text);font-weight:800}.nav-link small{display:block;margin-top:2px;font-size:.76rem}.nav-link:hover,.nav-link.active{background:rgba(46,204,113,.10);text-decoration:none}.nav-link.active{box-shadow:inset 3px 0 0 var(--green)}
.main{min-width:0;padding:28px clamp(22px,3vw,42px)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.crumb,.section-kicker{color:var(--green2);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.topbar h1{margin:4px 0 8px;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1;letter-spacing:-.055em}.scope-badges{display:flex;gap:8px;flex-wrap:wrap}.scope-badges span,.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid var(--line2);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.05);font-size:.78rem;font-weight:900;color:#e9f6ee}.badge-open,.badge.success{background:rgba(46,204,113,.13);border-color:rgba(46,204,113,.32);color:#cffff0}.badge-danger{background:rgba(239,107,107,.13);border-color:rgba(239,107,107,.32);color:#ffd2d2}.badge-warn,.badge.warn{background:rgba(214,168,79,.13);border-color:rgba(214,168,79,.32);color:#ffe3a8}.badge-info{background:rgba(116,169,255,.12);border-color:rgba(116,169,255,.3);color:#d6e6ff}.userbox{display:flex;align-items:center;gap:12px;padding:8px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}.userbox img{width:40px;height:40px;border-radius:999px}.userbox strong{display:block}.userbox span{display:block;color:var(--muted);font-size:.82rem}
.resolve-hero,.hero,.ui-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--radius2);padding:24px 26px;background:linear-gradient(135deg,rgba(18,28,24,.96),rgba(10,15,13,.96));box-shadow:var(--shadow);margin:0 0 20px}.resolve-hero.compact,.compact-hero{padding:22px 24px}.resolve-hero h2,.hero h2,.ui-hero h2{margin:4px 0 8px;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.045em;line-height:1.05}.resolve-hero p,.hero p,.ui-hero p{margin:0;color:var(--muted);max-width:840px}.hero-panel,.selected-server-pill,.ui-current-plan,.ui-hero-stat{min-width:220px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:14px}.hero-panel span,.selected-server-pill span,.ui-current-plan span,.ui-hero-stat span{display:block;color:var(--soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hero-panel strong,.selected-server-pill strong,.ui-current-plan strong,.ui-hero-stat strong{display:block;font-size:1.05rem;color:#fff}.hero-panel small,.ui-current-plan small{display:block;color:var(--muted);margin-top:4px}.card,.ui-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,28,24,.94),rgba(10,15,13,.94));box-shadow:var(--shadow);padding:24px;margin:0 0 20px}.card h2,.ui-card h2{margin:0 0 8px;font-size:1.45rem;letter-spacing:-.035em}.card p,.ui-card p,.muted{color:var(--muted)}.section-head,.split-head,.ui-section-head,.ui-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2,.split-head h2,.ui-section-head h2{margin:0 0 5px}.section-head p,.split-head p,.ui-section-head p{margin:0;color:var(--muted)}.action-row,.actions,.form-actions,.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green2));color:#06100c;font-weight:950;cursor:pointer;text-decoration:none;box-shadow:0 12px 26px rgba(46,204,113,.15)}.button:hover,button:hover{text-decoration:none;filter:brightness(1.04)}.button.secondary,.button.ghost,button.ghost{background:rgba(255,255,255,.05);border-color:var(--line2);color:var(--text);box-shadow:none}.button[disabled],button[disabled]{opacity:.55;cursor:not-allowed;filter:none}input,select,textarea{width:100%;background:#090f0d;border:1px solid var(--line2);border-radius:14px;color:var(--text);padding:11px 12px;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(46,204,113,.65);box-shadow:0 0 0 4px rgba(46,204,113,.10)}.field{margin-bottom:14px}.form-grid,.grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-grid,.stats-grid,.ui-usage-grid,.feature-grid,.ui-feature-grid,.card-grid,.ui-dashboard-grid{display:grid;gap:14px;margin-bottom:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid,.ui-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card,.mini-card,.feature-card,.ui-usage-card,.ui-stat-card{display:block;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:16px;color:var(--text)}a.stat-card:hover,.link-card:hover{text-decoration:none;border-color:rgba(46,204,113,.35);background:rgba(46,204,113,.065)}.stat-value{display:block;font-size:2rem;font-weight:950;letter-spacing:-.055em;color:#fff}.stat-value.small{font-size:1.25rem}.stat-label,.feature-card span,.mini-card span,.ui-usage-card span{display:block;color:var(--muted);font-weight:800;font-size:.85rem}.feature-card strong,.mini-card strong,.ui-usage-card strong{display:block;color:#fff;font-weight:950;margin-top:5px}.split-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:20px;align-items:start}.stat-stack{display:grid;gap:14px}.settings-stack,.ui-toggle-list{display:grid;gap:12px}.setting-row,.toggle-card,.ui-toggle-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:15px}.setting-row strong,.toggle-card strong,.ui-toggle-card strong{display:block}.setting-row small,.toggle-card small,.ui-toggle-card small{display:block;color:var(--muted);margin-top:2px}.setting-row input[type=checkbox],.toggle-card input[type=checkbox],.ui-toggle-card input[type=checkbox]{width:auto;min-width:18px;transform:scale(1.1)}.toggle-grid,.ui-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:14px 0}.department-toggle-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:#dfeae3;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.035)}td{color:var(--muted)}tr:last-child td{border-bottom:0}.empty-cell{text-align:center;color:var(--soft);padding:28px}.metric-pill{display:inline-flex;border:1px solid rgba(46,204,113,.28);background:rgba(46,204,113,.11);border-radius:999px;color:#dffff0;padding:5px 9px;font-weight:900}.alert,.notice{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);padding:14px;margin:0 0 18px}.alert.success{border-color:rgba(46,204,113,.32);background:rgba(46,204,113,.10)}.notice.warn{border-color:rgba(214,168,79,.3);background:rgba(214,168,79,.09)}
.plan-grid,.ui-plan-grid,.ui-compact-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:0 0 20px}.plan-card,.ui-plan-card,.ui-compact-plan{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(20,31,27,.96),rgba(9,14,12,.96));box-shadow:var(--shadow);padding:22px;min-width:0}.plan-card.featured,.ui-plan-card.featured{border-color:rgba(46,204,113,.45)}.plan-card.current{box-shadow:0 0 0 1px rgba(46,204,113,.22),var(--shadow)}.plan-ribbon,.ui-plan-ribbon{position:absolute;top:14px;right:14px;border:1px solid rgba(46,204,113,.35);background:rgba(46,204,113,.12);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.plan-card-head,.ui-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-right:84px}.plan-card-head h3,.ui-plan-head h3{margin:0;font-size:1.4rem;letter-spacing:-.04em}.plan-card p,.ui-plan-card p{color:var(--muted);margin:0}.plan-price,.ui-price{font-size:2.35rem;font-weight:950;letter-spacing:-.06em;color:#fff}.plan-price small,.ui-price span{font-size:.92rem;color:var(--muted);font-weight:850;letter-spacing:0}.plan-metrics,.ui-plan-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-metrics div,.ui-plan-features div{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);padding:12px}.plan-metrics strong,.ui-plan-features strong{display:block;color:#fff}.plan-metrics span,.ui-plan-features span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.check-list,.ui-check-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--muted)}.check-list li,.ui-check-list li{position:relative;padding-left:23px}.check-list li:before,.ui-check-list li:before{content:'✓';position:absolute;left:0;color:var(--green2);font-weight:950}.admin-card{border-color:rgba(214,168,79,.24)}.site-footer{margin-top:32px;padding:18px 0;border-top:1px solid var(--line);color:var(--muted)}.site-footer a{color:var(--muted)}.variable-cloud{display:flex;gap:8px;flex-wrap:wrap}.variable-cloud code{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.04);color:#dce9e1}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.topbar,.resolve-hero,.hero,.ui-hero,.section-head,.split-head,.ui-section-head{flex-direction:column;align-items:flex-start}.split-layout{grid-template-columns:1fr}.stat-grid.four,.card-grid.three,.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:22px}.userbox{border-radius:18px}.hero-panel{width:100%}.plan-card-head{padding-right:0}.plan-ribbon{position:static;width:max-content}}
@media(max-width:680px){.form-grid,.grid.two-col,.stat-grid.four,.card-grid.two,.card-grid.three,.card-grid.four,.plan-metrics,.ui-plan-features{grid-template-columns:1fr}.setting-row,.toggle-card,.ui-toggle-card{grid-template-columns:1fr}.action-row .button,.actions .button,.action-row button,.actions button{width:100%}th,td{padding:11px 10px}.sidebar{padding:14px}.main{padding:16px}.resolve-hero,.card{padding:18px}}