:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary:#625b71;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#e8def8;--md-sys-color-on-secondary-container:#1d192b;--md-sys-color-tertiary:#7d5260;--md-sys-color-on-tertiary:#fff;--md-ref-typeface-brand:"Outfit", "Roboto", system-ui, sans-serif;--md-ref-typeface-plain:"Roboto", system-ui, sans-serif;font-family:var(--md-ref-typeface-plain);color:#1d1b20;background-color:#fef7ff}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-secondary:#ccc2dc;--md-sys-color-on-secondary:#332d41;--md-sys-color-secondary-container:#4a4458;--md-sys-color-on-secondary-container:#e8def8;--md-sys-color-tertiary:#efb8c8;--md-sys-color-on-tertiary:#492532;--md-sys-color-background:#141218;--md-sys-color-on-background:#e6e1e5}}body{box-sizing:border-box;background-color:var(--md-sys-color-background,#fef7ff);color:var(--md-sys-color-on-background,#1d1b20);margin:0;padding:0;font-family:Roboto,sans-serif}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-bar{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 2px 4px #0000001a}.app-bar h1{margin:0;font-family:Outfit,sans-serif;font-size:24px;font-weight:500}.app-tabs{background-color:var(--md-sys-color-primary-container);border-bottom:1px solid var(--md-sys-color-primary);padding-left:24px;display:flex}.app-tab{color:var(--md-sys-color-on-primary-container);cursor:pointer;opacity:.7;border-bottom:3px solid #0000;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:500;text-decoration:none;transition:opacity .2s,border-color .2s}.app-tab.active{opacity:1;border-bottom-color:var(--md-sys-color-primary)}.content-container{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.m3-card{background-color:var(--md-sys-color-surface-container,#f3edf7);border:1px solid var(--md-sys-color-outline-variant,#c4c6d0);border-radius:16px;margin-bottom:24px;padding:24px}.m3-card h2{margin-top:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:500}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.rota-table-card{overflow-x:auto}.rota-table{border-collapse:collapse;text-align:left;width:100%;margin-top:16px}.rota-table th{border-bottom:2px solid var(--md-sys-color-primary);color:var(--md-sys-color-primary);padding:12px 8px;font-family:Outfit,sans-serif;font-weight:500}.rota-table td{border-bottom:1px solid var(--md-sys-color-outline-variant,#c4c6d0);vertical-align:middle;padding:12px 8px}.rota-table tr:hover td{background-color:var(--md-sys-color-secondary-container,#e8def8);color:var(--md-sys-color-on-secondary-container)}.badge{text-align:center;border-radius:8px;min-width:80px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.badge.OFF{color:#49454f;background-color:#e6e1e5}.badge.HOL{color:#410e0b;background-color:#f9dedc;border:1px solid #b3261e}.badge.Z1_OPEN{color:#0f5132;background-color:#d1e7dd}.badge.Z1_CLOSE{color:#842029;background-color:#f8d7da}.badge.Z2_CLOSE{color:#664d03;background-color:#fff3cd}.badge.Z3_OPEN{color:#055160;background-color:#cff4fc}.badge.Z3_CLOSE{color:#4b238d;background-color:#e2d9f3}.badge.P_ORD,.badge.NP_ORD{color:#385723;background-color:#e2f0d9;border:1px dashed #385723}.badge.REC{color:#c65911;background-color:#fbe5d6;border:1px dashed #c65911}.badge.SSS{color:#7f6000;background-color:#fff2cc;border:1px dashed #7f6000}.badge-outline{border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);border-radius:8px;padding:4px 8px;font-size:12px;display:inline-block}.status-indicator{align-items:center;gap:8px;font-size:14px;display:flex}.status-indicator.met{color:#0f5132}.status-indicator.unmet{color:#b3261e}.filter-bar{background-color:var(--md-sys-color-surface-container-high,#ece6f0);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.select-input,.text-input{border:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}