:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf7;background:#09111f;font-synthesis:none;--bg: #09111f;--panel: #101a2b;--panel-2: #0d1726;--line: #22314a;--text: #e7edf7;--muted: #8fa0b8;--accent: #5eead4;--accent-2: #60a5fa;--danger: #fb7185;--warning: #fbbf24;--success: #4ade80;--info: #38bdf8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right,#10213b 0,var(--bg) 34%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#080f1bf5;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.brand strong{display:block;font-size:16px}.brand small{color:var(--muted);display:block;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#04111a;background:linear-gradient(135deg,var(--accent),#67e8f9);box-shadow:0 0 30px #5eead426}.brand-mark.large{width:52px;height:52px;border-radius:15px}.nav{padding:18px 12px;display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aebbd0}.nav-item:hover{background:#12213a;color:#fff}.nav-item.active{background:linear-gradient(90deg,#5eead424,#60a5fa17);color:#bdfcf1;border:1px solid rgba(94,234,212,.16)}.sidebar-footer{margin-top:auto;padding:16px;display:grid;gap:10px}.side-note{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.side-note strong,.side-note span{display:block}.side-note strong{color:var(--text);margin-bottom:2px}.logout{border:0;background:transparent;color:#8fa0b8;padding:10px;display:flex;gap:9px;align-items:center}.main{flex:1;margin-left:250px;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#09111fd9;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px}.topbar-title{display:flex;gap:8px;align-items:center;color:var(--muted)}.topbar select{margin-left:auto;background:#101a2b;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-width:210px}.menu-button,.mobile-close{display:none}.page{padding:28px;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-heading h1,.product-header h1{margin:5px 0;font-size:29px;letter-spacing:-.03em}.page-heading p,.product-header p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent);font-weight:800}.primary-link,.primary-button{border:0;background:linear-gradient(135deg,var(--accent),#67e8f9);color:#04121b;padding:10px 14px;border-radius:9px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{background:linear-gradient(145deg,#101a2bfa,#0b1422fa);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#132238}.metric-value{font-size:25px;font-weight:800;margin-top:12px;letter-spacing:-.025em}.metric-subtitle{color:var(--muted);font-size:12px;margin-top:5px}.tone-danger .metric-icon{color:var(--danger);background:#fb71851a}.tone-warning .metric-icon{color:var(--warning);background:#fbbf241a}.tone-success .metric-icon{color:var(--success);background:#4ade801a}.tone-info .metric-icon{color:var(--info);background:#38bdf81a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{background:#101a2bf0;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;overflow:hidden}.table-panel{padding:0}.panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-title h2{margin:3px 0 0;font-size:18px}.panel-title>a{color:var(--accent);font-size:13px;font-weight:700}.bar-list{display:grid;gap:14px}.bar-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:6px}.bar-label strong{color:var(--text)}.bar-track{height:8px;background:#091221;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,var(--accent))}.insight{margin-top:17px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:10px;color:var(--muted);align-items:center;font-size:13px}.insight svg{color:var(--warning);flex:none}.insight strong{color:#fff}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-box{border:1px solid var(--line);background:#0c1625;border-radius:10px;padding:13px}.status-box span{display:block;color:var(--muted);font-size:12px}.status-box strong{display:block;margin-top:5px;font-size:21px}.status-box.danger strong{color:var(--danger)}.status-box.warning strong{color:var(--warning)}.status-box.attention strong{color:#fb923c}.status-box.success strong{color:var(--success)}.status-box.info strong{color:var(--info)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;color:#8395ae;font-weight:700;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid rgba(34,49,74,.65);color:#d6deea;vertical-align:middle;white-space:nowrap}tbody tr:hover{background:#60a5fa09}.product-link{display:flex;flex-direction:column;min-width:190px;max-width:360px}.product-link strong{color:#eaf7ff}.product-link span{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;border:1px solid var(--line);background:#101c2d}.badge-ruptura{color:#fecdd3;background:#f43f5e1c;border-color:#f43f5e40}.badge-comprar{color:#fde68a;background:#f59e0b1a;border-color:#f59e0b3d}.badge-atencao{color:#fed7aa;background:#f973161a;border-color:#f9731638}.badge-saudavel{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e38}.badge-excesso{color:#bae6fd;background:#0ea5e91a;border-color:#0ea5e938}.badge-sem_demanda,.badge-sem_venda_31_60d,.badge-sem_venda_61_90d,.badge-sem_venda_91_180d,.badge-sem_venda_181_365d,.badge-sem_venda_no_historico_365d{color:#cbd5e1;background:#64748b1f;border-color:#94a3b830}.filter-bar{display:flex;gap:10px;margin-bottom:14px}.search{flex:1;display:flex;align-items:center;gap:9px;background:#101a2b;border:1px solid var(--line);border-radius:10px;padding:0 12px}.search svg{color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:11px 0}.filter-bar select{min-width:230px;background:#101a2b;border:1px solid var(--line);border-radius:10px;color:#fff;padding:0 12px}.summary-pill{border:1px solid var(--line);background:#0e1929;padding:9px 13px;border-radius:999px;color:var(--muted);display:flex;gap:8px;align-items:center;font-size:13px}.summary-pill strong{color:#fff}.loading,.empty,.error-panel{min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted);gap:10px}.spinner{width:21px;height:21px;border:2px solid #2b3b55;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{color:#fecdd3}.back-link{display:inline-flex;gap:7px;align-items:center;color:var(--muted);margin-bottom:15px}.product-header{margin-bottom:22px}.product-status{margin-bottom:8px}.detail-list{display:grid}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(34,49,74,.7);color:var(--muted)}.detail-list>div:last-child{border:0}.detail-list strong{color:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{padding:48px;display:flex;flex-direction:column;background:radial-gradient(circle at 30% 30%,rgba(25,70,91,.65),transparent 35%),linear-gradient(135deg,#07111d,#0c1930);border-right:1px solid var(--line)}.login-brand{display:flex;gap:14px;align-items:center}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{color:var(--muted);margin-top:3px}.login-message{margin:auto 0;max-width:700px}.login-message h1{font-size:clamp(36px,5vw,66px);line-height:1.02;max-width:800px;letter-spacing:-.055em;margin:15px 0}.login-message p{font-size:17px;color:#9fb0c7;line-height:1.6;max-width:650px}.feature-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.feature-row div{display:flex;gap:8px;align-items:center;border:1px solid #29405e;border-radius:999px;padding:8px 11px;color:#b9c7d8;font-size:12px}.login-panel{display:grid;place-items:center;padding:28px}.login-card{width:min(420px,100%);display:grid;gap:18px;padding:25px;border:1px solid var(--line);background:#101a2bd1;border-radius:18px;box-shadow:0 25px 80px #0000003d}.login-card h2{margin:4px 0;font-size:27px}.login-card p{color:var(--muted);margin:0}.login-card label{display:grid;gap:7px;font-size:12px;color:#aab7ca;font-weight:700}.input-icon{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:#091321;border-radius:9px;padding:0 11px}.input-icon svg{color:#6f829e}.input-icon input{width:100%;background:transparent;border:0;outline:0;color:#fff;padding:11px 0}.form-error{padding:10px;border-radius:8px;color:#fecdd3;background:#f43f5e1a;font-size:12px}.app-loading{min-height:100vh;display:grid;place-items:center}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:20px 0 60px #00000059}.sidebar.open{transform:translate(0)}.main{margin-left:0}.menu-button,.mobile-close{display:grid;place-items:center;border:0;background:transparent;color:#fff}.mobile-close{margin-left:auto}.topbar{padding:0 15px}.topbar-title{display:none}.topbar select{min-width:0;width:min(250px,70vw)}.page{padding:18px 12px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar select{min-height:42px}.login-page{grid-template-columns:1fr}.login-visual{min-height:46vh;padding:28px}.login-message h1{font-size:42px}.login-panel{padding:20px}.status-grid{grid-template-columns:repeat(2,1fr)}}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--muted);font-size:12px}.breadcrumb-link{color:var(--accent);font-weight:700}.breadcrumb-link:hover{text-decoration:underline}.detail-total{margin-top:3px;padding-top:13px!important;border-top:1px solid rgba(94,234,212,.28)!important}.detail-total span,.detail-total strong{color:#d9fff8!important;font-weight:800}