*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#0a0f14}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.drive-shell{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;display:flex;flex-direction:column;background:#0f1419;color:#dce4ec;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;overflow:hidden}.drive-main{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width: 899px){.drive-main{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media (min-width: 900px){.drive-main{overflow:hidden}.drive-main>.drive-split,.drive-main>.drive-page{flex:1;min-height:0;overflow:hidden}}.drive-topbar{position:relative;display:flex;align-items:center;gap:10px;padding:0 12px;min-height:48px;flex-shrink:0;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.08);background:#17130e;padding-top:env(safe-area-inset-top,0)}@media (min-width: 900px){.drive-topbar{padding:0 20px;min-height:44px;flex:0 0 44px}}.drive-topbar-brand{font-size:13px;font-weight:500;color:#ffffff8c;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.drive-topbar-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-variant-numeric:tabular-nums}@media (max-width: 599px){.drive-topbar-meta{display:none}}.drive-topbar-nav{display:flex;gap:2px;margin-left:8px}.drive-topbar-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffbf;cursor:pointer;flex-shrink:0}.drive-topbar-menu{position:absolute;top:calc(100% + 4px);right:12px;z-index:200;min-width:180px;max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior-y:contain;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#121820;box-shadow:0 12px 40px #00000073}.drive-topbar-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#ffffff9e;font-size:13px;font-weight:600;cursor:pointer}.drive-topbar-menu button[aria-current=page]{background:#17984729;color:#179847;font-weight:700}.drive-topbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:transparent}.kpi-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 0;flex-shrink:0}@media (min-width: 640px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 900px){.kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:10px 18px 0}}.kpi-card{min-width:0}.kpi-card .kpi-label{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.25;-webkit-hyphens:auto;hyphens:auto}@media (min-width: 900px){.kpi-card .kpi-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.kpi-card .kpi-sub{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.3}@media (min-width: 900px){.kpi-card .kpi-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.drive-crumb-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 12px 0;flex-shrink:0}@media (min-width: 900px){.drive-crumb-bar{flex-direction:row;align-items:flex-end;flex-wrap:wrap;padding:14px 18px 0}}.drive-crumb-scope{min-width:0}@media (min-width: 900px){.drive-crumb-scope{flex:1;min-width:0}.drive-period-row{margin-left:auto;padding-bottom:4px}}.drive-dashboard-rail{width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:12px;min-height:0}@media (min-width: 900px){.drive-dashboard-rail{width:420px;flex:0 0 420px}}.drive-period-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}.drive-period-row::-webkit-scrollbar{display:none}.drive-period-row>button{flex-shrink:0}.drive-unit-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.drive-unit-filter>div{margin-bottom:0}.drive-unit-filter>button{grid-column:1 / -1;justify-self:start}@media (min-width: 900px){.drive-unit-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto}.drive-unit-filter>button{grid-column:auto}}.drive-split{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px;min-height:0;overflow:hidden}@media (max-width: 899px){.drive-split{flex:none;overflow:visible;min-height:auto;padding-bottom:24px}.drive-panel{overflow:visible!important;min-height:auto!important;flex:none!important}.drive-panel-scroll,.drive-officer-scroll{overflow-x:auto!important;overflow-y:visible!important;flex:none!important;min-height:auto!important}.drive-detail-rail{max-height:none;min-height:auto}}@media (min-width: 900px){.drive-split{flex-direction:row;padding:12px 18px 18px}}.drive-detail-rail{width:100%;flex:0 0 auto;max-height:min(55vh,520px);min-height:280px}@media (min-width: 900px){.drive-detail-rail{width:380px;flex:0 0 380px;max-height:none;min-height:0}}.drive-officer-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.drive-officer-grid{min-width:680px}@media (pointer: coarse){.drive-period-row>button{min-height:36px;padding:0 14px!important}.drive-topbar-nav button,.drive-topbar-menu button{min-height:44px}}html.coarse-pointer .drive-period-row>button{min-height:36px;padding:0 14px!important}