#app{min-height:100vh}.mdt-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#0d2536 0,#050d14 43%,#02070b 100%);color:var(--text)}
.agencybar{height:82px;background:linear-gradient(180deg,#07131d,#030a10);border-bottom:1px solid #153247;display:flex;align-items:center;padding:0 28px;gap:20px;box-shadow:0 5px 18px #0007;position:sticky;top:0;z-index:20}.agency-ident{display:flex;align-items:center;gap:14px;min-width:420px}.agency-seal{width:52px;height:52px;border:2px solid #8da1b0;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#dfc06d;box-shadow:inset 0 0 0 4px #0a1c29,0 0 18px #000}.agency-ident strong{display:block;font-size:19px;letter-spacing:.5px}.agency-ident small,.officer-profile small,.clockbox small{display:block;color:#8ba1b2;font-size:11px;letter-spacing:.8px;margin-top:3px}.agency-spacer{flex:1}.officer-profile{display:flex;align-items:center;gap:10px}.officer-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#15293a;border:1px solid #2d4e67;color:#cddce8;font-size:11px}.duty-pill{background:#0a472c;color:#a6f4c7;border:1px solid #167249;padding:4px 11px;border-radius:18px;font-size:12px;margin-left:4px}.system-icons{display:flex;gap:14px;color:#8fc7ef;font-size:15px}.clockbox{text-align:right;min-width:118px}.clockbox b{font-size:22px;font-weight:500}.modulebar{height:68px;background:linear-gradient(180deg,#0a1a27,#07131d);border-bottom:1px solid #1b3c53;display:grid;grid-template-columns:repeat(14,minmax(76px,1fr));padding:5px 26px;gap:4px;position:sticky;top:82px;z-index:18;box-shadow:0 6px 18px #0005}.modulebar button{border:1px solid #17384f;background:linear-gradient(180deg,#0c2130,#091925);color:#c7d7e3;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;letter-spacing:.25px;min-width:0}.modulebar button:hover{background:#11314a;border-color:#285e80}.modulebar button.active{background:linear-gradient(180deg,#087be8,#0560b8);border-color:#31a0ff;color:#fff;box-shadow:inset 0 0 0 1px #55b7ff,0 0 13px #0782e744}.module-icon{font-size:18px;line-height:1}.view{padding:8px 24px 18px;min-height:calc(100vh - 150px);max-width:2000px;margin:0 auto}.main-shell,.sidebar,.topbar{all:unset}
@media(max-width:1200px){.agency-ident{min-width:310px}.modulebar{overflow-x:auto;display:flex}.modulebar button{min-width:88px}.view{padding:8px}.system-icons{display:none}}