:root{--bg: #f7f9fb;--surface: #ffffff;--surface-2: #eef2f6;--border: #dfe6ee;--text: #0f1c2c;--text-dim: #54677c;--text-faint: #8296a8;--accent: #00b3ea;--accent-ink: #00405a;--accent-soft: #e3f7ff;--danger: #ef4444;--danger-soft: #fdeaea;--warn: #b5750a;--warn-soft: #fdf1de;--ok: #1a9e6a;--ok-soft: #e5f7ee}@media(prefers-color-scheme:dark){:root{--bg: #0b1c2c;--surface: #142a3b;--surface-2: #0e1f30;--border: #1a2e45;--text: #f1f5f9;--text-dim: #a9bbcc;--text-faint: #6f8398;--accent: #00c2ff;--accent-ink: #bdf0ff;--accent-soft: #0f2f3d;--danger: #f87171;--danger-soft: #3a1620;--warn: #f0b458;--warn-soft: #3a2c0f;--ok: #4fd39a;--ok-soft: #10301f}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em;margin:0}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:var(--accent)}.shell{max-width:640px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--text-dim);font-size:.92rem}.faint{color:var(--text-faint);font-size:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:10px 16px;font-weight:650;font-size:.92rem;border:1px solid transparent;background:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--accent-soft);color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--border)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.block{width:100%}.input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.95rem;margin-bottom:10px}.pill{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:100px}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.muted{background:var(--surface-2);color:var(--text-faint)}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{flex:1;text-align:center;padding:9px;border-radius:10px;background:var(--surface-2);color:var(--text-faint);font-weight:650;font-size:.88rem;border:none}.tab.active{background:var(--accent);color:#fff}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.member-row:first-child{border-top:none}.avatar{width:34px;height:34px;border-radius:100px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex:none}.error-text{color:var(--danger);font-size:.88rem;margin:6px 0}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header img{width:34px;height:34px;border-radius:8px}.header .title{font-size:1.05rem;font-weight:800}select.input{appearance:none}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.feature-list li{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:var(--text-dim)}.feature-list li:before{content:"✓";color:var(--ok);font-weight:800;flex:none}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.plan-card{position:relative;display:flex;flex-direction:column;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 18px 18px}.plan-card.featured{border-color:var(--accent);border-width:2px;box-shadow:0 10px 28px -14px var(--accent)}.plan-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.03em;white-space:nowrap}.plan-price{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:1.9rem;margin:6px 0 2px}.plan-price span{font-size:.85rem;font-weight:600;color:var(--text-faint)}.plan-seats{color:var(--text-faint);font-size:.82rem;margin:0 0 6px}.plan-tagline{color:var(--text-dim);font-size:.82rem;margin:0 0 18px;min-height:2.3em}.checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start}.plan-switcher{display:grid;gap:8px;margin-bottom:14px}.plan-switcher-option{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem}.plan-switcher-option .plan-switcher-name{display:block;font-weight:650}.plan-switcher-option .faint{display:block;margin-top:1px}.plan-switcher-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.section{margin-bottom:32px}.section:last-child{margin-bottom:0}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:10px;padding-left:2px}.danger-zone{border:1px solid var(--danger);border-radius:16px;padding:20px;background:var(--danger-soft)}.danger-zone .section-label{color:var(--danger);margin-bottom:4px}.btn.danger{background:var(--surface);border:1px solid var(--danger)}.plan-switcher-option.active .faint{color:var(--accent-ink);opacity:.75}.summary-list{display:grid;gap:12px;margin:0}.summary-list dt{font-size:.72rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.summary-list dd{margin:0;font-size:.95rem;color:var(--text);word-break:break-word}