:root{color-scheme:dark;--bg:#101012;--sidebar:#131417;--panel:#1a1b1f;--panel2:#202126;--border:#303137;--muted:#9c9da7;--gold:#c3a846;--ink:#f6f4ee;--good:#74d9a1;--bad:#ec8282;--warn:#f0ba71;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline} :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.app{display:flex;min-height:100dvh}.sidebar{width:250px;position:sticky;top:0;height:100dvh;flex-shrink:0;background:var(--sidebar);border-right:1px solid #2a2b31;padding:27px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 11px}.brand-icon{font-style:italic;font-weight:1000;color:var(--gold);font-size:30px;width:38px;height:42px;border:2px solid var(--gold);clip-path:polygon(50% 0,100% 15%,100% 78%,50% 100%,0 78%,0 15%);display:grid;place-content:center}.brand strong{font-size:21px;letter-spacing:.22em}.brand small{display:block;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.23em;margin-top:5px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.23em;color:#6e717a;margin:68px 11px 19px}.side-nav{display:grid;gap:8px}.nav-item{border:0;background:none;color:#a8a9b2;text-align:left;padding:14px 17px;border-radius:10px;font-weight:700;font-size:14px;width:100%;display:flex;gap:16px;align-items:center}.nav-item span{font-size:20px;font-weight:500;width:20px;text-align:center}.nav-item:hover,.nav-item.selected{background:#282722;color:var(--gold)}.side-bottom{margin-top:auto}.side-secure{padding:17px 14px;border-bottom:1px solid #2b2b30;color:#8f929a;font-size:11px;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-right:7px;box-shadow:0 0 12px #51a87877}
.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;padding:0 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.breadcrumb{font-size:11px;letter-spacing:.13em;color:#7f818b;font-weight:700}.breadcrumb span{margin:0 12px;color:#565760}.breadcrumb b{color:#d1d1d3}.admin-chip{font-size:10px;letter-spacing:.15em;border:1px solid #4b4e3c;border-radius:20px;padding:9px 12px;color:var(--gold);font-weight:900}.top-logout{display:none;border:none;color:var(--muted);background:none}.main{width:100%;max-width:1560px;padding:50px 50px 60px;margin:0 auto;flex:1}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.25em;font-weight:900}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:15px 0 40px}.page-heading h1{font-weight:900;letter-spacing:-.05em;font-size:clamp(32px,3.7vw,52px);line-height:1.12;margin:0 0 14px}.page-heading h1 span{color:var(--gold)}.page-heading p{color:var(--muted);font-size:14px;margin:0}.btn{min-height:45px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:800;padding:13px 19px;display:inline-flex;gap:10px;justify-content:center;align-items:center;white-space:nowrap}.btn.primary{background:var(--gold);color:#111111}.btn.primary:hover{background:#e0c664}.btn.secondary{background:#24252a;color:var(--ink);border-color:#38393e}.btn.secondary:hover{border-color:var(--gold)}.btn.full{width:100%;justify-content:space-between}.plus{font-size:23px;font-weight:500;line-height:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:24px;min-width:0}.stat-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:#9fa1aa;display:flex;justify-content:space-between;align-items:center}.stat-label span{color:var(--gold);font-size:17px}.stat strong{font-size:clamp(24px,2.5vw,39px);font-weight:850;letter-spacing:-.04em;margin:20px 0 9px;display:block;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-bottom{color:#84858f;font-size:11px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:18px}.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:25px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.panel h2{font-size:19px;margin:0 0 7px;letter-spacing:-.02em}.panel p{font-size:12px;color:var(--muted);margin:0}.subtle-btn{border:0;background:transparent;color:var(--gold);font-size:12px;font-weight:750;white-space:nowrap}.clubs-list{display:grid;gap:9px}.club-row{border:1px solid #38393e;border-radius:11px;background:#202126;padding:15px;display:flex;gap:12px;align-items:center;min-width:0}.club-symbol{height:43px;width:43px;border-radius:10px;background:#33342b;color:var(--gold);flex-shrink:0;font-weight:900;display:grid;place-content:center;font-size:21px}.club-text{flex:1;min-width:0}.club-name{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-domain{margin-top:5px;color:#9495a0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.club-domain a{color:var(--gold)}.club-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chip{display:inline-flex;align-items:center;border-radius:30px;font-weight:800;font-size:10px;white-space:nowrap;padding:7px 10px;border:1px solid #4d514a;color:#8cdeac;background:#23392b}.chip.trial{border-color:#5e5541;color:#e8c177;background:#3b3427}.chip.paused{border-color:#52545b;color:#bcbec6;background:#36373b}.chip.unpaid{border-color:#77554a;color:#ffb2a0;background:#422a29}.chip.noset{border-color:#484951;color:#a0a1ad;background:#2a2b30}.edit-btn,.icon-btn{background:#2d2e34;color:#dcdce1;border:1px solid #47484e;display:grid;place-items:center;border-radius:8px;width:34px;height:34px;flex-shrink:0}.edit-btn:hover,.icon-btn:hover{border-color:var(--gold)}.history-list{display:grid;gap:19px}.history-row{display:flex;gap:12px;align-items:flex-start}.timeline-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:2px solid var(--gold);margin-top:4px}.history-row strong{font-size:12px;display:block;margin-bottom:5px}.history-row small{font-size:11px;color:#8c8d98}.empty{padding:22px 10px;color:#9698a2;font-size:12px;text-align:center}.notice{margin-top:21px;border:1px solid #4b4634;border-radius:12px;background:#252319;display:flex;gap:13px;padding:20px;color:#e2dac1}.notice-icon{border:1px solid var(--gold);color:var(--gold);border-radius:100%;height:22px;width:22px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:800}.notice strong{font-size:13px}.notice p{font-size:12px;line-height:1.65;margin:6px 0 0;color:#c4bca8}.footer{border-top:1px solid var(--border);margin:0 50px;padding:23px 0;color:#73757e;font-size:10px;letter-spacing:.06em;display:flex;justify-content:space-between}.search{width:220px;min-height:41px;border:1px solid #494a52;border-radius:9px;background:#101115;color:var(--ink);padding:10px 12px;font-size:12px}.billing-info{font-size:12px;line-height:1.5;padding:12px 15px;border-radius:8px;background:#252319;color:#c9b891;margin-bottom:18px}.billing-list{display:grid;gap:8px}.billing-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;border-bottom:1px solid #37383e;padding:16px 4px}.billing-row:last-child{border:0}.billing-name strong{display:block;font-size:13px}.billing-name small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.price-cell{font-weight:800;white-space:nowrap;font-size:14px}.mobile-nav{display:none}
/* modal */
.modal{padding:0;border:1px solid #4a4b52;background:#1b1b20;color:var(--ink);border-radius:16px;width:min(96vw,670px);max-height:89dvh;box-shadow:0 26px 100px #000b}.modal::backdrop{background:#030305bb;backdrop-filter:blur(5px)}.modal-heading{padding:24px 27px;border-bottom:1px solid #34353c;display:flex;justify-content:space-between;align-items:center}.modal-heading h2{font-size:24px;margin:8px 0 0;letter-spacing:-.035em}.modal-body{padding:23px 27px;overflow:auto;max-height:60dvh;display:grid;gap:16px}.field{display:grid;gap:7px;min-width:0}.field label{font-size:12px;font-weight:750;color:#c4c4ca}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid #4b4c55;border-radius:8px;padding:11px 12px;background:#111116;color:var(--ink);font-size:13px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.domain-wrap{display:flex;align-items:center;border:1px solid #4b4c55;border-radius:8px;overflow:hidden;background:#111116}.domain-wrap:focus-within{border-color:var(--gold)}.domain-wrap input{border:0;min-width:0;flex:1}.domain-wrap span{font-size:12px;color:var(--gold);padding-right:13px;white-space:nowrap}.modal-footer{border-top:1px solid #34353c;padding:19px 27px;display:flex;justify-content:flex-end;gap:11px}.toast{position:fixed;z-index:500;top:18px;right:18px;max-width:min(90vw,430px);padding:13px 17px;border:1px solid #a8a17a;border-radius:11px;background:#292719;color:#f1e8bf;box-shadow:0 8px 30px #0009;font-size:13px;display:none}.toast.show{display:block}.toast.error{background:#47282c;border-color:#9d5b65;color:#ffe5e8}
/* login */
.login-screen{min-height:100dvh;display:grid;place-items:center;position:relative;padding:22px;overflow:hidden}.login-bg{position:absolute;inset:-15%;background:radial-gradient(circle at 60% 40%,#302817 0,transparent 48%),radial-gradient(circle at 15% 80%,#221f1a 0,transparent 55%);pointer-events:none}.login-card{position:relative;width:min(100%,460px);padding:40px;background:#1a1a1fcc;border:1px solid #444034;border-radius:18px;box-shadow:0 25px 90px #0008}.brand.large{padding:0;margin-bottom:54px}.brand.large .brand-icon{width:46px;height:52px;font-size:38px}.brand.large strong{font-size:25px}.section-mark{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:16px}.login-card h1{font-size:35px;letter-spacing:-.045em;line-height:1.15;margin:0}.login-card h1 em{font-style:normal;color:var(--gold)}.login-card p{font-size:13px;color:#acabb0;line-height:1.7;margin:20px 0 31px}.login-card label{display:block;color:#d9d7d9;font-weight:750;font-size:12px;margin-bottom:9px}.login-card input{display:block;width:100%;background:#111116;border:1px solid #4b4b51;color:var(--ink);padding:14px;border-radius:8px;font-size:15px;margin-bottom:15px}.login-foot{font-size:10px;line-height:1.6;color:#88888f;border-top:1px solid #34343a;padding-top:20px;margin-top:29px}
@media(max-width:1200px){.sidebar{width:220px}.main{padding:36px 28px 55px}.topbar{padding:0 28px}.stat{padding:18px}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.panel{padding:19px}.footer{margin:0 28px}}
@media(max-width:900px){.sidebar{width:79px;padding:23px 8px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand strong,.sidebar .brand small,.nav-label,.nav-item:not(.selected) span~*,.side-secure{display:none}.sidebar .brand>span:last-child{display:none}.nav-item{justify-content:center;font-size:0;gap:0;padding:15px 5px}.nav-item span{font-size:22px}.side-bottom .nav-item{font-size:0}.content-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:64px}}
@media(max-width:620px){.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#18191deb;border-top:1px solid #38393e;z-index:20;padding:8px 10px max(8px,env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.mobile-nav button{background:transparent;border:0;color:#96979e;font-size:20px;display:grid;justify-items:center;gap:3px;width:31%;padding:8px}.mobile-nav button.active{color:var(--gold)}.mobile-nav small{font-size:10px}.topbar{height:56px;padding:0 18px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 5px}.admin-chip{display:none}.top-logout{display:block;font-size:11px}.main{padding:29px 16px 105px}.page-heading{margin:13px 0 27px;align-items:flex-start;flex-direction:column}.page-heading h1{font-size:37px}.page-heading p{font-size:12px}.create-btn{width:100%;justify-content:center}.stats{gap:9px;margin-bottom:16px}.stat{padding:16px 13px}.stat strong{font-size:30px;margin:15px 0 8px}.stat-label{font-size:9px;letter-spacing:.04em}.stat-bottom{font-size:10px}.panel{padding:15px}.panel-top{align-items:flex-start}.panel h2{font-size:17px}.panel p{font-size:11px}.club-row{padding:12px 10px;gap:9px}.club-symbol{width:36px;height:36px;font-size:17px}.club-name{font-size:12px}.club-domain{font-size:10px}.chip{font-size:9px;padding:6px 7px}.club-actions{gap:5px}.edit-btn{height:31px;width:31px}.notice{padding:16px}.footer{margin:0 16px;padding-bottom:100px;gap:8px;flex-direction:column}.search{width:130px}.billing-row{grid-template-columns:minmax(100px,1fr) auto;gap:9px}.billing-row .chip{justify-self:start}.modal{width:calc(100vw - 16px);max-height:94dvh}.modal-heading{padding:19px}.modal-body{padding:17px;max-height:67dvh}.modal-footer{padding:14px 17px}.field-row{grid-template-columns:1fr}.login-card{padding:27px 22px}.login-card h1{font-size:29px}.brand.large{margin-bottom:42px}}

.live-state{font-size:10px;color:#898b93;white-space:nowrap}.live-state.online{color:#87d9a5}.live-state.offline{color:#ed9595}
/* Master V2 */
.site-action{background:#342f21;color:#e1ca7c;border:1px solid #645532;border-radius:7px;padding:8px 10px;font-size:10px;white-space:nowrap;font-weight:850;cursor:pointer}.site-action:hover{border-color:#c3a846}.legacy-tag{font-size:10px;color:#a5a5ac}.extra-panel{margin-top:18px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.toolbar input{background:#111216;border:1px solid #4c4c53;color:white;border-radius:8px;padding:12px;min-height:45px}.toolbar .btn{display:inline-flex;align-items:center;text-decoration:none}.btn.secondary{background:#323238;color:#f2f2f4;border:1px solid #54545b}.invoice-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid #38383e}.invoice-row strong{font-size:12px}.invoice-row small,.monitor-row small{display:block;color:#94949e;font-size:10px;margin-top:6px}.invoice-row .site-action{margin-left:5px}.monitor-list{display:grid;gap:8px}.monitor-row{display:grid;grid-template-columns:minmax(145px,1.4fr) auto repeat(4,minmax(80px,auto));gap:15px;align-items:center;padding:16px 12px;border:1px solid #35363d;border-radius:10px;background:#222329;font-size:11px}.monitor-row strong{font-size:13px}.monitor-row b{font-size:13px;color:#fff}.credential-content{padding:27px;display:grid;gap:14px}.credential-content h2{margin:0}.credential-content p{color:#acabb0;font-size:13px;line-height:1.5}.credential-content code{display:block;padding:16px;background:#111;color:#f2d584;user-select:all;overflow-wrap:anywhere;font-size:15px}.credential-content .modal-footer{padding:15px 0 0}
@media(max-width:1200px){.monitor-row{grid-template-columns:1fr 1fr 1fr;gap:9px}.monitor-row>div:first-child{grid-column:span 3}}@media(max-width:700px){.invoice-row{grid-template-columns:1fr auto;gap:10px}.invoice-row>div:first-child{grid-column:span 2}.monitor-row{grid-template-columns:repeat(2,1fr)}.monitor-row>div:first-child{grid-column:span 2}.club-actions{flex-wrap:wrap;justify-content:flex-end}.site-action{font-size:9px}.stats{grid-template-columns:1fr 1fr}}

/* Master V3: STRATO provisioning indicators */
.domain-state{font-size:10px;color:#e5c988;margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.domain-state.ready{color:#84db9c}.dns-refresh{background:transparent;color:inherit;border:1px solid #595141;border-radius:6px;font-size:10px;padding:3px 7px}.domain-help{font-size:12px;line-height:1.6;background:#28261f;border:1px solid #514833;border-radius:8px;padding:12px;color:#d7c8a6}.domain-help strong{color:#f0d480}