:root{--navy:#071a2f;--navy2:#0a2949;--blue:#1962e8;--green:#0caf83;--orange:#f5a30e;--red:#ef4444;--ink:#10233c;--muted:#6c7b8e;--line:#e1e8ef;--bg:#f5f8fb;--white:#fff;--shadow:0 10px 35px rgba(18,45,76,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{width:255px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#06182d,#092948);padding:24px 14px;color:#fff;display:flex;flex-direction:column;z-index:20}.side-brand{display:block;padding:0 10px 22px}.side-brand img{width:205px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#bdd0e2;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;font-size:14px;font-weight:700}.sidebar nav a span{font-size:18px;width:22px;text-align:center}.sidebar nav a b{margin-left:auto;padding:2px 7px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#1264e7,#0b56cf);color:#fff}.account{margin-top:auto;display:grid;gap:12px}.store,.user{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04)}.store small,.store span,.user small{display:block;color:#93aac0;font-size:11px}.store strong{display:block;font-size:13px;margin:3px 0}.user{display:flex;align-items:center;gap:10px}.user b{font-size:12px;display:block}.avatar,.profile{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#14c49a;color:#fff;font-weight:900;font-size:12px}.back-site{color:#b6c9db;text-decoration:none;font-size:12px;padding:0 10px}.main{margin-left:255px;padding:30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:28px;margin:0 0 3px;letter-spacing:-.03em}.topbar p,.card-head p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:11px}.date-filter{background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 12px;box-shadow:var(--shadow)}.date-filter select{border:0;background:transparent;color:var(--ink);font-weight:700;outline:0}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;position:relative}.icon-btn i{position:absolute;right:-2px;top:-4px;background:#ef4444;color:#fff;border-radius:20px;font-style:normal;font-size:9px;padding:3px 6px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpis article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;gap:13px;min-height:128px;box-shadow:var(--shadow);position:relative}.kpis article>button{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#708094}.kpi-icon{flex:0 0 50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:22px;font-weight:900}.kpi-icon.blue{background:#e7efff;color:#195fe2}.kpi-icon.orange{background:#fff2db;color:#e39300}.kpi-icon.green{background:#def8ee;color:#04966e}.kpi-icon.red{background:#ffe5e5;color:#e73c3c}.kpis small{display:block;color:#52647a;font-size:12px}.kpis strong{display:block;font-size:25px;margin:5px 0}.kpis span{font-size:11px;color:#708094}.kpis .up,.positive{color:#079b73!important}.kpis .danger{color:#e23f3f!important}.grid-two{display:grid;grid-template-columns:1.55fr .85fr;gap:16px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px;gap:18px}.card-head h2{font-size:16px;margin:0 0 4px}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.segmented button{border:0;background:#f6f8fa;padding:7px 10px;font-size:11px;color:#607085}.segmented button.selected{background:#0b3160;color:#fff}.price-chart{height:260px;margin:0 20px;display:flex;position:relative}.price-chart .axis{width:34px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#75869a;padding-bottom:20px}.price-chart svg{flex:1;height:230px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#edf1f5 46px)}.chart-labels{position:absolute;left:44px;right:0;bottom:0;display:flex;justify-content:space-between;color:#6d7e91;font-size:9px}.chart-note{margin:2px 20px 18px;padding:10px 13px;border:1px solid #dbe6f7;background:#f5f9ff;border-radius:9px;color:#5f7186;font-size:11px}.chart-note b{color:#078e6c}.distribution-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:20px 22px 30px}.donut{width:165px;height:165px;border-radius:50%;background:conic-gradient(#16b888 0 46.5%,#f4b41a 46.5% 78.6%,#ef4f4f 78.6%);display:grid;place-items:center;margin:auto;position:relative}.donut:after{content:"";position:absolute;inset:29px;background:#fff;border-radius:50%}.donut div{position:relative;z-index:1;text-align:center}.donut b,.donut span{display:block}.donut b{font-size:22px}.donut span{font-size:10px;color:#79899a}.legend{display:grid;gap:18px}.legend>div{display:flex;gap:9px;align-items:flex-start}.legend i{width:10px;height:10px;border-radius:50%;margin-top:4px}.green-dot{background:#16b888}.yellow-dot{background:#f4b41a}.red-dot{background:#ef4f4f}.legend b,.legend small{display:block}.legend b{font-size:11px}.legend small{font-size:10px;color:#738397;margin-top:3px}.recommendations{overflow:hidden}.table-actions{display:flex;gap:8px;align-items:center}.table-actions input,.table-actions select{border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11px;background:#fff}.table-actions input{width:190px}.primary{border:0;background:#0b5bd7;color:#fff;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:800}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1f5;font-size:11px;white-space:nowrap}th{color:#5a6c80;font-size:10px;background:#fbfcfd}.product{display:flex;align-items:center;gap:10px}.product-image{width:35px;height:42px;border-radius:7px;display:grid;place-items:center;font-size:6px;font-weight:900;color:#fff}.rice{background:linear-gradient(145deg,#145ca2,#0a2b50)}.milk{background:linear-gradient(145deg,#35a4e5,#e7f8ff);color:#16466b}.oil{background:linear-gradient(145deg,#f6d448,#dc8614)}.coffee{background:linear-gradient(145deg,#6a2f14,#210f08)}.product b,.product small{display:block}.product b{font-size:11px}.product small{font-size:9px;color:#7b8b9c}.suggested{color:#079b73;font-weight:900}.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.status.pending{background:#fff3d9;color:#9a6500}.status.approved{background:#ddf7ec;color:#087c5e}.status.rejected{background:#ffe4e4;color:#c53333}.action-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:30px;margin-right:4px;cursor:pointer}.table-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:13px 18px}.table-footer span{margin-right:auto;color:#728297;font-size:10px}.table-footer button{border:1px solid var(--line);background:#fff;border-radius:7px;width:28px;height:28px}.table-footer .page{background:#0b5bd7;color:#fff}.mobile-top{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#071a2f;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);font-size:12px;transform:translateY(80px);opacity:0;transition:.25s;z-index:80}.toast.show{transform:none;opacity:1}.modal{position:fixed;inset:0;background:rgba(3,15,29,.55);display:none;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}.modal.open{display:grid}.modal-card{width:min(560px,100%);background:#fff;border-radius:22px;padding:26px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.28)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#eef2f6;width:31px;height:31px;border-radius:50%;font-size:20px}.priority{display:inline-block;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.critical{background:#ffe4e4;color:#d53535}.modal-product{display:flex;align-items:center;gap:13px;margin:18px 0}.modal-product .product-image{width:55px;height:66px}.modal-product h2{margin:0;font-size:21px}.modal-product p{margin:3px 0;color:#758599;font-size:11px}.modal-prices{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:17px;background:#f5f8fb;border-radius:14px;text-align:center}.modal-prices small,.modal-prices b{display:block}.modal-prices small{font-size:10px;color:#77879a}.modal-prices b{font-size:23px;margin-top:3px}.reason{padding:16px 0}.reason b{font-size:12px}.reason p{color:#66778b;font-size:12px;line-height:1.6}.modal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.modal-metrics>div{padding:13px;background:#f7fafc;border:1px solid var(--line);border-radius:11px}.modal-metrics small,.modal-metrics b{display:block}.modal-metrics small{font-size:9px;color:#718296}.modal-metrics b{font-size:14px;margin-top:4px}.modal-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:9px;margin-top:20px}.modal-actions button{border-radius:10px;padding:11px;border:0;font-weight:800;font-size:11px}.reject{background:#ffe5e5;color:#c52f2f}.edit{background:#e9f0ff;color:#165bd5}.approve{background:#08a97f;color:#fff}
@media(max-width:1200px){.kpis{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.distribution-body{grid-template-columns:auto auto;justify-content:center;gap:60px}}
@media(max-width:800px){.mobile-top{display:flex;height:68px;background:#fff;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:30}.mobile-top img{width:170px}.mobile-top button{border:0;background:#f1f4f7;width:38px;height:38px;border-radius:10px}.sidebar{transform:translateX(-100%);transition:.25s;top:68px}.sidebar.open{transform:none}.main{margin-left:0;padding:16px}.topbar{align-items:flex-start}.top-actions .profile,.top-actions .icon-btn{display:none}.kpis{grid-template-columns:1fr 1fr}.card-head{align-items:flex-start;flex-direction:column}.table-actions{width:100%;flex-wrap:wrap}.table-actions input{flex:1;min-width:160px}.distribution-body{gap:30px}.modal-metrics{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr}}
@media(max-width:520px){.topbar{display:block}.top-actions{margin-top:12px}.kpis{grid-template-columns:1fr}.grid-two{display:block}.grid-two>.card{margin-bottom:16px}.distribution-body{grid-template-columns:1fr}.legend{grid-template-columns:1fr 1fr}.price-chart{height:220px;margin:0 10px}.price-chart svg{height:190px}.chart-note{margin:2px 10px 14px}.table-actions select,.table-actions button{width:100%}.topbar h1{font-size:24px}}

/* Tema claro/escuro e responsividade — v1.5.0 */
:root{--surface:#fff;--surface-soft:#f5f8fb;--input-bg:#fff;color-scheme:light}
html[data-theme="dark"]{--ink:#edf5ff;--muted:#9aabc0;--line:#293a4e;--bg:#0b1420;--white:#111d2b;--surface:#111d2b;--surface-soft:#162536;--input-bg:#0f1b29;--shadow:0 16px 42px rgba(0,0,0,.28);color-scheme:dark}
html,body{max-width:100%;overflow-x:hidden}body{transition:background-color .18s ease,color .18s ease}
.logo-on-dark{display:none!important}html[data-theme="dark"] .logo-on-light{display:none!important}html[data-theme="dark"] .logo-on-dark{display:block!important}
.theme-toggle-demo,.theme-toggle-demo-sidebar{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}
.theme-toggle-demo{width:40px;padding:0}.theme-toggle-demo-sidebar{width:100%;padding:8px 10px;margin-top:8px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#dce9f5}
html[data-theme="dark"] :is(.card,.kpis article,.modal-card,.date-filter,.table-actions input,.table-actions select,.segmented,.table-footer,.mobile-top){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.main,.app-shell){background:var(--bg);color:var(--ink)}
html[data-theme="dark"] :is(.topbar p,.card-head p,.kpis small,.kpis span,.legend small,.table-footer,.reason p){color:var(--muted)}
html[data-theme="dark"] :is(table th,table td,.card-head,.table-footer){border-color:var(--line)}
html[data-theme="dark"] table th{background:var(--surface-soft);color:#9cafc3}
html[data-theme="dark"] table tbody tr:hover td{background:#152536}
html[data-theme="dark"] :is(input,select){background:var(--input-bg);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .segmented button{color:var(--muted)}html[data-theme="dark"] .segmented button.selected{background:#172f58;color:#9bc3ff}
html[data-theme="dark"] .modal{background:rgba(0,7,14,.72)}
html[data-theme="dark"] .reason{background:#17293a;border-color:#2a465f;color:var(--ink)}
html[data-theme="dark"] .modal-prices,.modal-metrics{background:var(--surface-soft);border-color:var(--line)}

@media(max-width:1080px){.main{padding-left:24px;padding-right:24px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}
@media(max-width:760px){.main{padding:82px 14px 28px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.date-filter{flex:1 1 220px}.kpis{grid-template-columns:1fr}.card-head{align-items:flex-start;flex-direction:column}.table-actions{width:100%;display:grid;grid-template-columns:1fr}.table-actions>*{width:100%}.mobile-top{display:flex;align-items:center;justify-content:space-between}.mobile-top img{max-width:150px;max-height:34px}.theme-toggle-demo{margin-left:auto}.sidebar{width:min(300px,88vw)}}
@media(max-width:480px){.main{padding-inline:10px}.card,.kpis article{border-radius:14px;padding:14px}.topbar h1{font-size:25px}.modal-card{width:calc(100% - 20px);padding:18px}.modal-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Consolidação visual para produção — v1.5.5 */
:root{
  --demo-surface:#fff;
  --demo-soft:#f5f8fb;
  --demo-input:#fff;
  --demo-hover:#eef3f8;
  --demo-success:#e5f8f0;
  --demo-success-text:#08745b;
  --demo-warning:#fff3d9;
  --demo-warning-text:#9a6500;
  --demo-danger:#ffe9ea;
  --demo-danger-text:#c53333;
}
html[data-theme="dark"]{
  --demo-surface:#111d2b;
  --demo-soft:#162536;
  --demo-input:#0f1b29;
  --demo-hover:#1a2b3d;
  --demo-success:#102f29;
  --demo-success-text:#76ddc0;
  --demo-warning:#3a2d12;
  --demo-warning-text:#ffd27b;
  --demo-danger:#351c22;
  --demo-danger-text:#ffb8c0;
}
.demo-sidebar-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.demo-sidebar-head .side-brand{flex:1;min-width:0;margin:0}
.demo-sidebar-head .side-brand img{max-width:170px}
.theme-toggle-demo,.theme-toggle-demo-sidebar{width:40px;height:40px;min-height:40px;padding:0;flex:0 0 40px;border-radius:11px}
.theme-toggle-demo-sidebar{margin:0;background:rgba(255,255,255,.06)}
:is(.theme-toggle-demo,.theme-toggle-demo-sidebar) [data-theme-icon]{display:grid;place-items:center;width:20px;height:20px}
:is(.theme-toggle-demo,.theme-toggle-demo-sidebar) [data-theme-icon] svg{display:block;width:20px;height:20px}
:is(.card,.kpis article,.modal-card,.date-filter,.table-actions input,.table-actions select,.segmented,.table-footer,.mobile-top,.action-btn,.table-footer button){background:var(--demo-surface);border-color:var(--line);color:var(--ink)}
:is(.main,.app-shell){background:var(--bg);color:var(--ink)}
:is(.modal-prices,.modal-metrics>div,.reason,.chart-note){background:var(--demo-soft);border-color:var(--line);color:var(--ink)}
:is(.table-actions input,.table-actions select){background:var(--demo-input)}
:is(table th){background:var(--demo-soft);color:var(--muted)}
:is(table th,table td,.card-head,.table-footer){border-color:var(--line)}
table tbody tr:hover td{background:var(--demo-hover)}
.donut:after{background:var(--demo-surface)}
.status.pending{background:var(--demo-warning);color:var(--demo-warning-text)}
.status.approved{background:var(--demo-success);color:var(--demo-success-text)}
.status.rejected,.critical,.reject{background:var(--demo-danger);color:var(--demo-danger-text)}
.modal-close{background:var(--demo-soft);color:var(--ink)}
@media(max-width:800px){.demo-sidebar-head{margin-bottom:16px}.sidebar{top:68px}}