html,body{background:#0d1117}body{margin:0;min-height:100vh}*{box-sizing:border-box}:root{--input-font-size: 12px;--modal-max-width: calc(100vw - 32px) ;--btn-padding: 4px 12px;--btn-min-height: 0;--topbar-height: 52px;--sidebar-width: 204px;--kpi-cols: repeat(5, 1fr);--dashboard-panels-cols: 1fr 1fr;--station-dash-cols: repeat(4, 1fr);--quality-dash-cols: repeat(4, 1fr);--quality-targets-cols: repeat(3, 1fr);--analytics-pane-cols: 1fr 1fr}@media(max-width:1023px){:root{--input-font-size: 16px;--btn-padding: 10px 20px;--btn-min-height: 44px;--kpi-cols: repeat(3, 1fr);--dashboard-panels-cols: 1fr;--station-dash-cols: repeat(2, 1fr);--quality-dash-cols: repeat(2, 1fr);--quality-targets-cols: repeat(2, 1fr);--analytics-pane-cols: 1fr;--sidebar-width: 0px}input,textarea,select{font-size:16px!important}}@media(max-width:743px){:root{--kpi-cols: repeat(2, 1fr);--quality-dash-cols: 1fr;--quality-targets-cols: 1fr}}@media(max-width:1023px){.bf-sidebar{position:fixed;inset:var(--topbar-height) 0 0 0;width:280px!important;transform:translate(-100%);transition:transform .2s ease-out;z-index:200}.bf-sidebar.bf-sidebar-open{transform:translate(0)}.bf-drawer-backdrop{position:fixed;inset:var(--topbar-height) 0 0 0;background:#00000080;z-index:150}}@media(min-width:1024px){.bf-nav-hamburger{display:none!important}}.bf-topbar-brand-short,.bf-sidebar-footer{display:none}@media(max-width:1023px){.bf-topbar-brand-full{display:none}.bf-topbar-brand-short{display:block}.bf-topbar-subtitle,.bf-topbar-identity,.bf-topbar-signout,.bf-topbar-shift,.bf-topbar-date{display:none}.bf-sidebar-footer{display:flex}}@media(max-width:743px){.bf-topbar-brand-short,.bf-topbar-drafts{display:none}}@media(max-width:743px){.bf-wo-expand-all{display:none}}@media(max-width:1023px){.bf-wo-page-header{flex-direction:column;gap:12px}.bf-wo-page-header-actions{flex-wrap:wrap}}@media(max-width:743px){.bf-wo-view-header{flex-direction:column;gap:12px}.bf-wo-view-header-actions{flex-wrap:wrap}}@media(max-width:743px){.bf-modal-header{flex-direction:column;gap:12px}.bf-modal-header-actions{flex-wrap:wrap}}@media(max-width:1023px){.bf-page-header{flex-direction:column;gap:12px}.bf-page-header-actions{flex-wrap:wrap}}@media(min-width:1024px)and (max-width:1199.98px){.bf-mobile-card-list{max-width:720px;margin:0 auto}}