:root{--sidebar-width: 220px;--topbar-height: 52px}@media (max-width: 768px){:root{--sidebar-width: 0px}nav.sidebar{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:60px!important;flex-direction:row!important;border-top:1px solid var(--border)!important;border-right:none!important;padding:0!important;z-index:200!important}.logo-area,.nav-section,.sidebar-bottom{display:none!important}nav.sidebar>div:not(.logo-area):not(.sidebar-bottom){display:flex!important;flex:1;overflow-x:auto}.nav-item{flex-direction:column!important;gap:2px!important;padding:8px 12px!important;border-left:none!important;border-top:2px solid transparent!important;min-width:56px;align-items:center!important;font-size:9px!important}.nav-item.active{border-top-color:var(--gold)!important;border-left-color:transparent!important}.nav-icon{font-size:18px!important;width:auto!important}.nav-badge{position:static!important;margin:0!important}.main{margin-left:0!important;padding-bottom:60px}.topbar{padding:0 12px!important}.kpi-row,[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="1fr 380px"],[style*="1fr 340px"],[style*="1fr 300px"]{grid-template-columns:1fr!important}[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="1fr 340px"]{grid-template-columns:1fr!important}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th:nth-child(4),td:nth-child(4),th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7),th:nth-child(9),td:nth-child(9){display:none}#panicBtn{font-size:9px!important;padding:5px 8px!important}.sym-chip{display:none!important}[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.quick-amounts{flex-wrap:wrap}.quick-amounts button{min-width:calc(33% - 4px)}[style*="display: 'flex'"][style*="flexWrap: 'wrap'"]{gap:6px}}@media (min-width: 769px) and (max-width: 1024px){:root{--sidebar-width: 180px}.kpi-row{grid-template-columns:repeat(3,1fr)!important}nav.sidebar{width:180px!important}.main{margin-left:180px!important}}@media (hover: none) and (pointer: coarse){button,a{min-height:44px}input,select{font-size:16px!important}}
