:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(98,0,238,.15),transparent 25%),radial-gradient(circle at 80% 10%,rgba(33,150,243,.12),transparent 25%),#0f172a;padding:32px}.login-page{display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px}.login-card h1{margin:0 0 6px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.login-form .nav-btn{align-self:flex-start}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h1{margin:0;font-size:28px}.header p{margin:4px 0 0;color:#94a3b8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.maintenance-card{display:flex;flex-direction:column;gap:6px}.maintenance-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.maintenance-status{margin:0;font-size:14px;font-weight:600}.maintenance-pill{padding:4px 10px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;background:#94a3b833;color:#cbd5e1}.maintenance-pill.on{background:#22c55e33;color:#bbf7d0}.maintenance-pill.off{background:#ef444433;color:#fecdd3}.card h2{margin:0 0 8px;font-size:16px;color:#cbd5e1}.metric{margin:0;font-size:36px;font-weight:700;color:#e2e8f0}.hint{margin:6px 0 0;font-size:12px;color:#94a3b8}.banner.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecdd3;padding:12px 16px;border-radius:12px;margin-bottom:16px}.error-text{color:#fecdd3}.org-card{margin-top:16px}.org-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.org-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);flex-direction:column;gap:8px}.org-count{color:#94a3b8;font-size:13px}.org-row{width:100%;display:flex;justify-content:space-between;align-items:center}.org-toggle{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .2s ease}.org-toggle:hover{background:#ffffff24}.member-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:6px}.member-list li{display:flex;justify-content:space-between;padding:6px 8px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);font-size:13px}.member-email{color:#94a3b8}.member-empty{text-align:center;color:#94a3b8;font-size:13px}.org-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.trend-card{margin-top:16px}.chart{width:100%;overflow-x:auto}.chart svg{min-width:820px;display:block;margin-top:8px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-head h3{margin:0;font-size:16px;color:#cbd5e1}.metric.small{font-size:18px}.nav{display:flex;gap:8px;align-items:center;margin-bottom:20px}.nav-btn{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 14px;cursor:pointer;transition:all .15s ease}.nav-btn.active{background:#7c3aed;border-color:#9f67ff;box-shadow:0 6px 18px #7c3aed59}.list-card .table{margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr .6fr 1fr 1fr;gap:12px;padding:10px 12px;align-items:center}.table.grid-5 .table-head,.table.grid-5 .table-row{grid-template-columns:2fr .5fr 1fr .9fr 2fr}.table.grid-6 .table-head,.table.grid-6 .table-row{grid-template-columns:2fr .8fr .8fr .8fr 1fr .8fr}.table.grid-3 .table-head,.table.grid-3 .table-row{grid-template-columns:2fr .7fr 1fr}.table.grid-2 .table-head,.table.grid-2 .table-row{grid-template-columns:2fr .7fr}.table-head{background:#ffffff0d;color:#cbd5e1;font-weight:700;font-size:13px}.table-row{border-top:1px solid rgba(255,255,255,.05);font-size:14px}.title-cell{font-weight:600}.muted{color:#94a3b8}.snippet{word-break:break-word;font-size:12px}.chord-block{white-space:pre-wrap;word-break:break-word;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#e2e8f0;max-height:240px;overflow:auto;font-size:12px}.song-preview-list{display:flex;flex-direction:column;gap:14px}.song-preview{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;background:#ffffff0a}.song-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.title-row{display:flex;align-items:center;gap:10px}.pill{background:#7c3aed26;border:1px solid rgba(124,58,237,.4);color:#c4b5fd;padding:4px 10px;border-radius:999px;font-size:12px}.pill.success{background:#10b9812e;border-color:#10b98166;color:#6ee7b7}.pill.power-user{background:#f59e0b29;border-color:#f59e0b80;color:#fcd34d}.pill.super-user{background:#3b82f629;border-color:#3b82f680;color:#93c5fd}.tiny{font-size:12px}.preview-controls{margin-top:10px;display:flex;flex-direction:column;gap:8px}.power-user-log{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#a3a3a3}.power-user-log-item{background:#94a3b814;border:1px solid rgba(148,163,184,.2);padding:2px 6px;border-radius:999px}.toggle-group{display:flex;gap:8px;flex-wrap:wrap}.pill-btn{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .15s ease}.pill-btn.active{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-color:#9f67ff;box-shadow:0 8px 20px #7c3aed59}.keys-row{display:flex;gap:6px;flex-wrap:wrap}.key-chip{border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#e2e8f0;padding:6px 10px;border-radius:10px;cursor:pointer;min-width:38px;text-align:center}.key-chip.active{background:#7c3aedd9;border-color:#7c3aede6;box-shadow:0 6px 16px #7c3aed59}.filters input:not([type=checkbox]),.filters select,.form input,.form select,.form textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;color:#e2e8f0;min-width:180px}.filters .filter-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1;white-space:nowrap}.filters .filter-toggle input{width:16px;height:16px;min-width:16px;padding:0;margin:0;accent-color:#7c3aed}.list-head .filters{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px}.list-head .filters .filter-group{display:flex;flex-wrap:nowrap;align-items:center;gap:16px}.list-head .filters .filter-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.filters input:not([type=checkbox]):focus,.filters select:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #7c3aed}.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.trend-controls{display:flex;justify-content:flex-end;margin-bottom:8px}.trend-controls .filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.trend-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#cbd5e1}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}.pager button,.form button{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #00000040}.pager button:disabled{opacity:.45;cursor:not-allowed}.library-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.upload-card .form{display:flex;flex-direction:column;gap:10px}.upload-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cbd5e1}.upload-card textarea{resize:vertical}.user-setlist-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.user-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;background:#ffffff0a}.user-row{display:flex;align-items:center;gap:12px}.user-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.user-avatar{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;display:grid;place-items:center;font-weight:700;cursor:pointer;padding:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.actions-extra{display:flex;gap:12px;align-items:center;margin:16px 0;flex-wrap:wrap}.campaign-preview{border-radius:14px;border:1px dashed rgba(255,255,255,.25);padding:16px;background:#ffffff05;max-width:320px}.campaign-preview h3{margin:0 0 6px}.feature-feedback-stars.preview{justify-content:flex-start}.preview-star{font-size:20px;color:#f8fafc99;margin-right:4px}.preview-cta{margin-bottom:0}.actions-col{display:flex;flex-direction:column;gap:16px}.actions-col h3{margin:0}.action-form{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.payment-info-section{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:#ffffff05;display:flex;flex-direction:column;gap:12px}.payment-selection{display:flex;flex-direction:column;gap:10px}.payment-tier-row{display:flex;flex-direction:column;gap:4px}.payment-tier-label{font-size:12px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em}.payment-duration-pills{display:flex;gap:6px;flex-wrap:wrap}.payment-duration-pill{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;background:transparent;color:#fff;font-size:12px;cursor:pointer}.payment-duration-pill.active{border-color:var(--accent);background:#6366f133}.payment-info-preview{width:180px;height:180px;border-radius:14px;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;background:#ffffff03;overflow:hidden}.payment-info-preview img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.payment-info-placeholder{text-align:center;font-size:13px;color:#f8fafc99;display:flex;flex-direction:column;align-items:center;gap:4px}.action-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.action-input-row{display:flex;gap:10px;align-items:center}.action-input-row input{flex:1}.action-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.banner-action-controls{margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-footer{display:flex;justify-content:flex-end}.recipient-list{display:grid;gap:8px;margin-bottom:16px}.recipient-row{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;text-align:left;cursor:pointer}.recipient-row.active{border-color:#7c3aed99;background:#7c3aed29}.banner-list{display:grid;gap:12px}.banner-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d}.banner-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.banner-action-preview{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.banner-action-button{border-radius:999px;border:1px solid rgba(255,255,255,.2);padding:6px 18px;font-weight:600;font-size:14px;cursor:default}.banner-title{display:flex;align-items:center;gap:10px;font-weight:600}.avatar-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:grid;place-items:center;z-index:50}.avatar-lightbox img{width:100vw;height:100vh;object-fit:contain;object-position:center}.avatar-lightbox-close{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:999px;border:none;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;cursor:pointer}.user-main{display:flex;flex-direction:column;gap:4px;min-width:0}.user-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.verify-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffffb3}.tier-toggle select{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:8px;padding:2px 6px;font-size:12px}.tier-toggle select:focus{outline:none;border-color:#38bdf8}.user-row .org-toggle{margin-left:auto;white-space:nowrap}.setlists{margin-top:10px;display:flex;flex-direction:column;gap:10px}.setlist-item{border-radius:10px;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.setlist-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.setlist-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table.compact .table-head,.table.compact .table-row{padding:8px 10px}.table.grid-4 .table-head,.table.grid-4 .table-row{grid-template-columns:2fr .6fr .9fr .7fr}.success-text{color:#4ade80}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;align-items:start}.events-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.events-card.full{grid-column:1 / -1}.legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e2e8f0;cursor:pointer;transition:all .15s ease}.legend-item:hover{background:#ffffff14}.legend-item.active{border-color:#7c3aedb3;box-shadow:0 8px 20px #7c3aed26}.swatch{width:10px;height:10px;border-radius:999px}.row-btn{width:100%;text-align:left;background:transparent;border:none;color:inherit}.row-btn:hover{background:#ffffff08}.row-btn.active{background:#7c3aed1f}.bars{display:flex;flex-direction:column;gap:10px;margin-top:10px}.bar-row{display:flex;flex-direction:column;gap:6px}.bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}.bar-track{height:10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:999px;box-shadow:0 6px 14px #7c3aed33}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;word-break:break-word}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;background:#94a3b81f;color:#e2e8f0}.status-2xx,.status-200,.status-201,.status-202,.status-204{background:#10b9812e;color:#6ee7b7}.status-3xx,.status-301,.status-302,.status-304,.status-307,.status-308{background:#3b82f62e;color:#93c5fd}.status-4xx,.status-400,.status-401,.status-403,.status-404,.status-409,.status-422{background:#fb923c2e;color:#fdba74}.status-5xx,.status-500,.status-502,.status-503,.status-504{background:#ef44442e;color:#fca5a5}.section-divider{height:1px;background:#ffffff14;margin:18px 0}.table.events-table .table-head,.table.events-table .table-row{grid-template-columns:1fr 1fr 1fr 2fr}.table.activity-table .table-head,.table.activity-table .table-row{grid-template-columns:1fr 2fr 1fr 1fr}.activity-panel{margin-top:10px}.message-threads{display:flex;flex-direction:column;gap:12px;margin-top:12px}.message-thread{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;overflow:hidden}.message-thread-header{width:100%;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer}.message-thread-header.active{background:#7c3aed1f}.message-thread-body{border-top:1px solid rgba(255,255,255,.08);padding:12px 14px}.message-thread-scroll{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.message-thread-item{padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.message-thread-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.message-thread-image{width:100%;max-height:320px;object-fit:cover;border-radius:10px;margin-top:6px;border:1px solid rgba(255,255,255,.12)}@media (max-width: 900px){.library-grid,.events-grid{grid-template-columns:1fr}}.feature-card{display:flex;flex-direction:column;gap:16px}.feature-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.feature-bulk{display:flex;flex-wrap:wrap;gap:12px}.feature-bulk-tier{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.feature-groups{display:flex;flex-direction:column;gap:16px}.feature-group{border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:16px;background:#ffffff05;display:flex;flex-direction:column;gap:12px}.feature-group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-rating{margin-top:6px;font-size:12px}.feature-action{border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:12px 14px;background:#ffffff03;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.campaign-card{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:16px;display:flex;flex-direction:column;gap:12px}.campaign-list{display:flex;flex-direction:column;gap:12px}.campaign-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(218px,1fr));gap:12px}.campaign-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#cbd5e1}.campaign-form-grid textarea{resize:vertical;min-height:68px}.campaign-toggle-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.campaign-toggle-row label{display:flex;align-items:center;gap:6px;font-size:12px}.campaign-actions{display:flex;justify-content:flex-end;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;display:grid;place-items:center;z-index:100}.modal{width:min(420px,90vw);background:#0f172af5;border-radius:16px;border:1px solid rgba(255,255,255,.12);padding:24px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;gap:12px}.modal textarea,.modal input,.modal select{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#f8fafc;padding:10px;font-size:13px}.modal h3{margin:0}.campaign-actions button{min-width:120px}.feature-tiers{display:flex;flex-wrap:wrap;gap:10px}.tier-toggle{border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:6px 12px;background:transparent;color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:110px;text-align:left;transition:all .2s ease}.tier-toggle span{font-weight:600}.tier-toggle small{font-size:10px;color:#94a3b8}.tier-toggle.active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 10px 20px #7c3aed4d}.tier-toggle.ghost{background:#ffffff0a;border-color:#ffffff1f}.tier-toggle.small{padding:4px 10px;min-width:auto}.subscription-card{background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-top:16px}.subscription-grid{display:flex;flex-direction:column;gap:12px}.subscription-row{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:#ffffff05;display:flex;flex-direction:column;gap:12px}.subscription-row-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.subscription-user{font-size:16px}.subscription-status{display:flex;gap:8px;align-items:center}.subscription-row-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.subscription-row-meta small{font-size:11px;color:#94a3b8}.subscription-row-meta strong{font-size:14px}.subscription-row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.subscription-row-actions label{display:flex;flex-direction:column;font-size:12px;gap:4px}.subscription-row-actions input{width:100px}.subscription-builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.subscription-builder,.template-form{display:flex;flex-direction:column;gap:12px}.subscription-builder-actions{display:flex;flex-wrap:wrap;gap:10px}.subscription-status-messages{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subscription-builder textarea,.template-form textarea,.subscription-builder select,.template-form input,.subscription-builder input{width:100%}.template-form h3{margin:0}
