*{box-sizing:border-box}:root{--bg: #f5f6fa;--panel: #ffffff;--panel-2: #fafbfe;--ink: #111827;--muted: #5b6474;--line: #e6e8f0;--primary: #2563eb;--primary-deep: #1e40af;--primary-soft: rgba(37, 99, 235, .1);--primary-ink: #ffffff;--danger: #dc2626;--danger-soft: #fee2e2;--sidebar: #111827;--sidebar-2: #0b0e16;--shadow: 0 1px 2px rgba(17, 24, 39, .05);--focus: 0 0 0 3px rgba(37, 99, 235, .35);--chip-gray-bg: #eceef3;--chip-gray-ink: #3f4756;--chip-blue-bg: #dbe7fe;--chip-blue-ink: #1d4ed8;--chip-purple-bg: #ede9fe;--chip-purple-ink: #6d28d9;--chip-orange-bg: #ffedd5;--chip-orange-ink: #c2410c;--chip-green-bg: #dcfce7;--chip-green-ink: #15803d;--chip-red-bg: #fee2e2;--chip-red-ink: #b91c1c;--meli-bg: #fff159;--meli-ink: #333333;--shopee-bg: #ee4d2d;--shopee-ink: #ffffff}:root[data-theme=dark]{--bg: #0b0e16;--panel: #131826;--panel-2: #171d2e;--ink: #e8ebf4;--muted: #8a92a6;--line: #242c40;--primary: #3b82f6;--primary-deep: #60a5fa;--primary-soft: rgba(59, 130, 246, .14);--primary-ink: #ffffff;--danger: #f87171;--danger-soft: rgba(220, 38, 38, .18);--sidebar: #0d1120;--sidebar-2: #090c16;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--focus: 0 0 0 3px rgba(96, 165, 250, .4);--chip-gray-bg: rgba(148, 163, 184, .16);--chip-gray-ink: #b6bdcc;--chip-blue-bg: rgba(59, 130, 246, .18);--chip-blue-ink: #93b8fd;--chip-purple-bg: rgba(139, 92, 246, .18);--chip-purple-ink: #c4b5fd;--chip-orange-bg: rgba(249, 115, 22, .16);--chip-orange-ink: #fdba74;--chip-green-bg: rgba(34, 197, 94, .16);--chip-green-ink: #86efac;--chip-red-bg: rgba(239, 68, 68, .16);--chip-red-ink: #fca5a5;--meli-bg: rgba(255, 241, 89, .18);--meli-ink: #f3e478;--shopee-bg: rgba(238, 77, 45, .2);--shopee-ink: #ff9d87}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;transition:background .25s ease,color .25s ease}h1,h2,h3,.vortice-wordmark{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.02em}h1{font-size:22px;font-weight:800;margin:0 0 16px}h2{font-size:16px;font-weight:700;margin:24px 0 12px}h3{font-size:14px;font-weight:700;margin:0 0 10px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--chip-gray-bg);color:var(--chip-gray-ink);padding:1px 5px;border-radius:4px;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}.vortice-lockup{display:inline-flex;align-items:center;gap:9px}.vortice-wordmark{font-weight:800;font-size:19px;line-height:1}.vortice-lockup-white .vortice-wordmark{color:#fff}.vortice-lockup-blue .vortice-wordmark,.vortice-lockup-gradient .vortice-wordmark,.vortice-lockup-graphite .vortice-wordmark{color:var(--ink)}@keyframes vortice-rotate{to{transform:rotate(360deg)}}.vortice-spin{animation:vortice-rotate 1.1s linear infinite}.loading{display:flex;align-items:center;gap:10px;padding:24px 0}@media (prefers-reduced-motion: reduce){.vortice-spin,.auth-aura svg{animation:none!important}body{transition:none}}.layout{display:flex;min-height:100vh}.sidebar{width:224px;background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-2) 100%);color:#cdd3e0;display:flex;flex-direction:column;padding:22px 14px 16px;gap:26px;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#aab2c5;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:500;font-size:13.5px;border-left:2px solid transparent}.sidebar nav a svg{flex-shrink:0;opacity:.85}.sidebar nav a:hover{background:#ffffff0f;color:#e8ebf4;text-decoration:none}.sidebar nav a.active{background:#3b82f629;color:#fff;border-left-color:#3b82f6}.sidebar-footer{margin-top:auto;font-size:13px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.user-name{color:#e8ebf4;font-weight:600}.theme-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.14);color:#cdd3e0;border-radius:8px;padding:7px 10px;font-size:12.5px;cursor:pointer;width:100%}.theme-toggle:hover{background:#ffffff12;color:#fff}.content{flex:1;padding:28px 32px;max-width:1200px;min-width:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-width:0}.card-header>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{margin-top:12px}.empty{color:var(--muted);text-align:center;padding:32px}.empty-pad{padding:24px}.stat-grid,.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.stat-label{color:var(--muted);font-size:12px;margin-top:2px}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:start}.detail-grid .card:last-child{grid-column:1 / -1}dl{margin:0}dt{color:var(--muted);font-size:12px;margin-top:8px}dd{margin:0}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:var(--primary-ink);padding:9px 15px}.btn.primary:hover{filter:brightness(1.08)}.btn.primary.shopee{background:#ee4d2d}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:none}.btn.link,.link{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;font-size:13px;font-family:inherit}input,select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:var(--panel-2);color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}input::placeholder{color:var(--muted)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}label input{color:var(--ink)}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters input{min-width:260px}.connect-buttons{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.btn-connect{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:700;font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.01em;box-shadow:var(--shadow)}.btn-connect:hover{filter:brightness(1.06)}.btn-connect:disabled{opacity:.55;cursor:default}.btn-connect.meli{background:#ffe600;color:#2d3277}.btn-connect.shopee{background:#ee4d2d;color:#fff}.btn-connect.sm{padding:7px 12px;font-size:13px;gap:7px;border-radius:8px}.store-card{display:flex;flex-direction:column;gap:8px}.store-card-head{display:flex;align-items:center;gap:10px;min-width:0}.platform-chip{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.platform-chip.meli{background:#ffe600;color:#2d3277}.platform-chip.shopee{background:#ee4d2d;color:#fff}.store-card-title{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.store-card-title .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.store-card-head .badge{flex-shrink:0}.store-reason{margin:0;font-size:12.5px;line-height:1.45;background:var(--chip-orange-bg);color:var(--chip-orange-ink);border-radius:8px;padding:8px 10px;overflow-wrap:anywhere}.store-meta{margin:0}.store-card .card-actions{margin-top:auto;padding-top:4px}.badge-icon{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.badge-icon svg{flex-shrink:0}.empty-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.empty-brand svg{opacity:.45}.empty-brand p{margin:0;max-width:420px}.auth-page{min-height:100vh;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.auth-aura{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.05}:root[data-theme=dark] .auth-aura{opacity:.07}.auth-aura svg{width:720px;height:720px;animation:vortice-rotate 90s linear infinite}.auth-brand{position:relative;z-index:1}.auth-card{width:380px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:12px;padding:28px;position:relative;z-index:1}.auth-card h1{margin:0;font-size:20px}.auth-card .btn{margin-top:4px}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.table th{background:var(--panel-2);color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.table td{font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--primary-soft)}.pagination{display:flex;align-items:center;gap:12px;margin-top:14px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.platform-meli{background:var(--meli-bg);color:var(--meli-ink)}.platform-shopee{background:var(--shopee-bg);color:var(--shopee-ink)}.status-gray{background:var(--chip-gray-bg);color:var(--chip-gray-ink)}.status-blue{background:var(--chip-blue-bg);color:var(--chip-blue-ink)}.status-purple{background:var(--chip-purple-bg);color:var(--chip-purple-ink)}.status-orange{background:var(--chip-orange-bg);color:var(--chip-orange-ink)}.status-green{background:var(--chip-green-bg);color:var(--chip-green-ink)}.status-red{background:var(--chip-red-bg);color:var(--chip-red-ink)}.alert{border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:13px}.alert-error{background:var(--chip-red-bg);color:var(--chip-red-ink)}.alert-success{background:var(--chip-green-bg);color:var(--chip-green-ink)}.alert-warning{background:var(--chip-orange-bg);color:var(--chip-orange-ink)}.alert-row{display:flex;justify-content:space-between;gap:10px}.inbox{display:grid;grid-template-columns:300px 1fr;gap:12px;height:calc(100vh - 140px)}.inbox-list{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow-y:auto;box-shadow:var(--shadow)}.inbox-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer;font-size:14px;color:var(--ink);font-family:inherit}.inbox-item:hover{background:var(--panel-2)}.inbox-item.active{background:var(--primary-soft);box-shadow:inset 2px 0 0 var(--primary)}.inbox-item-top{display:flex;justify-content:space-between;align-items:center}.unread-dot{background:var(--primary);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.inbox-thread{background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.thread-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.thread-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:65%;padding:8px 12px;border-radius:14px;font-size:14px}.bubble.in{background:var(--chip-gray-bg);color:var(--ink);align-self:flex-start;border-bottom-left-radius:4px}.bubble.out{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble-time{font-size:10px;opacity:.7;margin-top:3px}.thread-composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.thread-composer input{flex:1}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.timeline li{padding-left:14px;border-left:2px solid var(--line)}.mobile-topbar,.tabbar{display:none}@media (max-width: 860px){.layout{flex-direction:column}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-2) 100%);color:#fff;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));position:sticky;top:0;z-index:20}.mobile-topbar .vortice-wordmark{color:#fff;font-size:17px}.mobile-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.mobile-topbar .theme-toggle{width:auto;border:none;padding:6px}.mobile-topbar .theme-toggle span{display:none}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;font-size:10.5px;font-weight:600;color:var(--muted);text-decoration:none}.tabbar a.active{color:var(--primary)}.tabbar a:hover{text-decoration:none}.content{padding:16px 14px calc(76px + env(safe-area-inset-bottom));max-width:100%}h1{font-size:19px}.filters input,.filters select{min-width:0;width:100%}.connect-buttons{flex-direction:column}.btn-connect{justify-content:center}.detail-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table{border:none;background:none;box-shadow:none}.table tr{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:6px 0;box-shadow:var(--shadow)}.table td{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:none;padding:6px 14px;text-align:right}.table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left}.table td:not([data-label]):before{content:none}.table tbody tr:hover td{background:none}.inbox{grid-template-columns:1fr;height:calc(100vh - 210px);min-height:380px}.inbox-thread,.inbox.has-selection .inbox-list{display:none}.inbox.has-selection .inbox-thread{display:flex}.bubble{max-width:82%}}.thread-back{display:none}@media (max-width: 860px){.thread-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:14px;cursor:pointer;padding:4px 8px 4px 0;font-family:inherit}}
