:root{--black: #0D0D0D;--red: #C1121F;--red-hover: #A00E18;--dark-gray: #1F1F1F;--card-bg: #161616;--border: #2A2A2A;--light-gray: #E5E5E5;--text-muted: #888888;--white: #FFFFFF;--sidebar-bg-start: #1a1a1a;--sidebar-bg-end: #161616;--input-bg: rgba(255,255,255,.04);--input-border: rgba(255,255,255,.06);--nav-text: #aaa;--nav-text-hover: #eee;--nav-text-active: #ddd;--group-header-text: #999;--group-hover-bg: rgba(255,255,255,.02);--nav-hover-bg: rgba(255,255,255,.03);--user-area-bg: rgba(0,0,0,.2);--btn-secondary-border: rgba(255,255,255,.06);--kbd-bg: rgba(255,255,255,.05);--badge-bg: rgba(255,255,255,.04);--focus-ring: rgba(193, 18, 31, .2);--mark-bg: rgba(193,18,31,.3);--scrollbar-track: var(--dark-gray);--scrollbar-thumb: var(--border);--green: #4ade80;--green-dim: #22c55e;--blue: #60a5fa;--yellow: #fbbf24;--orange: #fb923c;--pink: #f87171;--purple: #a78bfa;--overlay-2: rgba(255,255,255,.02);--overlay-3: rgba(255,255,255,.03);--overlay-4: rgba(255,255,255,.04);--overlay-5: rgba(255,255,255,.05);--overlay-6: rgba(255,255,255,.06);--overlay-7: rgba(255,255,255,.07);--overlay-15: rgba(255,255,255,.15);--radius: 6px;--font: "Inter", "Segoe UI", system-ui, sans-serif;--two-col-grid: 1fr 1fr;--three-col-grid: repeat(3, 1fr);--four-col-grid: repeat(4, 1fr);--five-col-grid: repeat(5, 1fr);--sales-detail-grid: 1fr 380px}[data-theme=light]{--black: #EDE8E3;--dark-gray: #F5F0EB;--card-bg: #F5F0EB;--border: #D6CFC8;--light-gray: #3D3530;--text-muted: #7A706A;--white: #1C1613;--sidebar-bg-start: #F0EAE4;--sidebar-bg-end: #E8E2DC;--input-bg: rgba(0,0,0,.03);--input-border: rgba(0,0,0,.08);--nav-text: #6B5F58;--nav-text-hover: #2E2420;--nav-text-active: #1C1613;--group-header-text: #7A706A;--group-hover-bg: rgba(0,0,0,.03);--nav-hover-bg: rgba(0,0,0,.04);--user-area-bg: rgba(0,0,0,.03);--btn-secondary-border: rgba(0,0,0,.1);--kbd-bg: rgba(0,0,0,.05);--badge-bg: rgba(0,0,0,.05);--focus-ring: rgba(193, 18, 31, .15);--mark-bg: rgba(193,18,31,.15);--scrollbar-track: #E8E2DC;--scrollbar-thumb: #C8C0B8;--green: #15803d;--green-dim: #16a34a;--blue: #2563eb;--yellow: #d97706;--orange: #c2410c;--pink: #dc2626;--purple: #7c3aed;--overlay-2: rgba(0,0,0,.02);--overlay-3: rgba(0,0,0,.03);--overlay-4: rgba(0,0,0,.04);--overlay-5: rgba(0,0,0,.05);--overlay-6: rgba(0,0,0,.06);--overlay-7: rgba(0,0,0,.07);--overlay-15: rgba(0,0,0,.12)}@media (max-width: 1024px){:root{--five-col-grid: repeat(3, 1fr)}}@media (max-width: 768px){:root{--two-col-grid: 1fr;--three-col-grid: 1fr 1fr;--four-col-grid: repeat(2, 1fr);--five-col-grid: repeat(2, 1fr);--sales-detail-grid: 1fr}}@media (max-width: 480px){:root{--three-col-grid: 1fr;--four-col-grid: 1fr;--five-col-grid: 1fr}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{background-color:var(--black);color:var(--white);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}#root{display:flex;min-height:100vh}input,select,textarea,button{font-family:var(--font)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red)!important;box-shadow:0 0 0 2px var(--focus-ring)}.ham-btn{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;align-items:center;justify-content:center;background:var(--dark-gray);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--white);flex-shrink:0;transition:border-color .15s}.ham-btn:hover{border-color:var(--text-muted)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:140}.sidebar-backdrop.visible{display:block}.page-main{flex:1;overflow:auto;background:var(--black);min-width:0;padding:28px 32px}.page-container{width:100%;max-width:1400px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr)}.kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr}.pdv-grid{display:grid;grid-template-columns:1fr 300px 256px}.dre-grid{display:grid;grid-template-columns:320px 1fr}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1024px){.pdv-grid{grid-template-columns:1fr 280px}}@media (max-width: 768px){.ham-btn{display:flex}.app-sidebar{position:fixed!important;left:0!important;top:0!important;z-index:150;height:100vh!important;transform:translate(-100%);transition:transform .25s ease}.app-sidebar.open{transform:translate(0)}.page-main{padding:62px 14px 28px!important}.kpi-grid,.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.two-col-grid{grid-template-columns:1fr}.pdv-grid{grid-template-columns:1fr;height:auto!important}.dre-grid{grid-template-columns:1fr}.page-container{max-width:100%}.filter-bar input,.filter-bar select{min-width:0;width:100%}}@media (max-width: 480px){.page-main{padding:58px 10px 20px!important}.kpi-grid,.kpi-grid-3,.pdv-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-sidebar input[type=text]:focus{border-color:#c1121f66!important;box-shadow:none!important}@keyframes marquee{0%{transform:translate(0)}15%{transform:translate(0)}65%{transform:translate(var(--marquee-offset, -60px))}80%,to{transform:translate(var(--marquee-offset, -60px))}}.sidebar-brand-marquee{overflow:hidden;white-space:nowrap}.sidebar-brand-marquee span{display:inline-block;animation:marquee 4s ease-in-out infinite alternate}