:root{color-scheme:light;--bg:#ffffff;--panel:#f1eee6;--panel-2:#f4f1ea;--border:#e6e3db;--border-2:#d8d4c8;--text:#1a1a1a;--text-soft:#3a3a3a;--muted:#6b6b6b;--green:#16a34a;--amber:#b45309;--gold:#c5ae4f;--gold-hover:#b09638;--gold-line:#8a7420;--gold-ink:#1e1912;--gold-tint:rgba(197,174,79,0.15);--gold-border:rgba(138,116,32,0.45);--accent:var(--gold-line);--btn-secondary-bg:#ece9e1;--legal-alert-bg:#fdf4f4;--legal-alert-text:#a4343a;--overlay:rgba(0,0,0,0.40);--shadow-card:0 1px 2px rgba(120,110,80,0.06),0 8px 24px rgba(120,110,80,0.09);--shadow-modal:0 24px 80px rgba(120,110,80,0.20),0 4px 16px rgba(120,110,80,0.12)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#161616;--panel:#1e1e1e;--panel-2:#1c1c1c;--border:#2a2a2a;--border-2:#333333;--text:#e8e8e8;--text-soft:#bbbbbb;--muted:#888888;--green:#22c55e;--amber:#fbbf24;--gold:#c5ae4f;--gold-hover:#a99644;--gold-line:#d1be72;--gold-ink:#1e1912;--gold-tint:rgba(197,174,79,0.14);--gold-border:rgba(197,174,79,0.42);--accent:var(--gold-line);--btn-secondary-bg:#2a2a2a;--legal-alert-bg:#2a1d1e;--legal-alert-text:#f0a3a7;--overlay:rgba(0,0,0,0.62);--shadow-card:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.35);--shadow-modal:0 24px 80px rgba(0,0,0,0.6),0 4px 16px rgba(0,0,0,0.4)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:880px;margin:0 auto;padding:48px 24px}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}h1{font-size:26px;font-weight:700;letter-spacing:-.02em}h2{font-size:18px;font-weight:600;margin-bottom:8px}p{color:var(--muted);line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;margin:18px 0;box-shadow:var(--shadow-card)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.badge.active{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.35)}.badge.inactive{background:rgba(245,158,11,.15);color:var(--amber);border:1px solid rgba(245,158,11,.35)}.btn{display:inline-block;padding:11px 18px;background:var(--gold);color:var(--gold-ink);border:none;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s}.btn:hover{background:var(--gold-hover)}.btn.secondary{background:var(--btn-secondary-bg);color:var(--text)}.btn.secondary:hover{background:var(--btn-secondary-bg);filter:brightness(.97)}.row{gap:12px}.row,.topbar{display:flex;align-items:center;justify-content:space-between}.topbar{padding:15px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.topbar strong{letter-spacing:-.02em}.theme-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:15px;line-height:1;cursor:pointer;transition:border-color .12s}.theme-toggle:hover{border-color:var(--gold-line)}.brand{gap:9px;font-weight:700;font-size:15px;letter-spacing:-.02em}.brand,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:12px}.dash{width:75%;max-width:1200px;margin:0 auto;padding:40px 24px 72px}@media (max-width:900px){.dash{width:92%}}.status{gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-bottom:22px;box-shadow:var(--shadow-card)}.status,.status-icon{display:flex;align-items:center}.status-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;justify-content:center;font-size:20px}.status.ok .status-icon{background:rgba(34,197,94,.15);color:var(--green)}.status.off .status-icon{background:rgba(245,158,11,.15);color:var(--amber)}.status.free .status-icon{background:var(--gold-tint);color:var(--gold-line)}.status-text{flex:1 1;min-width:0}.status-text h1{font-size:18px;font-weight:700;margin-bottom:3px;letter-spacing:-.01em}.status-text p{font-size:13px}.badge.free{background:var(--gold-tint);color:var(--gold-line);border:1px solid var(--gold-border)}.plan-card{padding:0;overflow:hidden}.seg{display:flex;gap:6px;margin:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:6px}.seg-btn{flex:1 1;padding:11px 10px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;letter-spacing:-.01em}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--gold);color:var(--gold-ink)}.plan-pane{padding:6px 22px 24px}.pane-hint{font-size:13px;line-height:1.5;margin-bottom:18px}.members{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.members h3{font-size:15px;font-weight:600;margin-bottom:14px}.period-toggle{display:inline-flex;gap:4px;margin:20px auto 0;align-self:center;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:4px}.dash>.period-toggle{display:flex;width:max-content}.period-toggle button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:999px;background:transparent;color:var(--muted);font:600 13px/1 inherit;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.period-toggle button.on{background:var(--gold);color:var(--gold-ink)}.period-toggle .save{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(34,197,94,.18);color:var(--green)}.period-toggle button.on .save{background:rgba(30,25,18,.16);color:var(--gold-ink)}.tier-sub{font-size:11px;color:var(--muted);margin:-10px 0 14px}.plans-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:22px 0}.plans-grid>.tier{flex:1 1 220px;max-width:280px}@media (max-width:520px){.plans-grid>.tier{max-width:none}}.tier{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 16px;box-shadow:var(--shadow-card);transition:border-color .12s,transform .12s}.tier:hover{transform:translateY(-2px)}.tier-accent{border-color:var(--gold-border)}.tier-current{box-shadow:0 0 0 1.5px var(--gold) inset,var(--shadow-card)}.tier-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tier-head h3{font-size:16px;font-weight:700;letter-spacing:-.01em}.tier-tag{font-size:11.5px;color:var(--muted);margin:4px 0 0;min-height:15px}.tier-price{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:6px 0 14px}.tier-price span{font-size:12px;font-weight:600;color:var(--muted)}.tier-feats{list-style:none;padding:0;margin:0 0 16px;flex:1 1;display:flex;flex-direction:column;gap:8px}.tier-feats li{font-size:12.5px;line-height:1.4;color:var(--text);display:flex;gap:7px;align-items:flex-start}.tier-feats .tick{color:var(--green);font-weight:700;flex-shrink:0}.card-btn{display:inline-block;width:100%;text-align:center;padding:10px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:600 13px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none;transition:border-color .12s,background .12s}.card-btn:hover{border-color:var(--gold-line)}.card-btn.primary{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.card-btn.primary:hover{background:var(--gold-hover);border-color:var(--gold-hover)}.card-btn.ghost{background:transparent;color:var(--muted);cursor:default}.card-btn.ghost:hover{border-color:var(--border)}.tier .cl-checkoutButton,.tier [data-clerk-component]{width:100%;display:block}.org-section{margin-top:24px}.org-section h2{font-size:18px;font-weight:600;margin-bottom:4px}.org-sub{font-size:13px;color:var(--muted);margin-bottom:14px}.org-section .cl-cardBox,.org-section .cl-rootBox{width:100%;max-width:100%}.connected-overlay{position:fixed;inset:0;z-index:50;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:24px}.connected-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px 28px 26px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-modal)}.connected-modal p{font-size:14px}.connected-check{width:46px;height:46px;border-radius:50%;background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.35);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.connected-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}