:root{--black: #0D0D0D;--red: #C1121F;--red-hover: #A00E18;--dark-gray: #1F1F1F;--card-bg: #161616;--border: #2A2A2A;--light-gray: #E5E5E5;--text-muted: #888888;--white: #FFFFFF;--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}@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}#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(--dark-gray)}::-webkit-scrollbar-thumb{background:var(--border);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 #c1121f33}.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)}}@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}