:root{--bg:#0b0716;--sidebar:#100b1c;--panel:rgba(22,15,38,0.96);--panel-soft:rgba(28,20,48,0.84);--line:rgba(168,150,255,0.18);--line-strong:rgba(255,211,77,0.36);--text:#f5f1ff;--muted:#c0b8da;--faint:#867ca4;--amber:#ffd34d;--green:#b7a3ff;--red:#ff7a9d;--blue:#9d8cff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 14% 12%,rgba(157,140,255,.12),transparent 34%),radial-gradient(circle at 88% 12%,rgba(255,211,77,.08),transparent 30%),var(--bg);color:var(--text);font-family:Aptos,Segoe UI,system-ui,sans-serif}body{min-height:100vh}h1,h2,h3,p{margin:0}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(13,9,28,.98),rgba(9,6,20,.98));padding:18px 12px;display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:22px;gap:22px}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 14px}.brand-mark{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#fff3b0,var(--amber));color:#211700;display:grid;place-items:center;font-weight:800}.brand small,.brand strong{display:block}.brand small{margin-top:2px;color:var(--amber);font-size:10px;letter-spacing:2px;text-transform:uppercase}.nav-group{display:grid;grid-gap:4px;gap:4px}.nav-admin{align-self:end}.nav-group>span{color:var(--faint);font-size:10px;font-weight:700;letter-spacing:4px;margin:0 8px 8px;text-transform:uppercase}.nav-group a{min-height:38px;border-radius:10px;color:#d8d2eb;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-group a:hover{background:rgba(255,255,255,.04);color:#ffffff}.nav-group .nav-active{color:var(--amber);background:linear-gradient(90deg,rgba(255,211,77,.22),rgba(157,140,255,.12));box-shadow:inset 0 0 0 1px rgba(255,211,77,.08)}.nav-group b,.nav-group em{margin-left:auto;border-radius:999px;background:rgba(157,140,255,.16);color:var(--green);font-size:10px;font-style:normal;padding:3px 7px}.nav-group b{background:rgba(255,99,99,.16);color:var(--red)}.sidebar-footer{border:1px solid var(--line);border-radius:8px;background:rgba(15,11,28,.72);padding:12px;display:grid;grid-gap:4px;gap:4px}.sync-dot{color:var(--amber);letter-spacing:3px}.sidebar-footer small,.sidebar-footer strong{color:var(--muted);font-size:11px;text-transform:uppercase}.workspace{min-width:0;padding:24px;display:grid;grid-gap:18px;gap:18px}.single-workspace{max-width:1480px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.topbar h1{font-size:30px;line-height:1}.topbar p{color:var(--muted);margin-top:8px}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.filter-form label{display:grid;grid-gap:5px;gap:5px}.filter-form label span{min-height:auto;border:0;background:transparent;color:var(--faint);font-size:10px;font-weight:750;padding:0;text-transform:uppercase}.filter-form input{border:1px solid var(--line);border-radius:8px;background:rgba(16,12,30,.78);color:var(--text);padding:0 10px}.filter-form button,.filter-form input{min-height:34px;font:inherit;font-size:13px}.filter-form button{align-self:end;border:0;border-radius:8px;background:var(--amber);color:#121000;cursor:pointer;font-weight:800;padding:0 14px}.filter-row span,.filter-row strong,.pill{min-height:34px;border:1px solid var(--line);border-radius:8px;background:rgba(16,12,30,.76);color:var(--muted);display:inline-flex;align-items:center;padding:0 12px;font-size:13px}.filter-row strong,.pill{background:var(--amber);color:#121000;border-color:transparent}.back-link{color:var(--amber);display:inline-flex;font-size:13px;font-weight:750;margin-bottom:12px;text-decoration:none}.back-link:hover,.row-link:hover{text-decoration:underline}.metric-grid{display:grid;grid-gap:12px;gap:12px}.metric-grid-eight{grid-template-columns:repeat(6,minmax(150px,1fr))}.metric,.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(11,8,22,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);border-radius:8px}.metric{min-height:132px;padding:18px;display:grid;align-content:flex-end;grid-gap:8px;gap:8px;position:relative;overflow:hidden}.metric-link,.panel-link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}.metric-link:hover,.panel-link:hover,.rank-list a:hover,.watchlist a:hover{border-color:var(--line-strong);transform:translateY(-1px)}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line)}.metric.accent-white:before{background:#eef4f2}.metric.accent-yellow:before{background:var(--amber)}.metric.accent-blue:before{background:var(--blue)}.metric.accent-red:before{background:var(--red)}.metric strong{font-size:clamp(1.3rem,1.5vw,1.8rem);line-height:1}.label,.metric small{color:var(--muted);font-size:12px}.metric-link small{line-height:1.35}.control-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.detail-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(320px,.34fr);align-items:start}.panel{padding:20px}.section-head{margin-bottom:16px}.section-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}h2{font-size:20px;line-height:1.1}.bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));grid-gap:8px;gap:8px;align-items:flex-end;min-height:220px}.bar-item{display:grid;grid-gap:7px;gap:7px;min-width:0}.bar-track{height:178px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-track span{display:block;width:100%;background:linear-gradient(180deg,#ffeeb1,var(--amber));border-radius:6px 6px 0 0}.bar-item small{color:var(--faint);font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center;white-space:nowrap}.funnel-list{display:grid;grid-gap:10px;gap:10px}.funnel-row{display:grid;grid-template-columns:170px minmax(0,1fr) 54px 120px;grid-gap:12px;gap:12px;align-items:center;color:#dce4e1;font-size:13px}.funnel-row div{height:10px;border-radius:999px;background:rgba(255,255,255,.035);overflow:hidden}.funnel-row i{display:block;height:100%;border-radius:inherit;background:var(--amber)}.funnel-row em,.funnel-row strong{color:var(--muted);font-style:normal;text-align:right}.product-panel{padding-bottom:0}.sku-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.sku-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sku-actions span,.sku-actions strong{min-height:34px;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;padding:0 12px;font-size:12px}.sku-actions strong{color:#211800;background:var(--amber);border-color:transparent}.table-wrap{overflow-x:auto}.dense-table-wrap{margin:0 -20px}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.dense-table td,.dense-table th{white-space:nowrap}.data-table th{color:var(--faint);font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase}.data-table td{font-size:13px}.numeric{text-align:right!important}.row-title{font-weight:700;max-width:320px}.row-link,.row-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-link{display:inline-block;font-weight:750;max-width:420px;text-decoration:none;vertical-align:bottom}.row-subtitle{color:var(--faint);font-size:11px;margin-top:4px}.grade{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-size:11px;font-weight:800}.grade.green{background:rgba(32,201,151,.14);color:var(--green)}.grade.yellow{background:rgba(255,202,47,.14);color:var(--amber)}.trend-value{color:var(--red)}.bottom-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.rank-list,.sync-list,.watchlist{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.rank-list a,.watchlist a{border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:inherit;text-decoration:none;padding:12px}.rank-list a{display:flex;justify-content:space-between;gap:16px}.rank-list span,.sync-list span,.watchlist span{color:var(--muted);font-size:12px}.rank-list strong{color:var(--amber);white-space:nowrap}.watchlist a{display:grid;grid-gap:10px;gap:10px}.watchlist strong{display:block;font-size:13px;line-height:1.35}.watch-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.watch-meta small{color:var(--muted);font-size:11px}.badge{border:1px solid var(--line-strong);border-radius:999px;color:var(--text)!important;padding:4px 8px;white-space:nowrap}.badge.ruptura{background:rgba(255,99,99,.14);border-color:rgba(255,99,99,.42)}.badge.ruptura_iminente{background:rgba(255,202,47,.14)}.badge.parado,.badge.sem_venda{background:rgba(157,140,255,.12);border-color:rgba(157,140,255,.4)}.sync-list strong{font-size:13px;margin-bottom:8px}.sku-detail{position:-webkit-sticky;position:sticky;top:24px;display:grid;grid-gap:18px;gap:18px}.sku-detail h2{line-height:1.22}.detail-code{border:1px solid var(--line);border-radius:8px;color:var(--amber);display:inline-flex;font-size:12px;font-weight:800;justify-self:start;max-width:100%;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.detail-metrics{display:grid;grid-gap:10px;gap:10px}.detail-metrics article{border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);display:grid;grid-gap:6px;gap:6px;padding:12px}.detail-metrics span{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase}.detail-metrics strong{color:var(--text);font-size:20px;line-height:1.1}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto}.nav-group,.sidebar-footer{display:none}.bottom-grid,.control-grid,.detail-grid{grid-template-columns:1fr}.sku-detail{position:static}}@media (max-width:760px){.workspace{padding:16px}.section-row,.sku-toolbar,.topbar{display:grid}.metric-grid-eight{grid-template-columns:1fr}.bar-chart{overflow-x:auto;grid-template-columns:repeat(auto-fit,minmax(22px,1fr))}.funnel-row{grid-template-columns:1fr}.funnel-row em,.funnel-row strong{text-align:left}}