:root{--bg:#f8f6f0;--bg-card:#fff;--bg-surface:#f2efe6;--bg-overlay:#ece9e0;--border:#e0dbd0;--border-hover:#c8c1b0;--text:#1a1710;--text-secondary:#5a5242;--text-muted:#9a9080;--accent:#d97706;--accent-rgb:217, 119, 6;--accent-dim:#d977061a;--accent-hover:#b45309;--danger:#dc2626;--danger-dim:#dc262614;--success:#16a34a;--success-rgb:22, 163, 74;--success-dim:#16a34a1a;--warning:#d97706;--radius:8px;--radius-sm:5px;--radius-lg:12px;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--transition:.15s ease;--shadow:0 2px 12px #00000012;--shadow-lg:0 6px 32px #0000001c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition);outline:none;padding:10px 14px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition), opacity var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 4px rgba(var(--accent-rgb), .25)}.btn-primary:hover{background:var(--accent-hover);color:#fff;box-shadow:0 4px 14px rgba(var(--accent-rgb), .35);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-surface);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #dc262640}.btn-danger:hover{background:#dc262624;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.badge{font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;padding:2px 8px;display:inline-flex}.badge-pro{background:rgba(var(--success-rgb), .12);color:var(--success);border:1px solid rgba(var(--success-rgb), .3)}.badge-trial{background:rgba(var(--accent-rgb), .1);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .3)}.badge-readonly{background:var(--danger-dim);color:var(--danger);border:1px solid #dc262640}.badge-admin{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf640}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-error{color:var(--danger);font-size:12px}.muted{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:24px 0}.container{max-width:1100px;margin:0 auto;padding:0 24px}@media (width<=480px){.container{padding:0 16px}.btn-lg{padding:12px 20px;font-size:15px}}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:13px}.alert-error{background:var(--danger-dim);color:var(--danger);border:1px solid #dc262633}.alert-success{background:var(--success-dim);color:var(--success);border:1px solid rgba(var(--success-rgb), .2)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}