:root{--navy-900:#0F2147;--navy-800:#152A56;--navy-700:#1E3565;--navy-600:#2C4884;--saffron-500:#E8821A;--saffron-600:#CE6F0F;--gold-400:#F4B43E;--cream-50:#F6F4EE;--cream-100:#EFEBE1;--ink-800:#20263A;--ink-600:#454C63;--slate-500:#767E96;--success-600:#2F9E64;--success-100:#E1F3E9;--danger-600:#C24C3F;--danger-100:#FBE9E6;--border:#E3DFD3;--card:#FFFFFF;--shadow: 0 1px 2px rgba(15,33,71,.04), 0 8px 24px -12px rgba(15,33,71,.12)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;background:var(--cream-50);color:var(--ink-800);font-family:Inter,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy-900) 0%,#0B1935 100%);color:#edeff6;padding:22px 16px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:16px}.brand-mark{width:34px;height:34px;border-radius:9px;background:conic-gradient(from 220deg,var(--saffron-500),var(--gold-400),var(--saffron-500));display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:16px;color:var(--navy-900);flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text .b1{font-family:Fraunces,serif;font-weight:600;font-size:15.5px;color:#fff;letter-spacing:.2px}.brand-text .b2{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--gold-400);letter-spacing:.6px;text-transform:uppercase;margin-top:2px}.nav-group{margin-bottom:18px}.nav-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#edeff661;padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:#edeff6d1;margin-bottom:1px;transition:background .15s ease,color .15s ease;position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#e8821a24;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;background:var(--saffron-500);border-radius:2px}.nav-ico{width:16px;height:16px;flex:none;display:flex;align-items:center;justify-content:center;opacity:.9}.nav-ico svg{width:16px;height:16px}.nav-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9.5px;background:#ffffff1a;color:#edeff6bf;padding:1px 6px;border-radius:20px}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--saffron-500),var(--gold-400));display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:12.5px;color:var(--navy-900);flex:none}.sidebar-footer .who{line-height:1.25}.sidebar-footer .who .n{font-size:12.5px;font-weight:600;color:#fff}.sidebar-footer .who .r{font-family:JetBrains Mono,monospace;font-size:10px;color:#edeff680}.main{min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:16px 28px;background:var(--cream-50);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.crumb{font-size:12px;color:var(--slate-500)}.crumb b{color:var(--ink-800);font-weight:600}.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:8px 12px;width:280px;color:var(--slate-500)}.search input{border:none;outline:none;background:transparent;font-size:12.5px;width:100%;color:var(--ink-800);font-family:inherit}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink-600);position:relative;flex:none}.icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--saffron-500);border:1.5px solid #fff}.env-pill{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px;background:var(--navy-900);color:var(--gold-400);padding:5px 9px;border-radius:6px;text-transform:uppercase}.content{padding:26px 28px 60px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:20px;flex-wrap:wrap}.page-head h1{font-family:Fraunces,serif;font-weight:600;font-size:27px;margin:0 0 6px;color:var(--navy-900)}.page-head p{margin:0;color:var(--slate-500);font-size:13px;max-width:560px}.head-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:8px;font-size:12.5px;font-weight:600;border:1px solid transparent}.btn-primary{background:var(--saffron-500);color:#fff}.btn-primary:hover{background:var(--saffron-600)}.btn-ghost{background:#fff;border-color:var(--border);color:var(--ink-800)}.btn-ghost:hover{border-color:var(--navy-600)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(232,130,26,.1),transparent 70%)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--slate-500)}.stat-trend{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px}.trend-up{background:var(--success-100);color:var(--success-600)}.trend-warn{background:var(--danger-100);color:var(--danger-600)}.stat-value{font-family:Fraunces,serif;font-weight:600;font-size:32px;color:var(--navy-900)}.stat-sub{font-size:11.5px;color:var(--slate-500);margin-top:2px}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px;align-items:stretch}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:20px 20px 18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-family:Fraunces,serif;font-weight:600;font-size:16.5px;margin:0;color:var(--navy-900)}.panel-head .sub{font-size:11.5px;color:var(--slate-500);margin-top:3px}.link-more{font-size:11.5px;font-weight:600;color:var(--saffron-600)}.gauge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gauge{display:flex;flex-direction:column;align-items:center;gap:10px}.gauge-ring{--pct:0;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--gold-400) calc(var(--pct)*1%),var(--cream-100) 0);display:flex;align-items:center;justify-content:center;position:relative;transition:background 1.1s cubic-bezier(.2,.7,.2,1)}.gauge-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--border)}.gauge-ring span{position:relative;font-family:JetBrains Mono,monospace;font-weight:600;font-size:14px;color:var(--navy-900)}.gauge-name{font-size:11.5px;font-weight:600;color:var(--ink-800)}.gauge-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--slate-500)}.gauge.crit .gauge-ring{background:conic-gradient(var(--danger-600) calc(var(--pct)*1%),var(--cream-100) 0)}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:10px;background:var(--cream-50);border:1px solid var(--border)}.sev{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none}.sev-crit{background:var(--danger-600)}.sev-warn{background:var(--gold-400)}.sev-info{background:var(--navy-600)}.alert-body{flex:1;min-width:0}.alert-title{font-size:12.5px;font-weight:600;color:var(--ink-800)}.alert-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--slate-500);margin-top:3px}.panel-wide{margin-bottom:16px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--slate-500);font-weight:600;padding:0 10px 10px;border-bottom:1px solid var(--border)}tbody td{padding:12px 10px;border-bottom:1px solid var(--cream-100);font-size:12.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--cream-50)}.club{display:flex;align-items:center;gap:10px}.club-mark{width:30px;height:30px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:12px;color:#fff}.club-name{font-weight:600;color:var(--ink-800);font-size:12.5px}.club-dist{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--slate-500)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px}.pill-active{background:var(--success-100);color:var(--success-600)}.pill-trial{background:#fdf0da;color:var(--saffron-600)}.pill-suspended{background:var(--danger-100);color:var(--danger-600)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.bar-wrap{width:86px;height:6px;border-radius:6px;background:var(--cream-100);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--saffron-500),var(--gold-400));border-radius:6px}.mono-cell{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-600)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{font-size:11.5px;font-weight:600;color:var(--ink-600);background:#fff;border:1px solid var(--border);border-radius:20px;padding:6px 12px}.chip-active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.chip-ok{background:var(--success-100);color:var(--success-600);border-color:transparent}.chip-warn{background:#fdf0da;color:var(--saffron-600);border-color:transparent}.plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 14px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}.plan-card.accent{border-color:var(--saffron-500);box-shadow:0 0 0 1px var(--saffron-500),var(--shadow)}.plan-badge{position:absolute;top:-9px;left:14px;background:var(--saffron-500);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:20px;text-transform:uppercase}.plan-name{font-family:Fraunces,serif;font-weight:600;font-size:15px;color:var(--navy-900);margin-bottom:6px}.plan-price{font-family:JetBrains Mono,monospace;font-weight:600;font-size:15px;color:var(--ink-800);margin-bottom:4px}.plan-price span{font-size:10.5px;color:var(--slate-500);font-weight:500}.plan-count{font-size:10.5px;color:var(--slate-500);margin-bottom:10px}.plan-feat{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--cream-100);display:flex;flex-direction:column;gap:6px}.plan-feat li{font-size:11px;color:var(--ink-600);padding-left:14px;position:relative}.plan-feat li:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:var(--gold-400)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.service-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.service-name{font-weight:600;font-size:13px;color:var(--ink-800)}.service-meta{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--slate-500);margin-bottom:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-600);flex:none}.status-dot.warn{background:var(--gold-400)}.status-dot.crit{background:var(--danger-600)}.btn-sm{padding:6px 11px;font-size:11.5px}.service-list{display:flex;flex-direction:column;gap:10px}.service-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;background:var(--cream-50);border:1px solid var(--border)}.service-row>div:nth-child(2){flex:1;min-width:0}.service-row .pill{margin-left:auto;flex:none}.stepper{display:flex;align-items:center;gap:0;margin-top:6px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--slate-500);padding:8px 16px 8px 0;position:relative}.step:not(:last-child):after{content:"";position:absolute;right:-2px;top:50%;width:40px;height:2px;background:var(--cream-100);transform:translateY(-50%)}.step-dot{width:22px;height:22px;border-radius:50%;background:var(--cream-100);color:var(--slate-500);display:flex;align-items:center;justify-content:center;font-size:10.5px;flex:none}.step.done{color:var(--ink-800)}.step.done .step-dot{background:var(--success-600);color:#fff}.step.active{color:var(--saffron-600)}.step.active .step-dot{background:var(--saffron-500);color:#fff}.row-actions{text-align:right}.icon-btn-sm{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:#fff;color:var(--ink-600);font-size:12px}.icon-btn-sm:hover{border-color:var(--navy-600)}.pill-archived{background:var(--cream-100);color:var(--slate-500)}::selection{background:#e8821a40}.toggle{position:relative;width:40px;height:22px;border-radius:20px;flex:none;background:var(--cream-100);border:1px solid var(--border);cursor:pointer;transition:background .15s ease,border-color .15s ease}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f214733;transition:left .15s ease}.toggle.on{background:var(--saffron-500);border-color:var(--saffron-500)}.toggle.on:after{left:20px}.segmented{display:inline-flex;background:var(--cream-100);border-radius:8px;padding:2px;gap:2px;margin-top:2px}.segmented button{border:none;background:transparent;padding:5px 11px;border-radius:6px;font-size:11px;font-weight:600;color:var(--slate-500);font-family:inherit}.segmented button.active{background:#fff;color:var(--navy-900);box-shadow:var(--shadow)}.config-list{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--slate-500)}.field .val{font-size:13px;font-weight:600;color:var(--ink-800);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--cream-50);border:1px solid var(--border);border-radius:9px}.btn-danger-ghost{background:#fff;border-color:var(--danger-600);color:var(--danger-600)}.btn-danger-ghost:hover{background:var(--danger-100)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f214773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);width:100%;max-width:440px;padding:22px 24px 24px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-family:Fraunces,serif;font-weight:600;font-size:17px;margin:0;color:var(--navy-900)}.form-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-field label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--slate-500)}.form-field input,.form-field select{padding:9px 11px;border-radius:8px;border:1px solid var(--border);font-size:13px;font-family:inherit;background:#fff;color:var(--ink-800)}.form-field input:focus,.form-field select:focus{outline:2px solid var(--saffron-500);outline-offset:1px;border-color:var(--saffron-500)}.form-field .hint{font-size:11px;color:var(--slate-500)}@media (max-width:1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.gauge-row{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.app{grid-template-columns:1fr}.sidebar{display:none}.plan-grid{grid-template-columns:repeat(2,1fr)}.stepper{flex-wrap:wrap}}a:focus-visible,button:focus-visible,.nav-item:focus-visible{outline:2px solid var(--saffron-500);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){.gauge-ring{transition:none}.content{animation:none}}