:root {
  --bg: #07100e;
  --sidebar: #091512;
  --surface: #0d1c18;
  --surface-2: #11241e;
  --surface-3: #152b24;
  --border: rgba(205, 255, 228, .09);
  --border-strong: rgba(205, 255, 228, .16);
  --text: #f4fbf7;
  --muted: #8da69b;
  --green: #5df2a9;
  --green-2: #24d888;
  --purple: #9e8cff;
  --blue: #63b3ff;
  --orange: #ffbd69;
  --red: #ff727e;
  --shadow: 0 26px 80px rgba(0,0,0,.28);
  --radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--text); background: var(--bg); font-family: Manrope, system-ui, sans-serif; font-size: 14px; }
button,input,select,textarea { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
[hidden] { display: none !important; }
.admin-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 264px; display: flex; flex-direction: column; z-index: 40; padding: 21px 16px 16px; background: linear-gradient(180deg,#0a1714,#08120f); border-right: 1px solid var(--border); }
.sidebar-head { display:flex; align-items:center; justify-content:space-between; padding: 0 8px 22px; }
.brand { display:flex; align-items:center; gap:10px; }
.brand-mark { width:37px;height:37px;display:grid;place-items:center;color:var(--green); }
.brand-mark svg { width:100%;height:100%; }
.brand-mark img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(31,240,194,.35)); }
.brand-text { font:700 17px/1 Space Grotesk,sans-serif; letter-spacing:-.5px; }
.brand-text span { color:var(--green); }
.brand-text small { display:block; margin-top:5px; color:var(--muted); font:700 8px/1 Manrope,sans-serif; letter-spacing:1.9px; }
.sidebar-close { display:none; border:0;background:none;font-size:25px; }
.workspace-switcher { margin-bottom:22px; display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025); }
.workspace-avatar,.avatar { display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,var(--green),#39bf84);color:#062117;font-weight:800; }
.workspace-avatar { width:34px;height:34px;font-size:11px; }
.workspace-switcher div { min-width:0;flex:1; }
.workspace-switcher strong,.workspace-switcher small { display:block; }
.workspace-switcher strong { font-size:12px; }
.workspace-switcher small { color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap; }
.workspace-chevron { color:var(--muted); }
.side-nav { flex:1;overflow-y:auto;padding-right:2px; }
.nav-label { margin:18px 11px 7px;color:#668078;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase; }
.side-nav button { width:100%;height:42px;margin:2px 0;padding:0 11px;display:flex;align-items:center;gap:11px;border:0;border-radius:11px;background:transparent;color:#98aca4;cursor:pointer;text-align:left;transition:.18s; }
.side-nav button:hover { background:rgba(255,255,255,.035);color:var(--text); }
.side-nav button.active { color:var(--green);background:rgba(93,242,169,.1);box-shadow:inset 0 0 0 1px rgba(93,242,169,.08); }
.nav-icon { width:22px;text-align:center;font-size:16px; }
.nav-count,.nav-alert { margin-left:auto;min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:7px;font-size:9px; }
.nav-count { background:rgba(255,255,255,.06);color:#aebeb8; }
.nav-alert { background:rgba(255,114,126,.15);color:var(--red); }
.sidebar-foot { padding-top:14px;border-top:1px solid var(--border); }
.feed-health { display:flex;align-items:center;gap:9px;padding:9px 10px 13px; }
.feed-health > span { width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(93,242,169,.08),0 0 15px var(--green); }
.feed-health strong,.feed-health small { display:block; }
.feed-health strong { font-size:10px; }
.feed-health small { color:var(--muted);font-size:8px;margin-top:3px; }
.sidebar-foot a { display:block;padding:10px;border-radius:10px;color:var(--muted);font-size:10px; }
.sidebar-foot a:hover { color:var(--green);background:rgba(255,255,255,.03); }
.main-area { margin-left:264px;min-height:100vh; }
.topbar { position:sticky;top:0;z-index:25;height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,16,14,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--border); }
.topbar-left,.topbar-actions,.profile-btn,.command-search { display:flex;align-items:center; }
.breadcrumb { display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted); }
.breadcrumb b { color:#4b625a; }
.breadcrumb strong { color:var(--text); }
.mobile-menu { display:none;background:none;border:0;font-size:21px;margin-right:10px; }
.topbar-actions { gap:9px; }
.command-search { width:230px;height:38px;padding:0 10px;gap:8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer; }
.command-search span:nth-child(2) { flex:1;text-align:left;font-size:10px; }
kbd { padding:3px 6px;border:1px solid var(--border-strong);border-radius:5px;background:rgba(255,255,255,.04);font-size:8px;color:#8fa39b;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04); }
.top-icon { position:relative;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer; }
.top-icon b { position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:50%;background:var(--red);font-size:7px; }
.profile-btn { gap:9px;padding:4px 7px 4px 5px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer; }
.avatar { width:29px;height:29px;font-size:9px; }
.profile-copy { display:block;text-align:left; }
.profile-copy strong,.profile-copy small { display:block; }
.profile-copy strong { font-size:10px; }
.profile-copy small { margin-top:2px;color:var(--muted);font-size:7px; }
.content-wrap { max-width:1550px;margin:0 auto;padding:34px 30px 70px; }
.admin-view { display:none;animation:fade .25s ease; }
.admin-view.active { display:block; }
@keyframes fade { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }
.page-head { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px; }
.page-head h1 { margin:5px 0 7px;font:700 29px/1.2 Space Grotesk,sans-serif;letter-spacing:-1px; }
.page-head h1 span { font-family:Manrope; }
.page-head p { margin:0;color:var(--muted);font-size:11px; }
.eyebrow { color:var(--green)!important;text-transform:uppercase;letter-spacing:1.5px;font-size:8px!important;font-weight:800; }
.compact-head { margin-bottom:24px; }
.page-actions { display:flex;gap:9px; }
.btn { min-height:39px;padding:0 14px;border-radius:10px;border:1px solid transparent;font-weight:700;font-size:10px;cursor:pointer;transition:.18s; }
.btn.primary { color:#052116;background:linear-gradient(135deg,var(--green),#3dd990);box-shadow:0 8px 24px rgba(43,218,139,.14); }
.btn.primary:hover { transform:translateY(-1px);filter:brightness(1.05); }
.btn.secondary { border-color:var(--border-strong);background:rgba(255,255,255,.025);color:#c4d2cc; }
.btn.secondary:hover { border-color:rgba(93,242,169,.28);color:var(--green); }
.kpi-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px; }
.kpi-card,.panel,.feed-cards article,.stat-strip,.merchant-card { border:1px solid var(--border);background:linear-gradient(145deg,rgba(17,36,30,.92),rgba(12,27,23,.92));box-shadow:0 16px 50px rgba(0,0,0,.09); }
.kpi-card { min-height:150px;padding:17px;border-radius:16px; }
.kpi-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px; }
.kpi-icon { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-size:14px; }
.kpi-icon.green,.activity-icon.green,.feed-icon.green { color:var(--green);background:rgba(93,242,169,.11); }
.kpi-icon.purple,.activity-icon.purple { color:var(--purple);background:rgba(158,140,255,.11); }
.kpi-icon.blue,.activity-icon.blue { color:var(--blue);background:rgba(99,179,255,.11); }
.kpi-icon.orange,.activity-icon.orange,.feed-icon.orange { color:var(--orange);background:rgba(255,189,105,.11); }
.activity-icon.red,.feed-icon.red { color:var(--red);background:rgba(255,114,126,.11); }
.activity-icon.gray { color:#91a69e;background:rgba(145,166,158,.1); }
.trend { padding:4px 7px;border-radius:7px;font-size:8px;font-weight:800; }
.trend.up { color:var(--green);background:rgba(93,242,169,.09); }
.trend.warning { color:var(--orange);background:rgba(255,189,105,.09); }
.kpi-card > small { display:block;color:var(--muted);font-size:9px; }
.kpi-card > strong { display:block;margin:7px 0 5px;font:700 23px/1 Space Grotesk;letter-spacing:-.8px; }
.kpi-card > p { margin:0;color:#667c73;font-size:8px; }
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.75fr);gap:15px;margin-bottom:15px; }
.lower-grid { grid-template-columns:1.15fr .85fr; }
.panel { border-radius:var(--radius);padding:20px;min-width:0; }
.panel-head { display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px; }
.panel-head h2 { margin:0 0 5px;font:700 14px/1.3 Space Grotesk; }
.panel-head p { margin:0;color:var(--muted);font-size:8px; }
.segmented { padding:3px;display:flex;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.1); }
.segmented button { padding:5px 8px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:7px;cursor:pointer; }
.segmented button.active { color:var(--text);background:var(--surface-3); }
.chart-summary { display:flex;align-items:end;gap:18px;margin-bottom:5px; }
.chart-summary div:first-child { flex:1; }
.chart-summary small { color:var(--muted);font-size:8px; }
.chart-summary strong { display:block;margin-top:5px;font:700 18px Space Grotesk; }
.legend-dot { display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%; }
.legend-dot.revenue { background:var(--green); }
.legend-dot.clicks { background:var(--purple); }
.chart-wrap { height:225px; }
canvas { width:100%;height:100%;display:block; }
.status-pill { padding:5px 8px;border-radius:7px;font-size:7px;font-weight:800; }
.status-pill.live { color:var(--green);background:rgba(93,242,169,.09); }
.health-score { display:flex;align-items:center;gap:14px;padding:8px 0 18px;border-bottom:1px solid var(--border); }
.score-ring { width:72px;height:72px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 60%,transparent 61%),conic-gradient(var(--green) 0 98%,#23372f 98%); }
.score-ring strong { font:700 20px/1 Space Grotesk; }
.score-ring small { color:var(--muted);font-size:7px; }
.health-score h3 { margin:0 0 5px;font-size:12px; }
.health-score p { margin:0;color:var(--muted);font-size:8px; }
.health-list { margin:12px 0; }
.health-list div { display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.035);font-size:8px; }
.health-list span { color:var(--muted); }
.dot { display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%; }
.dot.ok { background:var(--green); }.dot.warn { background:var(--orange); }
.text-btn { padding:0;border:0;background:none;color:var(--green);font-size:8px;font-weight:800;cursor:pointer; }
.top-products { display:grid;gap:4px; }
.top-product { display:grid;grid-template-columns:24px 34px 1fr auto auto;align-items:center;gap:10px;padding:9px;border-radius:11px;transition:.15s; }
.top-product:hover { background:rgba(255,255,255,.025); }
.mini-cover { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:white;font:800 9px Space Grotesk;box-shadow:inset 0 0 20px rgba(255,255,255,.08); }
.top-product h3 { margin:0;font-size:9px; }.top-product p { margin:3px 0 0;color:var(--muted);font-size:7px; }
.top-product .clicks { min-width:70px; }.top-product .clicks small,.top-product .price small { display:block;color:var(--muted);font-size:6px; }.top-product .clicks b,.top-product .price b { font-size:9px; }
.rank { color:#51675f;font-size:8px; }
.activity-list { display:grid;gap:1px; }
.activity-list > div { display:flex;gap:10px;padding:9px 4px; }
.activity-icon { flex:0 0 auto;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-size:10px; }
.activity-list p { margin:0;font-size:8px;line-height:1.5; }.activity-list small { display:block;margin-top:3px;color:var(--muted);font-size:7px; }
.icon-more { border:0;background:none;color:var(--muted);cursor:pointer; }
.stat-strip { display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;border-radius:15px;overflow:hidden; }
.stat-strip div { padding:16px 19px;border-right:1px solid var(--border); }.stat-strip div:last-child{border:0}.stat-strip small,.stat-strip strong{display:block}.stat-strip small{color:var(--muted);font-size:8px}.stat-strip strong{margin-top:6px;font:700 18px Space Grotesk}
.table-panel { padding:0;overflow:hidden; }
.table-toolbar { display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--border); }
.table-search { min-width:240px;flex:1;height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:rgba(0,0,0,.09);color:var(--muted); }
.table-search input { width:100%;border:0;outline:0;background:none;color:var(--text);font-size:9px; }
.table-toolbar select,.settings-form select { height:37px;padding:0 29px 0 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:#aebfb8;font-size:8px;outline:0; }
.icon-filter { width:38px;padding:0; }
.table-scroll { overflow-x:auto; }
table { width:100%;border-collapse:collapse;min-width:850px; }
th { padding:11px 14px;text-align:left;background:rgba(0,0,0,.09);color:#71887e;font-size:7px;text-transform:uppercase;letter-spacing:.8px;font-weight:800; }
td { padding:12px 14px;border-top:1px solid rgba(255,255,255,.035);color:#bfcec8;font-size:8px;vertical-align:middle; }
tr:hover td { background:rgba(255,255,255,.012); }
.product-cell,.user-cell,.merchant-cell { display:flex;align-items:center;gap:9px; }
.product-cell h3,.user-cell h3,.merchant-cell h3 { margin:0;color:var(--text);font-size:9px; }.product-cell p,.user-cell p,.merchant-cell p { margin:3px 0 0;color:var(--muted);font-size:7px; }
.table-cover { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:800;font-size:8px; }
.platform-chip,.table-status { display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;font-size:7px;font-weight:700; }
.platform-chip { color:#a9bbb3;background:rgba(255,255,255,.045); }
.table-status.published,.table-status.active,.table-status.closed { color:var(--green);background:rgba(93,242,169,.08); }
.table-status.draft,.table-status.waiting { color:var(--orange);background:rgba(255,189,105,.08); }
.table-status.error,.table-status.open { color:var(--red);background:rgba(255,114,126,.08); }
.row-actions { display:flex;gap:3px;justify-content:flex-end; }
.row-actions button { width:29px;height:29px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer; }.row-actions button:hover{border-color:var(--border);background:rgba(255,255,255,.03);color:var(--text)}
.feed-cards { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px; }
.feed-cards article { padding:15px;border-radius:14px;display:flex;align-items:center;gap:11px; }
.feed-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(99,179,255,.1);color:var(--blue); }
.feed-cards small,.feed-cards strong { display:block; }.feed-cards small{color:var(--muted);font-size:7px}.feed-cards strong{margin-top:4px;font:700 13px Space Grotesk}
.merchant-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.merchant-card { padding:18px;border-radius:17px; }
.merchant-card-head { display:flex;align-items:center;gap:11px;margin-bottom:18px; }
.merchant-logo { width:41px;height:41px;display:grid;place-items:center;border-radius:11px;color:#fff;font-weight:800;font-size:11px; }
.merchant-card-head div { flex:1; }.merchant-card h2{margin:0;font-size:12px}.merchant-card p{margin:3px 0 0;color:var(--muted);font-size:7px}.merchant-card-head button{border:0;background:none;color:var(--muted);cursor:pointer}
.merchant-metrics { display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-block:1px solid var(--border); }.merchant-metrics div{border-right:1px solid var(--border);text-align:center}.merchant-metrics div:last-child{border:0}.merchant-metrics small,.merchant-metrics b{display:block}.merchant-metrics small{color:var(--muted);font-size:6px}.merchant-metrics b{margin-top:5px;font-size:9px}
.merchant-sync { display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:7px;color:var(--muted); }.merchant-sync span:last-child{color:var(--green)}
.protect-layout { display:grid;grid-template-columns:390px 1fr;gap:14px; }
.case-list-panel { padding:0;overflow:hidden; }
.case-tabs { display:flex;padding:10px;border-bottom:1px solid var(--border);overflow-x:auto; }.case-tabs button{padding:8px 9px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:7px;white-space:nowrap;cursor:pointer}.case-tabs button.active{background:rgba(93,242,169,.08);color:var(--green)}.case-tabs b{margin-left:4px}
.case-list { max-height:650px;overflow:auto; }.case-item{padding:15px;border-bottom:1px solid var(--border);cursor:pointer;transition:.15s}.case-item:hover,.case-item.active{background:rgba(255,255,255,.025)}.case-item.active{box-shadow:inset 3px 0 var(--green)}
.case-item-top { display:flex;justify-content:space-between;gap:8px; }.case-item strong{font-size:9px}.case-item time{color:var(--muted);font-size:7px}.case-item h3{margin:7px 0 4px;font-size:10px}.case-item p{margin:0;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-item-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.assignee{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.mini-avatar{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-size:6px;color:var(--green)}
.case-detail { min-height:600px; }.case-detail-empty{height:500px;display:grid;place-content:center;text-align:center;color:var(--muted)}.case-detail-empty span{font-size:40px;opacity:.35}.case-detail-empty h3{color:var(--text);font-size:13px}.case-detail-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.case-detail-head h2{margin:4px 0 6px;font:700 17px Space Grotesk}.case-detail-head p{margin:0;color:var(--muted);font-size:8px}.case-number{color:var(--green);font-size:8px;font-weight:800}.case-status-select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:8px}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:17px 0;border-bottom:1px solid var(--border)}.case-meta div{padding:10px;border-radius:10px;background:rgba(0,0,0,.09)}.case-meta small,.case-meta b{display:block}.case-meta small{color:var(--muted);font-size:6px}.case-meta b{margin-top:4px;font-size:8px}.conversation{padding:20px 0}.message{display:flex;gap:10px;margin-bottom:16px}.message-content{max-width:75%;padding:11px 13px;border-radius:4px 13px 13px 13px;background:var(--surface-3)}.message.admin{justify-content:flex-end}.message.admin .message-content{border-radius:13px 4px 13px 13px;background:rgba(93,242,169,.11)}.message-content strong{font-size:8px}.message-content p{margin:5px 0;line-height:1.6;color:#b9c9c2;font-size:8px}.message-content time{color:var(--muted);font-size:6px}.reply-box{margin-top:auto;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.08)}.reply-box textarea{width:100%;min-height:70px;resize:vertical;border:0;outline:0;background:none;color:var(--text);font-size:8px}.reply-actions{display:flex;justify-content:space-between;align-items:center}.reply-actions button:first-child{border:0;background:none;color:var(--muted);cursor:pointer}
.analytics-grid { display:grid;grid-template-columns:1.3fr .7fr;gap:14px; }.analytics-grid .wide{min-height:440px}.bar-chart{display:grid;gap:18px;padding-top:20px}.channel-row{display:grid;grid-template-columns:120px 1fr 65px;gap:14px;align-items:center}.channel-row > span{font-size:8px}.channel-row b{text-align:right;font-size:8px}.bar-track{height:10px;border-radius:10px;background:rgba(255,255,255,.04);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#3fd694);animation:bar .6s ease both}@keyframes bar{from{width:0!important}}
.funnel { display:grid;gap:12px;padding-top:20px; }.funnel div{width:var(--w);margin:auto;padding:13px;display:flex;justify-content:space-between;border-radius:9px;background:linear-gradient(90deg,rgba(93,242,169,.16),rgba(93,242,169,.05));font-size:8px}.funnel span{color:#b3c6bd}
.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.settings-nav{display:grid;align-content:start;gap:3px}.settings-nav button{padding:11px 13px;border:0;border-radius:9px;background:none;color:var(--muted);text-align:left;font-size:9px;cursor:pointer}.settings-nav button.active,.settings-nav button:hover{background:rgba(93,242,169,.08);color:var(--green)}.settings-panel{max-width:760px}.settings-panel>h2{margin:0 0 7px;font:700 15px Space Grotesk}.settings-panel>p{margin:0 0 22px;color:var(--muted);font-size:8px}.settings-form{display:grid;gap:15px}.settings-form label,.product-form label{display:grid;gap:7px;color:#b9c9c2;font-size:8px;font-weight:700}.settings-form input,.product-form input,.product-form select,.product-form textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;background:rgba(0,0,0,.11);color:var(--text);outline:0;font-size:9px}.settings-form input:focus,.product-form input:focus,.product-form select:focus,.product-form textarea:focus{border-color:rgba(93,242,169,.4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--border)}.toggle-row b,.toggle-row small{display:block}.toggle-row small{margin-top:4px;color:var(--muted);font-weight:400;font-size:7px}.toggle{appearance:none!important;width:38px!important;height:21px!important;padding:0!important;border-radius:20px!important;background:#263a32!important;cursor:pointer;position:relative;transition:.2s}.toggle:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:2px;border-radius:50%;background:#8fa29a;transition:.2s}.toggle:checked{background:rgba(93,242,169,.35)!important}.toggle:checked:before{left:19px;background:var(--green)}
.modal-backdrop,.command-palette { position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(2,8,6,.73);backdrop-filter:blur(10px); }
.modal { width:min(690px,100%);max-height:90vh;overflow:auto;padding:23px;border:1px solid var(--border-strong);border-radius:19px;background:#0d1d18;box-shadow:var(--shadow); }
.modal-head { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px; }.modal-head h2{margin:4px 0 0;font:700 18px Space Grotesk}.modal-close{border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.product-form{display:grid;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}
.command-palette { place-items:start center;padding-top:11vh; }.command-box{width:min(620px,100%);border:1px solid var(--border-strong);border-radius:16px;background:#0d1d18;box-shadow:var(--shadow);overflow:hidden}.command-input{height:55px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border)}.command-input input{flex:1;border:0;outline:0;background:none;color:var(--text);font-size:11px}.command-results{padding:7px;max-height:330px;overflow:auto}.command-item{width:100%;padding:11px;display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:none;color:#becfc7;text-align:left;font-size:9px;cursor:pointer}.command-item:hover{background:rgba(93,242,169,.07);color:var(--green)}.command-item span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04)}.command-item small{margin-left:auto;color:var(--muted)}
.dropdown { position:fixed;z-index:80;top:62px;right:112px;width:320px;border:1px solid var(--border-strong);border-radius:14px;background:#0d1d18;box-shadow:var(--shadow);overflow:hidden}.dropdown-head{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid var(--border)}.dropdown-head strong{font-size:10px}.dropdown-head button{border:0;background:none;color:var(--green);font-size:7px;cursor:pointer}.notification{display:flex;gap:10px;padding:13px;border-bottom:1px solid var(--border)}.notification:last-child{border:0}.notification b{font-size:8px}.notification p{margin:4px 0;color:#a9bbb4;font-size:7px}.notification small{color:var(--muted);font-size:6px}
.toast { position:fixed;z-index:150;left:50%;bottom:25px;transform:translate(-50%,20px);padding:11px 15px;border:1px solid rgba(93,242,169,.23);border-radius:10px;background:#11251f;color:#dcf9eb;box-shadow:var(--shadow);font-size:9px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.sidebar-backdrop{display:none}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.merchant-grid{grid-template-columns:repeat(2,1fr)}.protect-layout{grid-template-columns:330px 1fr}.profile-copy{display:none}}
@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-close{display:block}.sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.55)}.main-area{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 16px}.content-wrap{padding:24px 16px 60px}.command-search{width:40px}.command-search span:nth-child(2),.command-search kbd{display:none}.profile-btn>span:last-child{display:none}.protect-layout{grid-template-columns:1fr}.case-detail{min-height:auto}.analytics-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.feed-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.breadcrumb span,.breadcrumb b{display:none}.kpi-grid,.merchant-grid,.feed-cards{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip div:nth-child(2){border-right:0}.stat-strip div:nth-child(-n+2){border-bottom:1px solid var(--border)}.table-toolbar{align-items:stretch;flex-direction:column}.table-search{min-width:0}.chart-summary{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.case-meta{grid-template-columns:repeat(2,1fr)}.top-product{grid-template-columns:24px 34px 1fr auto}.top-product .clicks{display:none}.profile-btn{padding-right:4px}.topbar-actions{gap:5px}.page-head h1{font-size:25px}.dropdown{right:10px;width:calc(100% - 20px)}}

[hidden]{display:none!important}.admin-loading{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#07100d}.admin-loading-card{width:min(460px,calc(100% - 32px));padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-align:center}.admin-loading-card h1{margin:16px 0 8px}.admin-loading-card p{color:var(--muted);line-height:1.6}.admin-spinner{width:42px;height:42px;margin:auto;border:3px solid rgba(255,255,255,.1);border-top-color:var(--green);border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.merchant-card-actions{display:flex;gap:8px}.merchant-card-actions button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px 9px;cursor:pointer}.table-loading{text-align:center;padding:42px!important;color:var(--muted)}

/* Full-stack controls */
.bulk-toolbar{display:flex;gap:10px;align-items:center;padding:10px 18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.018)}
.bulk-toolbar select,.table-toolbar select{min-height:40px}.bulk-toolbar span{font-size:12px;color:var(--muted)}
.inbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inbox-grid .panel{min-width:0}.inbox-grid .case-list{max-height:620px;overflow:auto;padding:12px}
.inbox-item{display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--card-2);padding:14px;margin-bottom:10px;color:var(--text);cursor:pointer}.inbox-item:hover{border-color:var(--purple)}.inbox-item h3{margin:0 0 6px;font-size:14px}.inbox-item p{margin:0 0 8px;font-size:12px;color:var(--muted);white-space:normal}.inbox-item footer{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.settings-panel .settings-form{max-width:780px}.settings-panel .settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.settings-panel table{width:100%}.settings-panel code{font-size:12px;word-break:break-all}.secret-box{padding:14px;border:1px solid var(--purple);background:rgba(121,83,255,.1);border-radius:12px;margin:12px 0}.secret-box code{display:block;margin:8px 0}.muted{color:var(--muted)}
.role-badges{display:flex;gap:5px;flex-wrap:wrap}.role-badge{font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(121,83,255,.12);color:#aa96ff}.role-badge.support{background:rgba(48,184,255,.12);color:#70cdfb}.row-actions button.danger{color:#ff7a8b}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:12px;border-radius:12px;background:var(--card-2)}
.case-detail .case-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.case-detail .case-meta-grid div{background:var(--card-2);padding:10px;border-radius:10px}.case-detail .case-meta-grid small{display:block;color:var(--muted);margin-bottom:3px}.case-message.customer{border-left:3px solid #30b8ff}.case-message.admin{border-left:3px solid #7c5cff}.case-message.internal{opacity:.72;border-left:3px solid #f0a94b}
.empty-panel{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:980px){.inbox-grid{grid-template-columns:1fr}.form-grid,.checkbox-grid{grid-template-columns:1fr}}

/* Readability and responsive polish */
:root {
  --card-2: var(--surface-2);
  --line: var(--border);
  --panel: var(--surface);
}

body { font-size: 15px; line-height: 1.45; }
button:disabled { cursor:not-allowed; opacity:.55; }
.workspace-switcher strong { font-size:13px; }
.workspace-switcher small { font-size:10px; }
.nav-label { font-size:10px; }
.side-nav button { min-height:44px; height:auto; font-size:13px; }
.nav-count,.nav-alert { font-size:10px; }
.feed-health strong,.sidebar-foot a { font-size:12px; }
.feed-health small { font-size:10px; }
.breadcrumb { font-size:13px; }
.command-search span:nth-child(2),.profile-copy strong { font-size:12px; }
.profile-copy small,kbd { font-size:10px; }

.content-wrap { max-width:1600px; }
.page-head p:not(.eyebrow) { font-size:13px; line-height:1.6; }
.eyebrow { font-size:11px!important; letter-spacing:1.35px; }
.btn { min-height:42px; padding:10px 15px; font-size:13px; }
.trend,.status-pill { font-size:10px; }
.kpi-label { font-size:11px; }
.kpi-value { font-size:30px; }
.kpi-description,.kpi-trend { font-size:11px; }
.kpi-card > small { font-size:11px; }
.kpi-card > p { font-size:11px; line-height:1.5; }
.panel-head h2 { font-size:17px; }
.panel-head p { font-size:12px; line-height:1.5; }
.segmented button,.text-button { font-size:12px; }
.chart-summary small,.health-status small { font-size:10px; }
.chart-summary b,.health-status strong { font-size:13px; }
.chart-y span { font-size:10px; }
.score-ring small { font-size:10px; }
.health-score p,.health-list div { font-size:11px; }
.text-btn { font-size:11px; }
.top-product h3,.activity-item b,.activity-list b { font-size:13px; }
.top-product p,.activity-item p,.activity-list p { font-size:11px; }
.top-product .price,.top-product .clicks { font-size:12px; }
.top-product .clicks small,.top-product .price small,.activity-item small,.activity-list small { font-size:10px; }
.top-product .clicks b,.top-product .price b { font-size:12px; }
.rank { font-size:11px; }
.mini-cover,.table-cover { overflow:hidden; white-space:nowrap; text-transform:uppercase; letter-spacing:.3px; }
.mini-cover { font-size:11px; }

.stats-inline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.stats-inline article { padding:16px 18px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.stats-inline small,.stats-inline strong { display:block; }
.stats-inline small { color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }
.stats-inline strong { margin-top:7px; font:700 24px/1 Space Grotesk,sans-serif; }

.table-toolbar input,.table-search input,.table-toolbar select,.bulk-toolbar select { font-size:13px; }
table th { padding:13px 15px; font-size:11px; }
table td { padding:14px 15px; font-size:13px; }
.product-cell b,.merchant-cell b,.product-cell h3,.user-cell h3,.merchant-cell h3 { font-size:13px; }
.product-cell small,.merchant-cell small,.product-cell p,.user-cell p,.merchant-cell p,.platform-cell,.platform-chip,.table-status { font-size:11px; }
.table-cover { font-size:10px; }
.row-actions button { min-width:32px; min-height:32px; font-size:12px; }
.table-scroll { scrollbar-width:thin; }

.feed-card strong,.merchant-card h2 { font-size:14px; }
.feed-card p,.merchant-card p { font-size:11px; line-height:1.5; }
.feed-card small,.merchant-metrics small,.merchant-sync { font-size:10px; }
.merchant-metrics b { font-size:13px; }

.case-tabs button { min-height:38px; padding:8px 11px; font-size:11px; }
.case-list { max-height:720px; }
.case-item {
  width:100%; display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:start;
  gap:12px; border:0; border-bottom:1px solid var(--border); background:transparent;
  color:var(--text); text-align:left;
}
.case-priority { width:8px; height:8px; margin-top:6px; border-radius:50%; background:var(--blue); }
.case-priority.low { background:var(--muted); }
.case-priority.high { background:var(--orange); }
.case-priority.urgent { background:var(--red); box-shadow:0 0 12px rgba(255,114,126,.45); }
.case-item > div > div { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.case-item b { font-size:11px; color:var(--green); }
.case-item small { color:var(--muted); font-size:10px; }
.case-item h3 { margin:7px 0 4px; font-size:13px; }
.case-item p { margin:0; color:var(--muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case-item > .table-status { align-self:center; }
.case-detail { min-width:0; padding:20px; }
.case-detail .case-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.case-detail .case-meta-grid div { padding:14px; overflow:hidden; }
.case-detail .case-meta-grid small { font-size:10px; text-transform:uppercase; letter-spacing:.6px; }
.case-detail .case-meta-grid b { display:block; font-size:13px; overflow-wrap:anywhere; }
.case-detail .case-meta-grid p { margin:5px 0 0; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.case-detail select { min-height:38px; padding:7px 10px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); color:var(--text); font-size:12px; }
.case-conversation { display:grid; gap:12px; margin:18px 0; }
.case-message { padding:14px 16px; border-radius:12px; background:var(--surface-2); }
.case-message > div { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.case-message b { font-size:12px; }
.case-message small { color:var(--muted); font-size:10px; }
.case-message p { margin:8px 0 0; color:#c4d5ce; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.reply-box textarea { min-height:110px; padding:12px; font-size:13px; }
.reply-box > div { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.reply-box label { color:var(--muted); font-size:12px; }

.channel-row { grid-template-columns:minmax(105px,160px) 1fr 70px; }
.channel-row > span,.channel-row b,.funnel div { font-size:12px; }
.settings-nav button { min-height:42px; font-size:12px; }
.settings-panel>h2 { font-size:19px; }
.settings-panel>p { font-size:12px; line-height:1.6; }
.settings-form label,.product-form label { font-size:12px; }
.settings-form input,.settings-form select,.settings-form textarea,
.product-form input,.product-form select,.product-form textarea {
  min-height:44px; padding:11px 12px; font-size:14px;
}
.toggle-row small { font-size:11px; line-height:1.45; }
.checkbox-card { font-size:12px; }
.modal-head h2 { font-size:20px; }
.command-input input { font-size:14px; }
.command-item { font-size:13px; }
.dropdown-head strong { font-size:13px; }
.dropdown-head button,.notification b { font-size:11px; }
.notification p { font-size:11px; line-height:1.5; }
.notification small { font-size:10px; }
.toast { max-width:min(520px,calc(100% - 24px)); font-size:12px; text-align:center; }
.admin-loading-card h1 { font-size:24px; }
.admin-loading-card p { font-size:13px; }

@media(max-width:860px) {
  .topbar { height:64px; }
  .content-wrap { padding-top:20px; }
  .page-head { gap:16px; }
  .protect-layout { gap:16px; }
  .case-list { max-height:480px; }
  .case-detail { padding:16px; }
  .settings-panel { max-width:none; }
}

@media(max-width:600px) {
  .topbar { padding:0 12px; }
  .content-wrap { padding:18px 12px 48px; }
  .page-head h1 { font-size:28px; }
  .page-actions { display:grid; grid-template-columns:1fr; }
  .stats-inline { grid-template-columns:1fr; gap:9px; }
  .stats-inline article { display:flex; justify-content:space-between; align-items:center; padding:13px 15px; }
  .stats-inline strong { margin:0; font-size:20px; }
  .kpi-value { font-size:27px; }
  .panel { border-radius:15px; }
  table { min-width:720px; }
  .case-detail .panel-head { align-items:stretch; flex-direction:column; }
  .case-detail .case-meta-grid { grid-template-columns:1fr; }
  .case-message > div,.reply-box > div { align-items:flex-start; flex-direction:column; }
  .reply-box .btn { width:100%; }
  .channel-row { grid-template-columns:90px 1fr 52px; gap:9px; }
  .channel-row > span,.channel-row b { font-size:10px; }
  .modal-backdrop,.command-palette { padding:10px; }
  .modal { padding:18px 15px; border-radius:15px; }
  .modal-actions { display:grid; grid-template-columns:1fr; }
  .modal-actions .btn { width:100%; }
  .dropdown { top:60px; }
}