:root{--club-bg:#0b1526;--club-panel:#111e33;--club-border:#263650;--club-text:#edf2fa;--club-muted:#a1b1c8;--club-accent:#f5821f}
*{box-sizing:border-box}body.club-page{margin:0;background:var(--club-bg);color:var(--club-text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8} [hidden]{display:none!important}
.club-page a{color:inherit;text-decoration:none}.club-shell{max-width:1160px;margin:auto;padding:28px 22px 60px}.club-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.club-brand{display:flex;align-items:center;gap:10px;font-weight:800}.club-brand img{width:38px;height:38px;border-radius:10px}.club-eyebrow{font-size:12px;color:var(--club-accent);font-weight:700;letter-spacing:.2px}.club-intro h1{font-size:clamp(25px,4vw,38px);margin:5px 0 9px}.club-intro p{color:var(--club-muted);margin:0;max-width:620px}.club-status{min-height:28px;color:var(--club-muted);font-size:13px;margin-top:10px}.club-status[data-error="true"]{color:#ff989b}
.club-grid{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}.club-panel{background:var(--club-panel);border:1px solid var(--club-border);border-radius:18px;padding:22px;margin-bottom:18px}.club-panel h2,.club-panel h3{margin:0 0 14px;font-size:17px}.club-story{padding:0;overflow:hidden;background:#0b1526;border-radius:19px;border:1px solid var(--club-border)}.club-story canvas{width:100%;height:auto;display:block;aspect-ratio:9/16}.club-card-actions{padding-top:13px;display:flex;gap:8px;flex-wrap:wrap}.club-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:43px;border:1px solid var(--club-border);background:#192842;color:var(--club-text);padding:9px 16px;border-radius:10px;font:600 13px Vazirmatn,Tahoma,sans-serif;cursor:pointer;text-decoration:none}.club-btn:hover{border-color:var(--club-accent)}.club-btn:focus-visible{outline:3px solid #ffba7a;outline-offset:3px}.club-btn:disabled{opacity:.5;cursor:default}.club-btn.primary{background:var(--club-accent);border-color:var(--club-accent);color:#101827}.club-btn.full{width:100%}.club-note{font-size:12px;color:var(--club-muted);line-height:1.9;margin:10px 0 0}.club-period-line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.club-page select,.club-admin select,.club-admin input:not([type=checkbox]):not([type=file]),.club-admin textarea{color:var(--club-text);background:#16243a;border:1px solid var(--club-border);border-radius:9px;padding:10px 12px;font:inherit;max-width:100%}.club-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.club-kpi{background:#16243a;border:1px solid var(--club-border);border-radius:12px;padding:14px}.club-kpi span{display:block;color:var(--club-muted);font-size:11px}.club-kpi b{font-size:26px;display:block;line-height:1.6}.club-kpi small{font-size:11px;color:var(--club-muted)}.club-kpi.highlight b{color:var(--club-accent)}.club-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.club-rank{text-align:center;background:#16243a;border:1px solid var(--club-border);border-radius:12px;padding:15px 6px}.club-rank b{display:block;font-size:25px;color:var(--club-accent)}.club-rank span,.club-rank small{font-size:11px;color:var(--club-muted);display:block}.club-tabs{display:flex;gap:7px;margin:16px 0 12px;flex-wrap:wrap}.club-tabs .active{background:var(--club-accent);color:#101827}.club-table-wrap{overflow-x:auto}.club-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;white-space:nowrap}.club-table th{font-weight:500;color:var(--club-muted);padding:10px;border-bottom:1px solid var(--club-border)}.club-table td{padding:12px 10px;border-bottom:1px solid var(--club-border)}.club-table td:last-child{font-weight:700;color:var(--club-accent)}.club-empty{padding:22px;text-align:center;color:var(--club-muted);font-size:13px}.club-reward{border:1px solid #735133;background:#2c251f;border-radius:13px;padding:15px;margin-bottom:12px;font-size:13px}.club-reward b{display:block;color:#ffbc80;margin-bottom:5px}.club-help{font-size:13px;color:var(--club-muted);line-height:2}.club-help strong{color:var(--club-text)}.club-guest{max-width:480px;margin:60px auto;text-align:center}.club-guest p{color:var(--club-muted)}
.club-admin{--club-border:var(--border,#263650);--club-text:var(--text,#edf2fa);--club-muted:var(--muted,#a1b1c8);--club-accent:var(--orange,#f5821f);color:var(--club-text)}.club-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.club-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.club-field label{display:block;font-size:12px;color:var(--club-muted);margin-bottom:5px}.club-field input:not([type=checkbox]),.club-field textarea,.club-field select{width:100%}.club-field.wide{grid-column:1/-1}.club-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0}.club-field input[type=color]{height:43px;padding:4px;cursor:pointer}.club-admin .club-panel{padding:20px}.club-admin .club-story{max-width:240px}.club-admin-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}.club-admin-toolbar label{display:block;font-size:12px;color:var(--club-muted);margin-bottom:4px}.club-pill{display:inline-block;background:#243854;border-radius:999px;padding:2px 9px;font-size:11px;color:#b6d3ff}.club-pill.ok{background:#163d31;color:#71dfb0}.club-pill.pending{background:#49391c;color:#fbd087}.club-admin .club-kpis{grid-template-columns:repeat(4,1fr)}.club-admin .club-table td:last-child{color:inherit;font-weight:400}.club-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.club-muted{color:var(--club-muted);font-size:12px}.club-small-btn{min-height:33px;padding:5px 10px;font-size:11px}.club-login-card{margin-top:18px}
@media(max-width:850px){.club-grid{grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:16px}.club-kpis{grid-template-columns:1fr}.club-kpi b{font-size:23px}.club-admin-grid{grid-template-columns:1fr}.club-admin .club-story{max-width:260px;margin:auto}.club-admin .club-kpis{grid-template-columns:repeat(2,1fr)}}
.club-guest-story{max-width:220px;margin:0 auto 22px}.club-guest{margin-top:24px}
@media(max-width:620px){.club-shell{padding:20px 14px 40px}.club-grid{grid-template-columns:1fr}.club-story-column{max-width:310px;width:100%;margin:auto}.club-kpis{grid-template-columns:repeat(3,1fr)}.club-panel{padding:17px}.club-kpi{padding:10px}.club-kpi b{font-size:21px}.club-kpi span{font-size:10px}.club-fields{grid-template-columns:1fr}.club-ranks{gap:6px}.club-rank{padding:12px 4px}.club-table th,.club-table td{padding:9px 7px}.club-admin .club-fields{grid-template-columns:1fr}.club-nav{margin-bottom:22px}}