.app-shell{box-sizing:border-box;height:100dvh;padding:var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left);display:flex;overflow:hidden}html[data-theme=light] .app-shell[data-canvas=pearl]{background:var(--canvas-pearl);--bg-canvas:var(--canvas-pearl);--bg-main:var(--canvas-pearl);--canvas-text-muted:var(--text-secondary);--canvas-wash:var(--border-subtle);--canvas-edge:var(--border)}.app-shell-main{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.app-shell-content{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.wizard-canvas-controls button{background:var(--bg-node);color:var(--text-primary);border-bottom-color:var(--border-soft,#ffffff12)}.wizard-canvas-controls button:hover{background:var(--bg-surface-2)}@media (max-width:767px){.app-sidebar{width:56px!important;min-width:56px!important;height:100%!important;padding:10px 0!important;transition:none!important}.app-sidebar .app-sidebar-label,.app-sidebar .app-sidebar-toggle{display:none!important}.app-sidebar nav a,.app-sidebar nav>button{justify-content:center!important;align-self:center!important;width:40px!important;padding:0!important}.app-sidebar-brand{justify-content:center!important;margin-bottom:2px!important;padding:0!important}.app-sidebar-nav-divider{margin:2px 12px 6px!important}.app-sidebar-account-divider{margin:6px 12px!important}.app-sidebar-account{justify-content:center!important;padding:0!important}.app-sidebar nav a{min-height:40px}.dashboard-body,.roster-body{padding:20px 12px!important}.dashboard-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-filterbar{flex-wrap:wrap;height:auto!important;padding:8px 12px!important}.dashboard-filterbar>*{white-space:nowrap;flex-shrink:0}.roster-movers{grid-template-columns:minmax(0,1fr)!important}.roster-table-scroll{overflow-x:auto!important}.roster-table-scroll>div{min-width:720px}.date-range-dialog{max-height:calc(100dvh - 90px);display:block!important;position:fixed!important;top:72px!important;left:12px!important;right:12px!important;overflow-y:auto!important}.date-range-presets{width:auto!important;max-height:120px!important}.date-range-months{grid-template-columns:20px 1fr 20px;gap:8px!important;display:grid!important}.date-range-months>:nth-child(3){display:none}.date-range-footer{flex-wrap:wrap;gap:8px}}