html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,input,select,textarea{color:#333}body{min-width:320px}a{color:inherit}:root{color:#333;background:#f8f9fa;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#f8f9fa;margin:0}#root{min-height:100vh}.shell{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 64px}.hero{background:#fff;border:1px solid #f0f0f0;border-radius:16px;grid-template-columns:1.7fr 1fr;gap:24px;margin-bottom:20px;padding:28px;display:grid}.hero h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:800}.hero-copy{color:#888;margin:8px 0 0;font-size:14px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#c62828;margin:0;font-size:12px;font-weight:700}.hero-panel{background:#fff5f5;border:1px solid #ffebee;border-radius:12px;align-content:start;gap:8px;padding:16px;display:grid}.hero-panel span{color:#888;font-size:13px}.hero-panel strong{color:#c62828;font-size:1.3rem}.hero-panel p{color:#888;margin:0;font-size:13px}.status-banner{background:#fff;border:1px solid #f0f0f0;border-radius:12px;gap:4px;margin-bottom:16px;padding:12px 14px;display:grid}.status-banner strong{font-size:13px}.status-banner span{color:#666;font-size:13px}.status-banner.ok{background:#e8f5e9;border-color:#c8e6c9}.status-banner.ok strong{color:#2e7d32}.status-banner.warning{background:#fff8e1;border-color:#ffe082}.status-banner.warning strong{color:#f57f17}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.metric-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:12px;gap:8px;padding:16px;transition:border-color .2s;display:grid}.metric-card:hover{border-color:#c62828}.metric-card span{color:#888;font-size:13px}.metric-card strong{color:#1a1a1a;font-size:1.2rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.panel{background:#fff;border:1px solid #f0f0f0;border-radius:16px;margin-bottom:20px;padding:20px}.panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel h2{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.panel-copy{color:#888;margin:0;font-size:13px}.panel-body{gap:10px;display:grid}.panel-head-meta{align-items:center;gap:12px;display:flex}.list-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;gap:8px;padding:14px;display:grid}.list-item.compact{grid-template-columns:1fr auto auto;align-items:center;gap:12px}.list-item h3{color:#333;margin:0;font-size:15px;font-weight:600}.list-item p{color:#888;margin:0;font-size:13px}.list-item .note{color:#aaa;font-size:12px;font-style:italic}.badge{white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:700}.badge.accent{color:#c62828;background:#ffebee}.badge.warning{color:#f57f17;background:#fff8e1}.badge.success{color:#2e7d32;background:#e8f5e9}.badge.danger{color:#c62828;background:#ffebee}.action-group{gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.action-btn:hover{opacity:.8}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.approve{color:#2e7d32;background:#e8f5e9}.action-btn.reject{color:#c62828;background:#ffebee}.action-btn.warn{color:#f57f17;background:#fff8e1}.action-btn.neutral{color:#666;background:#f5f5f5}.audit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.audit-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;gap:6px;padding:14px;display:grid}.audit-card strong{color:#333;font-size:14px}.audit-card span{color:#888;font-size:12px}.loading{text-align:center;color:#888;padding:60px;font-size:16px}.refresh-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.refresh-btn:hover{background:#eee}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.hero,.metrics-grid,.two-column{grid-template-columns:1fr}.panel-head{flex-direction:column}}.tab-bar{scrollbar-width:none;background:#fff;border:1px solid #f0f0f0;border-radius:12px;gap:4px;margin-bottom:16px;padding:6px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.tab-btn:hover{color:#1a1a1a;background:#fafafa}.tab-btn.active{color:#c62828;background:#ffebee}.payments-panel{position:relative}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.status-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{color:#666;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.pill:hover{color:#c62828;border-color:#c62828}.pill.active{color:#fff;background:#c62828;border-color:#c62828}.user-search{align-items:center;gap:6px;display:flex}.user-search input{color:#1a1a1a;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;min-width:220px;padding:8px 12px;font-size:13px}.user-search input:focus{background:#fff;border-color:#c62828;outline:none}.search-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.search-btn:hover{background:#b71c1c}.search-reset{color:#666;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.search-reset:hover{background:#fafafa}.inline-error{color:#c62828;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.table-wrapper{border:1px solid #f0f0f0;border-radius:12px;overflow-x:auto}.payments-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.payments-table thead{background:#fafafa}.payments-table th{text-align:left;color:#666;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:12px 14px;font-size:12px;font-weight:700}.payments-table td{color:#1a1a1a;vertical-align:top;border-bottom:1px solid #f5f5f5;padding:12px 14px}.payments-table tbody tr:last-child td{border-bottom:none}.payments-table tbody tr:hover{background:#fafafa}.payments-table .align-right{text-align:right}.payments-table .nowrap{white-space:nowrap}.payments-table .empty-row{text-align:center;color:#888;padding:32px}.payments-table .muted{color:#aaa}.user-cell{flex-direction:column;gap:2px;display:flex}.user-cell .user-name{color:#1a1a1a;font-weight:600}.user-cell .user-id{color:#888;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.product-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.product-name{color:#1a1a1a;font-weight:500}.sku{color:#888;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tx-id{color:#888;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.failure-reason{color:#c62828;margin-top:4px;font-size:11px}.chip{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.chip.product.pins{color:#e65100;background:#fff3e0}.chip.product.stars{color:#283593;background:#e8eaf6}.chip.provider.apple{color:#37474f;background:#eceff1}.chip.provider.google{color:#2e7d32;background:#e8f5e9}.chip.provider.kcp{color:#1565c0;background:#e3f2fd}.chip.provider.nice{color:#6a1b9a;background:#f3e5f5}.chip.provider.mock{color:#666;background:#f5f5f5}.chip.status.warning{color:#f57f17;background:#fff8e1}.chip.status.success{color:#2e7d32;background:#e8f5e9}.chip.status.danger{color:#c62828;background:#ffebee}.chip.status.neutral{color:#546e7a;background:#eceff1}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.page-info{color:#888;text-align:center;min-width:60px;font-size:13px}.page-buttons{gap:8px;display:flex}.page-buttons .refresh-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;background:#1a1a1a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(480px,100%);padding:24px;box-shadow:0 20px 60px #0003}.modal-card h3{color:#1a1a1a;margin:0 0 12px;font-size:18px}.modal-copy{color:#666;margin:0 0 16px;font-size:14px;line-height:1.5}.modal-copy strong{color:#1a1a1a}.modal-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.modal-field span{color:#666;font-size:12px;font-weight:600}.modal-field textarea{color:#1a1a1a;resize:vertical;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.modal-field textarea:focus{background:#fff;border-color:#c62828;outline:none}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions .action-btn{padding:8px 16px;font-size:13px}.toast{z-index:1100;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000002e}.toast.success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.toast.error{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}@media (width<=700px){.filter-bar{flex-direction:column;align-items:stretch}.user-search input{flex:1;min-width:0}}.metrics-grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card.big{padding:20px}.metric-card.big strong{font-size:1.6rem}@media (width<=900px){.metrics-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.queue-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.queue-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:12px;gap:6px;padding:14px 16px;font-family:inherit;transition:border-color .2s,transform .1s;display:grid}.queue-card:hover{border-color:#c62828}.queue-card:active{transform:translateY(1px)}.queue-card span{color:#888;font-size:12px}.queue-card strong{color:#1a1a1a;font-size:1.25rem}.queue-card.accent strong{color:#c62828}.queue-card.warning strong{color:#f57f17}.queue-card.danger strong{color:#b71c1c}@media (width<=1100px){.queue-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.queue-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:18px}.chart-card header{margin-bottom:14px}.chart-card h3{color:#1a1a1a;margin:4px 0 0;font-size:15px}.bar-chart{align-items:flex-end;gap:8px;height:180px;padding:8px 4px 0;display:flex;position:relative}.bar-col{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-col .bar{border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:32px;min-height:4px;transition:background .2s;display:flex;position:relative}.bar-col .bar.signups{background:#c62828}.bar-col .bar.signups:hover{background:#b71c1c}.bar-col .bar.revenue{background:#1565c0}.bar-col .bar.revenue:hover{background:#0d47a1}.bar-value{color:#666;white-space:nowrap;font-size:10px;font-weight:600;position:absolute;top:-18px}.bar-label{color:#888;font-size:10px;font-weight:500}.chart-empty{text-align:center;color:#888;align-self:center;width:100%;font-size:13px}.filter-bar-stack{flex-direction:column;align-items:stretch;gap:10px}.filter-label{color:#666;letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.row-clickable{cursor:pointer}.row-selected{background:#fff5f5!important}.drawer-overlay{z-index:1000;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{cursor:pointer;background:#1a1a1a73;border:none;position:absolute;inset:0}.drawer-panel{background:#fff;border-left:1px solid #f0f0f0;flex-direction:column;gap:20px;width:min(560px,100%);padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:-20px 0 60px #00000029}.drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.drawer-head h3{color:#1a1a1a;margin:4px 0 6px;font-size:18px}.drawer-section{border-top:1px solid #f5f5f5;gap:10px;padding-top:16px;display:grid}.drawer-section:first-of-type{border-top:none;padding-top:0}.thread{flex-direction:column;gap:10px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.bubble{border-radius:12px;max-width:82%;padding:10px 12px;font-size:13px;line-height:1.5}.bubble .bubble-meta{opacity:.8;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.bubble .bubble-meta strong{font-weight:700}.bubble p{white-space:pre-wrap;margin:0}.bubble.user{color:#1a1a1a;background:#f5f5f5;align-self:flex-start}.bubble.admin{color:#1a1a1a;background:#ffebee;border:1px solid #ffcdd2;align-self:flex-end}.modal-select,.modal-input{color:#1a1a1a;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px}.modal-select:focus,.modal-input:focus{background:#fff;border-color:#c62828;outline:none}.radio-group{border:none;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.radio-group legend{color:#666;width:100%;margin-bottom:6px;padding:0;font-size:12px;font-weight:600}.radio-item{cursor:pointer;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.radio-item input{accent-color:#c62828}.radio-item:hover{border-color:#c62828}.action-history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.action-history li{color:#666;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;flex-wrap:wrap;gap:8px;padding:10px 12px;font-size:12px;display:flex}.action-history li strong{color:#1a1a1a;margin-right:4px;font-size:13px}.action-history li p{color:#333;flex-basis:100%;margin:6px 0 0;font-size:13px}.members-filter{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.members-search{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:260px;padding:9px 12px;font-size:13px}.members-filter select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:9px 12px;font-size:13px}.members-search-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600}.members-search-btn:hover{background:#000}.members-layout{grid-template-columns:1.4fr 1fr;align-items:flex-start;gap:16px;display:grid}@media (width<=1100px){.members-layout{grid-template-columns:1fr}}.members-table-wrap{overflow-x:auto}.members-table{border-collapse:collapse;width:100%;font-size:13px}.members-table thead th{text-align:left;color:#666;background:#fafafa;border-bottom:1px solid #eee;padding:10px 12px;font-weight:600}.members-table tbody tr{cursor:pointer;border-bottom:1px solid #f5f5f5}.members-table tbody tr:hover{background:#fafafa}.members-table tbody tr.selected{background:#fff5f5}.members-table td{vertical-align:middle;padding:10px 12px}.members-table td strong{color:#1a1a1a;font-weight:600;display:block}.members-id{color:#999;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.members-empty{text-align:center;color:#999;padding:32px 12px}.status-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pill.ok{color:#2e7d32;background:#e8f5e9}.status-pill.warning{color:#ef6c00;background:#fff8e1}.status-pill.danger{color:#c62828;background:#ffebee}.status-pill.neutral{color:#555;background:#eee}.members-more{justify-content:center;margin-top:12px;display:flex}.members-more-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 24px;font-size:13px;font-weight:500}.members-more-btn:disabled{opacity:.6;cursor:not-allowed}.members-detail{background:#fafafa;border:1px solid #eee;border-radius:8px;min-height:200px;padding:16px}.members-detail-body{gap:16px;display:grid}.members-detail-body header h3{color:#1a1a1a;margin:0 0 4px;font-size:16px}.members-kv{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;display:grid}@media (width<=640px){.members-kv{grid-template-columns:1fr}}.members-kv>div{flex-direction:column;gap:2px;display:flex}.members-kv dt{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.members-kv dd{color:#1a1a1a;word-break:break-word;margin:0;font-size:13px}.members-actions{border-top:1px solid #eee;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.members-actions button,.members-actions select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:7px 12px;font-size:12px}.members-actions button:hover{background:#f5f5f5}.members-actions button:disabled{opacity:.5;cursor:not-allowed}.members-actions button.danger{color:#fff;background:#c62828;border-color:#c62828}.members-actions button.danger:hover{background:#b71c1c}.members-actions button.danger:disabled{color:#999;background:#e0e0e0}.members-actions-log{border-top:1px solid #eee;padding-top:12px}.members-actions-log h4{color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:12px}.members-actions-log ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.members-actions-log li{color:#666;gap:8px;font-size:12px;display:flex}.members-actions-log li strong{color:#1a1a1a;flex:1;font-weight:600}