@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1730;--navy2:#14294d;--ink:#14284b;--muted:#60718c;--blue:#315be8;--blue2:#2343b8;--border:#dfe7f3;--canvas:#f4f7fc;--paper:#fff;--green:#087d68;--green-bg:#e6f6ef;--red:#c44358;--red-bg:#ffeef1;--gold:#b16d26;--gold-bg:#fff5df;--shadow:0 8px 30px rgba(35,58,102,.055)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--canvas);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:500 14px/1.55 Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8da7ff;outline-offset:2px}a{color:var(--blue)}
.app-frame{min-height:100vh;display:flex;background:var(--canvas)}.rail{width:248px;background:#101c34;color:#e4ecff;padding:32px 18px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #2c3b59}
.rail-head{display:flex;align-items:center;gap:11px;margin:4px 6px 57px}.logo-mark,.mini-logo{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6d9aff,#3656e5);box-shadow:0 4px 18px rgba(73,104,233,.3);font-size:21px;border-radius:12px;width:41px;height:41px}.logo-copy{display:flex;flex-direction:column;gap:2px}.logo-copy b{font-size:17px;letter-spacing:-.7px}.logo-copy small{font-size:9px;letter-spacing:1.8px;color:#9eb4da;font-weight:800}.rail-section{font-size:10px;color:#94a9ca;letter-spacing:1.7px;font-weight:800;margin:0 16px 14px}.rail-nav{display:grid;gap:5px}.rail-link{width:100%;background:transparent;border:0;color:#bac9e3;padding:14px 14px;text-align:left;border-radius:12px;display:flex;align-items:center;gap:15px;font-weight:700}.rail-link:hover{background:#213557;color:#fff}.rail-link.active{background:#2b467e;color:#fff;box-shadow:inset 3px 0 #87a9ff}.nav-ico{font-size:21px;width:22px;line-height:1}.rail-foot{margin-top:auto;color:#d2def3;font-size:11px;border-top:1px solid #344260;padding:24px 10px;line-height:2}.rail-foot small{color:#91a4c2;padding-left:14px}.secure-dot{display:inline-block;background:#13bc8c;border-radius:100%;width:8px;height:8px;margin-right:6px;box-shadow:0 0 0 3px #244541}
.main-frame{min-width:0;flex:1}.topbar{height:68px;background:#fff;border-bottom:1px solid #e7edf7;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:12}.topbrand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:-.5px}.mini-logo{width:31px;height:31px;font-size:17px;border-radius:10px}.topbrand-plus{font-size:8px;letter-spacing:.6px;background:#e5eaff;color:#3148bb;border-radius:5px;padding:3px 5px}.top-actions{display:flex;gap:12px;align-items:center}.status{font-size:11px;color:#59708e;font-weight:800;display:flex;align-items:center;gap:7px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9daac2;box-shadow:0 0 0 4px #e7ebf3}.status.ok i{background:#0ea67c;box-shadow:0 0 0 4px #e2f7ee}.status.error i{background:#ce5467;box-shadow:0 0 0 4px #fae6ea}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:#f5f7fc;border:1px solid var(--border);border-radius:11px;color:#324f80;font-size:20px}
.page{max-width:1275px;margin:0 auto;padding:29px 34px 60px}.intro{background:linear-gradient(114deg,#122448 0%,#1c407a 67%,#326ac5 100%);color:#fff;border-radius:23px;padding:27px 31px;margin-bottom:21px;box-shadow:0 17px 32px rgba(26,57,107,.12);position:relative;overflow:hidden}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#bcd5ff}.intro-row{display:flex;align-items:center;justify-content:space-between}.intro h1{font-size:clamp(23px,3vw,33px);line-height:1.22;letter-spacing:-1.35px;margin:9px 0 7px;font-weight:800;color:#fff}.intro h1 span{color:#77b8ff}.intro p{margin:0;color:#d9e8ff;font-size:12px}.intro-emblem{font-size:110px;line-height:.7;opacity:.12;transform:rotate(-15deg)}
.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:21px}.segmented{background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;padding:4px;gap:2px}.segmented button{border:0;background:transparent;color:#586a86;font-size:11px;font-weight:800;padding:9px 12px;border-radius:8px;white-space:nowrap}.segmented button.selected{background:#304fd5;color:#fff;box-shadow:0 3px 9px rgba(44,72,177,.23)}select,input{background:#fff;border:1px solid #d6e1f0;border-radius:11px;padding:10px 12px;color:#183154;font-size:12px;font-weight:700;min-height:39px;outline:none}.filters select{max-width:210px}.filters input{max-width:160px}
.section-title{margin:23px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:7px}.section-title h2{font-size:17px;font-weight:800;letter-spacing:-.5px;margin:0}.section-title small{color:var(--muted);font-size:11px;font-weight:600}.section-title button{border:none;background:none;color:#345de0;font-size:11px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border-radius:18px;background:#fff;border:1px solid var(--border);padding:19px;box-shadow:var(--shadow);min-height:124px;position:relative;overflow:hidden}.metric-icon{width:31px;height:31px;border-radius:10px;background:#e9efff;color:#3255d5;display:grid;place-items:center;font-size:18px;margin-bottom:7px}.metric.green .metric-icon{background:#e7f8ef;color:#087f65}.metric.red .metric-icon{background:#ffeff2;color:#bf3e5a}.metric.gold .metric-icon{background:#fff5e6;color:#ad6a25}.metric-label{color:#5e718c;font-size:11px;font-weight:800}.metric-value{font-size:clamp(22px,2.9vw,29px);letter-spacing:-1px;font-weight:800;color:#13294f;margin-top:7px;line-height:1.25;overflow-wrap:anywhere}.metric-note{color:#8592a5;font-size:10px;margin-top:7px}.mini-spark{position:absolute;right:-3px;top:-2px;opacity:.08;font-size:92px;color:#3160e2}
.notice{background:#f1f5ff;border:1px solid #dbe4fa;border-radius:13px;padding:12px 14px;color:#345078;font-size:11px;margin:13px 0}.notice.warning{background:#fff8e9;border-color:#f3e3c7;color:#815323}.notice strong{color:#16395e}
.surface{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:19px;margin-bottom:14px}.surface-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.surface-header b{font-size:13px}.surface-header small{color:#8291a7;font-size:11px}.chart-box{min-height:230px}.chart-svg{width:100%;height:212px;overflow:visible}.chart-svg .gridline{stroke:#e9edf6;stroke-width:1}.chart-label{fill:#8a99b0;font-size:10px;font-family:Manrope,sans-serif}.chart-empty{text-align:center;padding:58px 20px;color:#7d8da4;font-size:12px}.chart-hint{display:flex;gap:13px;color:#798aa6;font-size:10px;flex-wrap:wrap;margin-top:2px}.legend-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#3d69ef;margin-right:5px}
.two-column{display:grid;grid-template-columns:1.65fr 1fr;gap:13px;align-items:start}.mini-stat-list{display:grid;gap:9px}.mini-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px;background:#f6f8fc;border-radius:11px}.mini-stat .name{font-size:11px;color:#667a95}.mini-stat strong{font-size:13px}.bar-row{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:12px}.bar-name{width:100px;color:#63728a}.progress{background:#eef1f7;border-radius:100px;height:8px;flex:1;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#3162e9,#8ca5ff)}
.product-list,.ad-list,.history-list{display:grid;gap:9px}.product-row{background:#fff;border:1px solid var(--border);border-radius:15px;padding:11px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-width:0;box-shadow:var(--shadow);color:var(--ink)}.product-row:active{transform:scale(.994)}.product-photo{width:67px;height:75px;flex-shrink:0;background:#edf2fb;border-radius:11px;display:grid;place-items:center;color:#a8b8d4;font-size:27px;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.product-data{min-width:0;flex:1}.product-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#203456}.product-sub{font-size:10px;color:#8998ab;margin:2px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-values{display:flex;gap:8px;flex-wrap:wrap}.product-values span{font-size:10px;font-weight:800;white-space:nowrap;color:#3a5278}.product-values .good{color:var(--green)}.product-values .bad{color:var(--red)}.row-arrow{color:#b2bcd0;font-size:19px;padding:0 2px}
.tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:8px;background:#e9eefc;color:#3659ba;font-size:10px;font-weight:800}.tag.green{background:var(--green-bg);color:#05745d}.tag.red{background:var(--red-bg);color:#b73950}.tag.gold{background:var(--gold-bg);color:#8b6225}
.mini-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.button{border:1px solid #d7e0f0;background:#fff;color:#2e4b75;font-size:12px;border-radius:11px;font-weight:800;padding:11px 15px;min-height:42px}.button.primary{background:#315be8;color:#fff;border-color:#315be8;box-shadow:0 5px 14px rgba(49,91,232,.16)}.button.primary:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:#e9effd;color:#2f53bc;border-color:#dce5ff}.button:hover{filter:brightness(.98)}.button.full{width:100%}
.search-wrap{position:relative}.search{width:100%;padding:13px 14px 13px 36px;border-radius:12px}.search-icon{position:absolute;top:12px;left:13px;color:#8594ac;font-size:18px}.control-row{display:flex;gap:9px;align-items:center;margin-bottom:14px}.control-row .search-wrap{flex:1}.control-row select{width:132px}.tiny-note{font-size:10px;color:#8291a6;margin-top:8px}.empty{display:grid;place-items:center;padding:44px 20px;border:1px dashed #d4deee;border-radius:17px;color:#7c8da7;text-align:center;background:#fff}.empty-icon{font-size:32px;color:#8da3cc}.empty h3{font-size:15px;color:#344d72;margin:8px 0 4px}.empty p{font-size:11px;margin:0;max-width:280px}.pillrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.pillrow button{padding:7px 10px;border-radius:10px;border:1px solid #dce4f3;background:#fff;color:#6b7d97;font-size:10px;font-weight:800}.pillrow button.active{border-color:#4569e7;color:#3156d4;background:#e9efff}
.ad-card{background:#fff;border:1px solid #dfe7f3;border-radius:14px;padding:15px;display:flex;gap:13px;align-items:center;justify-content:space-between}.ad-card .ad-title{font-size:12px;font-weight:800;line-height:1.4;color:#1e3558}.ad-card small{font-size:10px;color:#8493a9}.ad-card .ad-spend{font-size:17px;letter-spacing:-.6px;font-weight:800;text-align:right}.ad-card .ad-attrs{font-size:10px;color:#6e7e96;margin-top:3px;text-align:right}
.ai-item{background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px 15px;display:flex;align-items:center;gap:12px;text-align:left}.ai-item .ai-symbol{border-radius:12px;background:#eef0ff;color:#4c4fc3;font-size:21px;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.ai-item .ai-body{flex:1;min-width:0}.ai-item strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-item small{color:#8795a8;font-size:10px}.ai-item p{margin:4px 0 0;font-size:10px;color:#6b7b91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-report{white-space:pre-wrap;font-size:12px;line-height:1.8;color:#2d4568}
.system-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f7;padding:13px 0}.system-item:last-child{border-bottom:0}.system-item strong{font-size:12px}.system-item small{font-size:10px;color:#8090a5}.system-item .sys-data{text-align:right}.system-item .sys-data button{padding:8px 12px;margin-top:4px}.connected{color:#087e66;font-size:11px;font-weight:800}.disconnected{color:#ab5870;font-size:11px;font-weight:800}
.drawer-backdrop{position:fixed;inset:0;background:rgba(6,16,36,.58);backdrop-filter:blur(3px);z-index:30}.drawer{position:fixed;z-index:31;bottom:0;left:0;right:0;border-radius:25px 25px 0 0;background:#fff;max-height:94dvh;overflow-y:auto;padding:0 19px 30px;box-shadow:0 -14px 80px rgba(17,36,69,.25);padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.drawer-handle{width:44px;height:5px;border-radius:10px;background:#dbe2ed;margin:10px auto 20px}.drawer-close{position:absolute;top:16px;right:17px;border:0;background:#f0f4fb;color:#536583;width:34px;height:34px;border-radius:11px;font-size:18px}.detail-head{display:flex;gap:14px;margin:16px 0 21px}.detail-head .product-photo{width:96px;height:108px}.detail-head h2{font-size:17px;letter-spacing:-.6px;line-height:1.3;margin:4px 0 7px}.detail-head p{font-size:11px;color:#7c8da7;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-grid .metric{min-height:98px;padding:12px}.detail-grid .metric-value{font-size:22px}.detail-grid .metric-icon{display:none}.detail-grid .metric-label{font-size:10px}
.modal-actions{display:flex;gap:9px}.modal-actions>*{flex:1}.toast{position:fixed;bottom:93px;left:50%;transform:translate(-50%,35px);opacity:0;pointer-events:none;z-index:99;background:#18345d;color:#fff;border-radius:12px;padding:12px 18px;max-width:min(90vw,450px);text-align:center;font-size:12px;box-shadow:0 10px 30px rgba(14,32,67,.22);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{display:none}.loading-space{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 15px;color:#8593aa;font-size:12px}.spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid #dbe3f1;border-top-color:#315be8;animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.page-footer{font-size:9px;font-weight:800;color:#9aabc0;letter-spacing:1px;display:flex;justify-content:space-between;gap:10px;margin-top:30px}.page-footer span{letter-spacing:0;font-weight:500}
@media(max-width:900px){.rail{display:none}.topbar{height:59px;padding:0 19px}.page{padding:17px 17px 105px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:2px;padding:8px 9px calc(9px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #e4eaf5;z-index:20;box-shadow:0 -5px 22px rgba(23,43,76,.04)}.bottom-nav button{border:0;background:transparent;color:#8c9bb2;flex:1;padding:6px 0 3px;border-radius:11px;display:grid;place-items:center;gap:3px}.bottom-nav button span{font-size:24px;line-height:1}.bottom-nav button small{font-size:9px;font-weight:800}.bottom-nav button.selected{color:#315be8;background:#e9efff}.intro{padding:24px 24px;margin-bottom:16px}.filters{margin-bottom:17px}.two-column{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{max-width:620px;margin:auto}.page-footer{display:none}}
@media(max-width:450px){.topbar{height:57px;padding:0 15px}.page{padding:14px 13px 105px}.intro{border-radius:18px;padding:22px 20px}.intro h1{font-size:23px}.intro p{font-size:10px;max-width:250px}.intro-emblem{font-size:70px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented{grid-column:1/-1;justify-content:space-between}.segmented button{flex:1}.filters select,.filters input{width:100%;min-width:0;max-width:none}.metric-grid{gap:8px}.metric{padding:13px 13px 14px;border-radius:15px;min-height:118px}.metric-value{font-size:24px}.metric-label{font-size:10px}.surface{padding:14px}.product-photo{width:62px;height:69px}.product-row{gap:9px}.section-title h2{font-size:16px}.control-row select{width:104px}.status{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── MarketPulse 1.0: Obsidian dark UI, high contrast, tactile design ───────── */
:root{color-scheme:dark;--navy:#090d14;--navy2:#121a28;--ink:#f5f8ff;--muted:#a0b0cb;--blue:#78a3ff;--blue2:#4c7dff;--border:#293348;--canvas:#080b11;--paper:#141b27;--green:#5de1b6;--green-bg:#133c35;--red:#ff8499;--red-bg:#4b2030;--gold:#ffd182;--gold-bg:#493622;--shadow:0 18px 45px rgba(0,0,0,.17)}
html,body,.app-frame{background:#080c12!important;color:#f1f5ff!important}
body{background-image:radial-gradient(circle at 80% 0%,rgba(72,107,226,.085),transparent 35%)!important}
a{color:#9ec3ff}
.rail{background:#0c111b!important;border-color:#202b3b!important;box-shadow:14px 0 60px rgba(0,0,0,.12)}
.rail-section{color:#91a3c0!important}.rail-link{color:#aebed9!important}
.rail-link:hover{background:#1b2b40!important;color:#fff!important}.rail-link.active{background:linear-gradient(90deg,#263b60,#192c49)!important;color:#fff!important;box-shadow:inset 3px 0 #91b3ff,0 12px 27px rgba(1,4,12,.18)!important}
.logo-mark,.mini-logo{background:linear-gradient(145deg,#83aaff,#405cbd)!important;box-shadow:0 0 29px rgba(99,151,255,.18)!important}
.rail-foot{border-color:#263147!important;color:#d2dced!important}.rail-foot small{color:#8496b5!important}
.topbar{background:rgba(13,20,31,.97)!important;border-color:#243149!important;backdrop-filter:blur(12px)}
.topbrand,.status{color:#eff5ff!important}.topbrand-plus{background:#22365d!important;color:#b8d1ff!important}
.icon-button{background:#1b273a!important;color:#e8f1ff!important;border:1px solid #344665!important}
.icon-button:hover{background:#293e59!important;transform:translateY(-1px)}
.status i{box-shadow:0 0 0 4px rgba(50,170,134,.14)!important}
.page{max-width:1380px}.intro{background:radial-gradient(circle at 84% -21%,rgba(130,176,255,.18),transparent 50%),linear-gradient(125deg,#10192a,#162642 65%,#1c3258)!important;border:1px solid #2d4161!important;box-shadow:0 25px 65px rgba(0,0,0,.29)!important}
.intro h1{color:#fff!important}.intro h1 span{color:#8db8ff!important}.intro p{color:#bdcce5!important}.eyebrow{color:#a1c1fa!important}
.filters{position:relative;z-index:2}
.segmented{background:#141e2c!important;border-color:#334157!important}.segmented button{color:#afbfda!important}
.segmented button.selected{background:#7b9ef5!important;color:#07101e!important;box-shadow:0 4px 15px rgba(99,137,251,.18)!important}
select,input,.search{background:#171f2e!important;color:#f1f5ff!important;border:1px solid #36445a!important;-webkit-text-fill-color:#f1f5ff!important}
input::placeholder{color:#8394ae!important;opacity:1}
select option{background:#171f2e;color:#f6faff}
.section-title h2,.section-title small{color:#eef4ff!important}.section-title small{color:#96a9c8!important}.section-title button{color:#a6c2ff!important}
.metric,.surface,.product-row,.ad-card,.ai-item,.empty{background:linear-gradient(157deg,#18212f,#131b28)!important;border:1px solid #293750!important;color:#edf4ff!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important}
.metric{transition:transform .2s,box-shadow .2s,border-color .2s;animation:riseIn .4s both}
.metric:hover{border-color:#5579ac!important;transform:translateY(-2px);box-shadow:0 15px 39px rgba(0,0,0,.28)!important}
.metric:nth-child(2){animation-delay:.05s}.metric:nth-child(3){animation-delay:.09s}.metric:nth-child(4){animation-delay:.13s}.metric:nth-child(5){animation-delay:.17s}.metric:nth-child(6){animation-delay:.21s}
.metric-icon{background:#253d62!important;color:#b4caff!important}.metric.green .metric-icon{background:#154537!important;color:#81ffd4!important}.metric.red .metric-icon{background:#492437!important;color:#ffadbc!important}.metric.gold .metric-icon{background:#503722!important;color:#ffcb82!important}
.metric-label{color:#a6b7d0!important;font-weight:800!important}.metric-value{color:#f8fbff!important;font-variant-numeric:tabular-nums!important}.metric-note{color:#859ab8!important}
.notice{background:#16243b!important;color:#bcd1ef!important;border-color:#2d456a!important}.notice.warning{background:#34271d!important;color:#f7d6a4!important;border-color:#6a4e32!important}.notice strong{color:#fff!important}
.surface-header b,.mini-stat strong,.product-name,.ad-title,.ai-item strong,.system-item strong{color:#f5f9ff!important}.surface-header small,.ad-card small,.tiny-note,.chart-hint,.ai-item small,.ai-item p,.product-sub,.system-item small,.page-footer{color:#9caec7!important}
.chart-svg .gridline{stroke:#2b3950!important}.chart-label{fill:#b3c4df!important}.chart-hint{color:#acc0dc!important}.chart-empty{color:#a8b7d1!important}
.mini-stat{background:#1e2a3b!important}.mini-stat .name,.bar-name{color:#b1c1d9!important}.progress{background:#2b3a52!important}
.product-row,.ai-item,.ad-card{transition:transform .18s,border-color .2s,background .2s}
.product-row:hover,.ai-item:hover,.ad-card:hover{background:#202d40!important;border-color:#5879a7!important;transform:translateY(-1px)}
.product-name{color:#f5f9ff!important}.product-sub{color:#a0b2cf!important}.product-values span{color:#c3d1e7!important}.product-values .good,.good,.connected{color:#6be8c2!important}.product-values .bad,.bad,.disconnected{color:#ff8c9e!important}.row-arrow{color:#a0bbdd!important}
.product-photo{background:#243044!important;color:#98aaca!important}
.tag{background:#2a3a58!important;color:#c0d9ff!important}.tag.green{background:#17473a!important;color:#84f4cf!important}.tag.red{background:#502c36!important;color:#ffb8c2!important}.tag.gold{background:#4b3b28!important;color:#ffd994!important}
.button{background:#1d2a3d!important;border-color:#405472!important;color:#e6f1ff!important}.button.primary{background:linear-gradient(120deg,#79a2ff,#4f79dc)!important;color:#071524!important;border:1px solid #8eb4ff!important;box-shadow:0 8px 22px rgba(63,105,200,.23)!important}.button.secondary{background:#1d355a!important;color:#d8e8ff!important;border-color:#416092!important}
.button:hover{filter:brightness(1.14);transform:translateY(-1px)}.button:active,.icon-button:active,.segmented button:active{transform:scale(.96)}
.pillrow button{background:#1d2a3b!important;color:#b5c6e2!important;border-color:#364762!important}.pillrow button.active{background:#274678!important;color:#dbeaff!important;border-color:#628cdb!important}
.empty{border-style:dashed!important;color:#aac0dc!important}.empty-icon{color:#91acd1!important}.empty h3{color:#f0f5ff!important}.empty p{color:#afc0da!important}
.ai-item .ai-symbol{background:#2b365e!important;color:#c1c9ff!important}.ai-report{color:#e0eafd!important}
.system-item{border-color:#293750!important}.sys-data{color:#dbe8ff!important}
.drawer{background:#121a27!important;color:#f1f7ff!important;border:1px solid #3b4e6b!important;box-shadow:0 -19px 90px rgba(0,0,0,.63)!important}.drawer-handle{background:#44536a!important}.drawer-close{background:#243550!important;color:#e9f0ff!important}
.detail-head h2{color:#fff!important}.detail-head p{color:#adbfda!important}
.toast{background:#253750!important;color:#fff!important;border:1px solid #57759e!important;box-shadow:0 15px 52px rgba(0,0,0,.4)!important}
.loading-space{color:#b9cce6!important}.spin{border-color:#273650!important;border-top-color:#87acff!important}
.page-footer{color:#889bb8!important}
/* Live stream: layout, size table and high-contrast status badges */
.live-status{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:17px 0 22px;padding:13px 17px;background:#10201f;border:1px solid #2d6158;border-radius:14px;color:#d2fff1;font-size:11px}
.live-status strong{color:#acffe0;font-size:11px}.live-status span:last-child{color:#a4c6bd;font-size:10px}
.pulse-dot{width:9px;height:9px;flex-shrink:0;background:#5cf2b5;box-shadow:0 0 0 5px rgba(95,231,177,.1);border-radius:50%;animation:heartbeat 2s infinite}
.size-scroll{overflow-x:auto;max-width:100%;border-radius:13px;border:1px solid #30415c}
.size-table{width:100%;border-collapse:collapse;min-width:575px;text-align:left;font-size:12px}
.size-table th{background:#202e44;color:#afc6e8;padding:13px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.size-table td{padding:13px 15px;border-top:1px solid #2d3b50;color:#e1edff;font-variant-numeric:tabular-nums}
.size-table tbody tr:nth-child(even){background:rgba(130,168,235,.035)}.size-table tbody tr:hover{background:#20314a}
.size-table td.num{text-align:right;font-weight:800;font-size:13px}.size-table td.good{color:#6de6bd!important}.size-table td.bad{color:#ff8f9d!important}
.size-chip{background:#294067;border:1px solid #456b9e;color:#e3efff;padding:5px 10px;border-radius:8px;font-weight:800;white-space:nowrap}
.feed-list{display:grid;gap:9px}.feed-event{background:#161f2d;border:1px solid #2d3b53;padding:15px;border-radius:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;animation:riseIn .25s both}
.feed-event-left{display:flex;align-items:center;gap:12px;min-width:0}.feed-event-left b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-event-left small{display:block;font-size:10px;color:#a6b8d3;margin-top:4px}.event-glyph{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#283f5f;color:#a9d0ff;font-weight:900}
.live-kpis .metric{min-height:138px}
@keyframes riseIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes heartbeat{0%,100%{box-shadow:0 0 0 5px rgba(95,231,177,.12)}50%{box-shadow:0 0 0 11px rgba(95,231,177,0)}}
@media(max-width:900px){.bottom-nav{background:rgba(15,22,33,.97)!important;border-top:1px solid #2b3a51!important;box-shadow:0 -8px 28px rgba(0,0,0,.24)!important}.bottom-nav button{color:#a6b7d2!important}.bottom-nav button.selected{color:#b1d0ff!important;background:#243a5e!important}.bottom-nav button span{font-size:21px!important}.bottom-nav button small{font-size:9px!important}}
@media(max-width:450px){.bottom-nav{padding-inline:3px!important}.bottom-nav button{min-width:0}.bottom-nav button span{font-size:19px!important}.bottom-nav button small{font-size:8px!important}.metric{padding:14px!important}.live-kpis .metric{min-height:125px}.feed-event{padding:12px}.section-title small{font-size:10px}}

.size-cards{display:none}.size-card{background:#1b2637;border:1px solid #344762;border-radius:14px;padding:13px;margin-bottom:9px}.size-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.size-card-header .product-photo{width:44px;height:52px;border-radius:9px}.size-card-header>div:nth-child(2){flex:1;min-width:0}.size-card-header b{display:block;font-size:11px;color:#f0f7ff;line-height:1.3}.size-card-header small{font-size:9px;color:#9db0cb}.size-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.size-card-metrics span{display:grid;gap:6px;font-size:9px;color:#9db0ca;border-radius:9px;background:#121e2e;padding:8px 7px;text-align:center}.size-card-metrics b{color:#eaf3ff;font-size:15px;font-variant-numeric:tabular-nums}
@media(max-width:650px){.size-cards{display:block}.size-scroll{display:none}.size-card-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.size-card-metrics span{padding:8px 4px;font-size:8px}}

@media(max-width:650px){.size-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}