:root{--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--c-ebay: #2a78d6;--c-alibaba: #1baf7a;--c-amazon: #eda100;--c-etsy: #008300;--good: #0ca30c;--good-text: #006300;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--radius: 10px;--sidebar-w: 224px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);font-size:14px;line-height:1.45}button{font:inherit;cursor:pointer}input,select{font:inherit}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:20px 24px 40px;max-width:1280px;width:100%;margin:0 auto}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 16px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--muted);margin-top:-2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--ink-2);width:100%;text-align:left;font-weight:500}.nav-item:hover{background:#0b0b0b0d;color:var(--ink)}.nav-item.active{background:var(--ink);color:#fff}.nav-item svg{flex-shrink:0}.sidebar-foot{margin-top:auto;padding:10px;font-size:11px;color:var(--muted)}.foot-user{display:flex;align-items:center;justify-content:space-between;gap:8px}.foot-name{font-size:12px;font-weight:600;color:var(--ink)}.foot-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.drawer-close{display:none;margin-left:auto;border:none;background:transparent;color:var(--ink-2);font-size:16px;padding:6px;border-radius:6px}.drawer-close:hover{background:#0b0b0b0f}.backdrop{display:none}.topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.menu-btn{display:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px;line-height:0;flex-shrink:0}.page-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-right:auto}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;background:var(--page);border:1px solid var(--border);border-radius:8px;padding:2px}.seg button{border:none;background:transparent;padding:5px 12px;border-radius:6px;color:var(--ink-2);font-weight:500;font-size:13px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014;font-weight:600}.mkt-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-weight:500;font-size:13px}.mkt-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--dot, var(--muted))}.mkt-chip.on{border-color:var(--ink);color:var(--ink);font-weight:600}.mkt-chip.off{opacity:.55}.mkt-chip.off .dot{background:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card-title{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:2px}.card-sub{font-size:12px;color:var(--muted);margin-bottom:10px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:16px}.grid-2eq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}@media(max-width:980px){.grid-2,.grid-2eq{grid-template-columns:1fr}}.kpi-label{font-size:12px;font-weight:600;color:var(--ink-2)}.kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:4px 0 2px}.kpi-delta{font-size:12px;font-weight:600}.kpi-delta.up{color:var(--good-text)}.kpi-delta.down{color:var(--critical)}.kpi-delta .vs{color:var(--muted);font-weight:400}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--grid)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--grid);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#0b0b0b06}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .strong{font-weight:600}.tbl-wrap{overflow-x:auto}.mkt-tag{display:inline-flex;align-items:center;gap:6px;font-weight:500}.mkt-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--dot, var(--muted));flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.badge.delivered,.badge.active,.badge.live{color:var(--good-text);background:#0ca30c1a}.badge.shipped{color:#1c5cab;background:#2a78d61a}.badge.paid{color:#52514e;background:#0b0b0b0f}.badge.cancelled,.badge.ended,.badge.error{color:var(--critical);background:#d03b3b1a}.badge.refunded,.badge.out_of_stock{color:#a05a12;background:#fab21929}.badge.demo{color:#4a3aa7;background:#4a3aa71a}.badge.pending,.badge.requested{color:#a05a12;background:#fab21929}.badge.countered{color:#1c5cab;background:#2a78d61a}.badge.expired,.badge.declined,.badge.paused{color:#52514e;background:#0b0b0b0f}.badge.accepted,.badge.approved,.badge.refunded-ok,.badge.resolved{color:var(--good-text);background:#0ca30c1a}.badge.escalated,.badge.high{color:var(--critical);background:#d03b3b1a}.badge.medium{color:#a05a12;background:#ec835a29}.badge.low{color:#52514e;background:#0b0b0b0f}.badge.open{color:var(--critical);background:#d03b3b1a}.badge.top_rated{color:#fff;background:var(--good-text)}.badge.above_standard{color:var(--good-text);background:#0ca30c1a}.badge.below_standard{color:var(--critical);background:#d03b3b1a}.meter{height:8px;background:var(--page);border-radius:4px;overflow:hidden}.meter>span{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--good)}.meter>span.warn{background:var(--warning)}.meter>span.bad{background:var(--critical)}.meter-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.meter-row .k{color:var(--ink-2);font-weight:500}.meter-row .v{font-variant-numeric:tabular-nums;font-weight:600}.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px}.btn:hover{background:#0b0b0b0a}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#2a2a28}.btn.sm{padding:4px 10px;font-size:12px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:4px}.field input,.field select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--c-ebay);outline-offset:-1px;border-color:transparent}.field .hint{font-size:11px;color:var(--muted);margin-top:3px}.search-input{padding:7px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);min-width:220px}.switch{position:relative;width:38px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--baseline);transition:.15s}.switch .track:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--good)}.switch input:checked+.track:before{transform:translate(16px)}.chart-wrap{position:relative}.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;z-index:30;box-shadow:0 4px 14px #00000038;min-width:130px;transform:translate(-50%,-100%);white-space:nowrap}.chart-tip .tip-title{font-weight:700;margin-bottom:4px}.chart-tip .tip-row{display:flex;align-items:center;gap:6px;justify-content:space-between}.chart-tip .tip-row .lhs{display:flex;align-items:center;gap:6px}.chart-tip .dot{width:8px;height:8px;border-radius:50%}.chart-tip .val{font-weight:600;font-variant-numeric:tabular-nums}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.legend .item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.legend .swatch{width:10px;height:10px;border-radius:3px}.conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.conn-card{display:flex;flex-direction:column;gap:10px}.conn-head{display:flex;align-items:center;gap:12px}.conn-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;background:var(--dot, var(--muted))}.conn-name{font-weight:700;font-size:15px}.conn-api{font-size:11px;color:var(--muted)}.conn-stats{display:flex;gap:18px;padding:8px 0;border-top:1px solid var(--grid)}.conn-stat .v{font-weight:700;font-size:16px}.conn-stat .k{font-size:11px;color:var(--muted)}.conn-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.empty{padding:40px;text-align:center;color:var(--muted)}.section-title{font-size:15px;font-weight:700;margin:22px 0 10px}.note{background:#2a78d612;border:1px solid rgba(42,120,214,.25);border-radius:var(--radius);padding:12px 14px;font-size:12.5px;color:var(--ink-2);margin-bottom:16px}.note b{color:var(--ink)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;background:radial-gradient(640px 320px at 12% 8%,rgba(79,70,229,.14),transparent),radial-gradient(540px 300px at 88% 92%,rgba(236,72,153,.12),transparent),radial-gradient(420px 260px at 85% 12%,rgba(249,115,22,.08),transparent),var(--page)}.login-pattern{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;pointer-events:none;background-image:radial-gradient(rgba(79,70,229,.16) 1.5px,transparent 1.5px);background-size:26px 26px;animation:pattern-pan 50s linear infinite}.login-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(46px);opacity:.55;will-change:transform}.login-blob.b1{width:420px;height:420px;top:-120px;left:-100px;background:radial-gradient(closest-side,rgba(79,70,229,.45),transparent 70%);animation:blob-drift 16s ease-in-out infinite alternate}.login-blob.b2{width:460px;height:460px;bottom:-140px;right:-120px;background:radial-gradient(closest-side,rgba(236,72,153,.4),transparent 70%);animation:blob-drift 20s ease-in-out infinite alternate-reverse}.login-blob.b3{width:320px;height:320px;top:10%;right:6%;background:radial-gradient(closest-side,rgba(249,115,22,.32),transparent 70%);animation:blob-drift 24s ease-in-out infinite alternate}@keyframes pattern-pan{0%{background-position:0 0}to{background-position:520px 260px}}@keyframes blob-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(70px,-50px) scale(1.15)}to{transform:translate(-50px,60px) scale(.92)}}@media(prefers-reduced-motion:reduce){.login-pattern,.login-blob{animation:none}}.login-card{width:100%;max-width:820px;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:540px}.login-hero{position:relative;background:#4a3aa7}.login-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.login-form-pane{padding:30px 28px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(420px 260px at 110% -10%,rgba(168,85,247,.14),transparent 65%),radial-gradient(380px 240px at -10% 110%,rgba(236,72,153,.12),transparent 65%),radial-gradient(300px 200px at 100% 100%,rgba(79,70,229,.1),transparent 60%),var(--surface)}.login-card{border:none;position:relative;z-index:1;box-shadow:0 30px 70px -18px #4f46e559,0 12px 30px #0b0b0b1a}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:1.5px;background:linear-gradient(135deg,#4f46e5,#a855f7 45%,#ec4899 75%,#f97316);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-mark{background:linear-gradient(135deg,#4f46e5,#a855f7 55%,#ec4899);box-shadow:0 4px 14px #7c3aed59}.login-brand-name{background:linear-gradient(90deg,#1e1b4b,#4f46e5 45%,#a855f7 75%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.login-btn{background:linear-gradient(135deg,#4f46e5,#a855f7 55%,#ec4899);color:#fff;border:none;font-weight:700;box-shadow:0 4px 16px #7c3aed59}.login-btn:hover{filter:brightness(1.08);background:linear-gradient(135deg,#4f46e5,#a855f7 55%,#ec4899)}.login-form-pane .field input:focus{outline-color:#a855f7}.login-error{color:var(--critical);background:#d03b3b14;border:1px solid rgba(208,59,59,.25);border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600;margin-bottom:12px}.login-demo{margin-top:16px;padding:10px 12px;border-radius:8px;font-size:12px;color:#4a3aa7;background:#4a3aa714;border:1px solid rgba(74,58,167,.2);text-align:center}@media(max-width:800px){.sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000040;width:min(78vw,var(--sidebar-w))}.sidebar.open{transform:translate(0)}.drawer-close{display:block}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;z-index:35}.menu-btn{display:inline-flex}.topbar{padding:10px 12px;flex-wrap:wrap;gap:8px}.page-title{font-size:16px}.filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.mkt-chip,.seg{flex-shrink:0}.login-page{padding:0;min-height:100svh;align-items:stretch}.login-page .login-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-width:none;width:100%;min-height:100svh;margin:0;border-radius:0;border:none;padding:0;box-shadow:none}.login-card:before{display:none}.login-hero{height:46svh;min-height:280px}.login-hero img{object-position:top}.login-form-pane{padding:24px 20px 30px}.content{padding:12px 12px 32px}.grid-kpi{grid-template-columns:1fr 1fr;gap:10px}.kpi-value{font-size:21px}.card{padding:13px 14px}.conn-grid{grid-template-columns:1fr}}