*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}.mobile-topbar{display:none}.sidebar{transition:transform .25s ease;flex-shrink:0}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.mobile-overlay.overlay-visible{display:block}.sidebar-close{display:none}.desktop-only{display:block}.mobile-only{display:none}.searchbar-input{width:100%;min-width:80px}@media (max-width: 768px){.mobile-topbar{display:flex!important}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100dvh!important;transform:translate(-100%)!important;z-index:50!important}.sidebar.sidebar-open{transform:translate(0)!important}.sidebar-close{display:flex!important}.charts-row,.bottom-row,.group-detail-grid{grid-template-columns:1fr!important}.att-layout{display:flex!important;flex-direction:column!important;overflow-y:auto!important}.att-left-panel{max-height:220px!important;overflow-y:auto!important;border-right:none!important;border-bottom:.5px solid var(--color-border-tertiary)!important;flex-shrink:0!important}.kanban-col{width:min(200px,80vw)!important}}@media (max-width: 640px){.desktop-only{display:none!important}.mobile-only{display:block!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:16px 16px 0 0!important;max-width:100%!important;width:100%!important;max-height:90dvh!important}.att-dot{width:40px!important;height:40px!important;font-size:13px!important}.save-btn{width:100%!important}.kpi-value{font-size:17px!important}}