:root{color:#18201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f3f5f1;--surface:#fff;--surface-muted:#eef3ed;--text:#18201d;--muted:#65706a;--line:#dce4dc;--accent:#d83f67;--accent-dark:#9c2445;--accent-soft:#fde8ee;--green:#1f7a54;--green-soft:#e5f5ec;--amber:#9a650c;--amber-soft:#fff4d6;--blue:#2563a6;--blue-soft:#e7f0fb;--radius:8px;--shadow:0 20px 60px #18201d14;background:#f3f5f1;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block}#app{min-height:100dvh}.login-shell{background:linear-gradient(180deg, #ffffffd1, #f3f5f1f0), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow);gap:24px;padding:28px;display:grid}.login-brand{color:var(--text)}.login-brand span{color:var(--muted)}.login-copy{gap:8px;display:grid}.login-copy p:last-child{color:var(--muted);line-height:1.5}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.login-form input{min-height:44px;padding:10px 12px}.login-error{color:var(--accent-dark);font-size:13px;font-weight:700}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:#f8fbf7;background:#101713;flex-direction:column;gap:28px;height:100dvh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--accent);place-items:center;width:40px;height:40px;display:grid}.brand strong,.brand span{display:block}.brand strong{line-height:1.1}.brand span{color:#aab7af;margin-top:3px;font-size:13px}.nav-list{gap:6px;display:grid}.nav-button{border-radius:var(--radius);color:#dfe9e3;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.nav-button:hover,.nav-button.active{background:#ffffff14;border-color:#ffffff1f}.nav-button:active{transform:translateY(1px)}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:18px}.sidebar-footer p{color:#aab7af;margin:10px 0 0;font-size:13px;line-height:1.45}.health-pill{color:#dfe9e3;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 10px;font-size:13px;display:inline-flex}.health-pill span{background:#f5a524;border-radius:999px;width:8px;height:8px}.health-pill.online span{background:#3ddc84}.health-pill.offline span{background:#f05252}.workspace{min-width:0;padding:26px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent-dark);text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{color:var(--text);font-size:34px;line-height:1.08}h2{color:var(--text);font-size:18px;line-height:1.2}.topbar-actions,.row-actions{align-items:center;gap:8px;display:flex}.operator-chip,.icon-button,.text-button,.send-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}.operator-chip{white-space:nowrap;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:14px;display:inline-flex}.icon-button{place-items:center;width:38px;height:38px;transition:border-color .16s,color .16s,transform .16s;display:inline-grid}.icon-button:not(:disabled):hover,.text-button:not(:disabled):hover,.send-button:not(:disabled):hover{border-color:var(--accent);color:var(--accent-dark)}.icon-button.primary,.text-button.primary,.send-button{border-color:var(--accent);background:var(--accent);color:#fff}.icon-button:not(:disabled):active,.text-button:not(:disabled):active,.send-button:not(:disabled):active{transform:translateY(1px)}.icon-button:disabled,.text-button:disabled,.send-button:disabled{cursor:not-allowed;opacity:.72}.text-button,.send-button{justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:700;display:inline-flex}.content-stack{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.surface,.table-surface,.plan-card,.coin-card,.preview-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{gap:10px;min-height:168px;padding:18px;display:grid}.metric-card span,.coin-card span,.revenue-row span,.ops-grid span,.plan-title span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.metric-card strong{font-size:30px;line-height:1}.metric-card p,.surface p,.preview-panel p{color:var(--muted);font-size:14px;line-height:1.5}.metric-icon,.report-icon{border-radius:var(--radius);width:38px;height:38px;color:var(--accent-dark);background:var(--accent-soft);place-items:center;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.surface,.table-surface,.preview-panel{padding:18px}.surface.compact{box-shadow:none}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-header svg{color:var(--accent-dark);flex:none}.revenue-list{gap:8px;display:grid}.revenue-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:50px;display:grid}.revenue-row:first-child{border-top:0}.revenue-row em{color:var(--muted);font-style:normal}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ops-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);gap:6px;min-height:86px;padding:14px;display:grid}.ops-grid strong{font-size:24px}.toolbar{align-items:center;gap:12px;display:flex}.search-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;align-items:center;gap:10px;min-width:220px;min-height:42px;padding:0 12px;display:flex}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);background:#fff}.search-field input{border:0;outline:0}.toolbar select{width:180px;min-height:42px;padding:0 12px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 12px;font-size:14px}th{color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr:last-child td{border-bottom:0}.user-cell{align-items:center;gap:12px;min-width:260px;display:flex}.user-cell img,.queue-row img{border-radius:var(--radius);object-fit:cover;width:46px;height:46px}.user-cell strong,.user-cell span{display:block}.user-cell span,.queue-row span,.queue-row small{color:var(--muted);font-size:13px}.status-badge{min-height:26px;color:var(--muted);background:var(--surface-muted);text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.active,.status-badge.approved,.status-badge.resolved,.status-badge.ended{color:var(--green);background:var(--green-soft)}.status-badge.locked,.status-badge.pending,.status-badge.open,.status-badge.active.calls{color:var(--amber);background:var(--amber-soft)}.status-badge.banned,.status-badge.rejected{color:var(--accent-dark);background:var(--accent-soft)}.queue-list{gap:10px;display:grid}.queue-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:80px;box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.queue-row.report-row{grid-template-columns:auto minmax(0,1fr) auto}.report-icon.ai_detection{color:var(--blue);background:var(--blue-soft)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface);text-align:center;padding:28px}.plan-grid,.coin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan-card,.coin-card{padding:18px}.plan-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.plan-title strong,.coin-card strong{margin-top:6px;font-size:24px;display:block}.plan-card ul{gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.plan-card li{border-top:1px solid var(--line);color:var(--muted);padding:9px 0}.plan-meta{flex-wrap:wrap;gap:8px;display:flex}.plan-meta span{background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:700}.coin-card{gap:10px;display:grid}.coin-card svg{color:var(--accent-dark)}.notification-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{min-height:42px;padding:10px 12px}.form-grid textarea{resize:vertical}.send-button{justify-self:start}.preview-panel{gap:10px;display:grid}.preview-panel svg{color:var(--accent-dark)}.preview-panel span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.preview-panel strong{font-size:20px}@media (width<=1180px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:18px 14px}.brand div:last-child,.nav-button span,.sidebar-footer p{display:none}.nav-button{justify-content:center}.health-pill{justify-content:center;width:36px;padding:0;font-size:0}.metric-grid,.plan-grid,.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-layout{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{padding:18px}.topbar,.toolbar,.two-column,.queue-row,.form-grid{grid-template-columns:1fr}.topbar,.toolbar{display:grid}.toolbar select,.metric-grid,.plan-grid,.coin-grid,.two-column{grid-template-columns:1fr;width:100%}.table-surface{overflow-x:auto}.queue-row{justify-items:start}.row-actions{flex-wrap:wrap}}