:root{color:#111827;--surface:#ffffffeb;--surface-strong:#fff;--surface-muted:#eef2f7;--border:#d8dee8;--border-strong:#b9c6d8;--text-muted:#64748b;--brand:#2563eb;--brand-soft:#e7efff;--shadow-soft:0 10px 28px #0f172a14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#94a3b81f,#0000 24%),linear-gradient(#f8fafc 0%,#eef2f7 100%);min-width:320px;min-height:100vh;margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}input,select,textarea,button{font:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.app-header{z-index:20;border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft);will-change:padding;background:linear-gradient(#f8fafcfa,#f8fafcf0);flex-direction:column;gap:0;padding:14px 20px;transition:padding .28s;display:flex;position:sticky;top:0;overflow:visible}.app-header.collapsed{padding:10px 16px;overflow:visible}.topbar-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px;width:100%;display:flex}.topbar-brand-section{order:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-toggle{border:1px solid var(--border);background:var(--surface-strong);color:#334155;cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s,border-color .2s;display:inline-flex}.topbar-toggle:hover{border-color:var(--border-strong);background:var(--surface-muted)}.topbar-toggle-icon{width:18px;height:18px}.topbar-logo{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#1e3a8a,#2563eb);justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;display:inline-flex}.topbar-brand-copy{min-width:0}.topbar-brand-copy h1{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1rem;overflow:hidden}.topbar-brand-copy p{color:var(--text-muted);font-size:.84rem}.status-pill{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:0;align-items:center;padding:6px 10px;font-size:.875rem;display:inline-flex}.status-pill.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.topbar-menu-region{will-change:transform, opacity, max-height;flex-basis:100%;order:3;width:100%;margin-top:12px;transition:margin-top .24s,max-height .32s,opacity .22s,transform .22s;position:relative;transform:translateY(0)}.app-header.expanded.scroll-collapsed .topbar-menu-region{opacity:0;pointer-events:none;max-height:0;margin-top:0;transform:translateY(-6px)}.topbar-menu-expanded,.topbar-menu-collapsed{scrollbar-width:none;align-items:stretch;gap:10px;width:100%;transition:opacity .24s,max-height .32s;display:flex;overflow-x:auto}.topbar-menu-expanded::-webkit-scrollbar{display:none}.topbar-menu-collapsed::-webkit-scrollbar{display:none}.topbar-menu-expanded{opacity:1;max-height:132px;padding:1px 0;overflow:visible}.topbar-menu-collapsed{opacity:1;align-items:center;max-height:52px;padding:1px 0;overflow:visible}.topbar-menu-measure{visibility:hidden;pointer-events:none;white-space:nowrap;height:0;position:absolute;overflow:hidden}.topbar-menu-card{border:1px solid var(--border);color:#334155;cursor:pointer;background:linear-gradient(#fffffff5,#f1f5f9eb);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:106px;min-height:98px;padding:14px 10px 12px;transition:transform .2s,background-color .2s,border-color .2s,opacity .2s;display:inline-flex}.topbar-menu-card:hover{border-color:var(--border-strong);background:#fff;transform:translateY(-1px)}.topbar-menu-card.active{background:var(--brand-soft);color:#1d4ed8;border-color:#7aa2f7}.topbar-menu-card-icon{width:20px;height:20px}.topbar-menu-card span{text-align:center;font-size:.82rem;font-weight:600;line-height:1.2}.topbar-text-link{color:#334155;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;height:38px;padding:0 12px;font-weight:600;transition:background-color .18s,color .18s,border-color .18s}.topbar-text-link:hover,.topbar-text-link.active{background:var(--brand-soft);color:var(--brand);border-color:#2563eb2e}.topbar-actions{flex-wrap:wrap;order:2;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.app-header.collapsed .topbar-row{flex-wrap:nowrap;align-items:center}.app-header.collapsed .topbar-brand-section{flex:0 auto}.app-header.collapsed .topbar-menu-region{flex:auto;order:2;width:auto;margin-top:0}.app-header.collapsed .topbar-actions{flex-wrap:nowrap;order:3;margin-left:0}.header-icon-button,.top-dropdown-trigger{border:1px solid var(--border);background:var(--surface);color:#334155;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-width:38px;height:38px;padding:0 12px;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.header-icon-button:hover,.top-dropdown-trigger:hover,.top-dropdown-trigger.open{background:var(--surface-strong);border-color:var(--border-strong)}.top-dropdown{position:relative}.top-dropdown-trigger.topbar-menu-card{border:1px solid var(--border);color:#334155;background:linear-gradient(#fffffff5,#f1f5f9eb);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:106px;height:auto;min-height:98px;padding:14px 10px 12px;display:inline-flex}.top-dropdown-trigger.topbar-menu-card:hover,.top-dropdown-trigger.topbar-menu-card.open{border-color:var(--border-strong);background:#fff;transform:translateY(-1px)}.top-dropdown-trigger.topbar-menu-card.active{background:var(--brand-soft);color:#1d4ed8;border-color:#7aa2f7}.top-dropdown-trigger.topbar-menu-card span{text-align:center;font-size:.82rem;font-weight:600;line-height:1.2}.top-dropdown-trigger.tile.topbar-menu-card{position:relative}.top-dropdown-trigger.tile.topbar-menu-card .dropdown-chevron{opacity:0;transition:opacity .18s,transform .18s;position:absolute;top:8px;right:8px;transform:translateY(-2px)}.top-dropdown-trigger.tile.topbar-menu-card:hover .dropdown-chevron,.top-dropdown-trigger.tile.topbar-menu-card.open .dropdown-chevron{opacity:1;transform:translateY(0)}.top-dropdown-trigger.compact{padding-inline:10px}.header-icon{width:18px;height:18px}.header-icon-badge{color:#fff;background:#ef4444;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-4px}.dropdown-chevron{width:14px;height:14px}.top-dropdown-menu{border:1px solid var(--border);min-width:210px;box-shadow:var(--shadow-soft);z-index:30;background:#fffffffa;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.top-dropdown-menu.compact,.top-dropdown-menu.start{left:0;right:auto}.top-dropdown-heading{color:var(--text-muted);border-bottom:1px solid #edf2f7;margin-bottom:6px;padding:6px 8px 10px;font-size:.8rem}.top-dropdown-item{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:38px;padding:0 10px;transition:background-color .18s,color .18s}.top-dropdown-item:hover,.top-dropdown-item.active{background:var(--brand-soft);color:var(--brand)}.top-dropdown-item.danger{color:#b91c1c}.top-dropdown-item.submenu-trigger{justify-content:space-between;align-items:center;display:flex}.submenu-chevron{flex-shrink:0;width:12px;height:12px;margin-left:8px;transition:transform .18s}.top-dropdown-submenu{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-muted);margin:2px 0}.top-dropdown-submenu .top-dropdown-item{padding-left:24px;font-size:.88rem}.app-main{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.login-form-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px 32px;display:flex;box-shadow:0 10px 28px #0f172a14}.login-header{text-align:center;margin-bottom:8px}.login-title{color:#2563eb;margin-bottom:4px;font-size:32px;font-weight:700}.login-subtitle{color:#64748b;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:#374151;font-size:14px;font-weight:500}.form-field input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:15px;transition:all .2s}.form-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-field input::placeholder{color:#a3b1c6}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:14px}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;color:#374151;align-items:center;gap:8px;font-size:14px;display:flex!important}.checkbox-row input{cursor:pointer;width:auto;margin:0}.btn-login{margin-top:8px;padding:11px 16px;font-size:15px;font-weight:500}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar-row{gap:8px;width:min(420px,100%);display:flex}.toolbar-row input{flex:1}.form-grid{flex-direction:column;gap:10px;display:flex}.form-grid label{color:#374151;flex-direction:column;gap:6px;font-size:.925rem;display:flex}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}textarea{resize:vertical}.form-row-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-row{align-items:center;gap:8px;flex-direction:row!important;display:inline-flex!important}.checkbox-row input{width:auto}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 12px}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-secondary{color:#374151;background:#fff;border-color:#d1d5db}.btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.error-text{color:#b91c1c;font-size:.9rem}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:10px}th{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;font-size:.85rem}.actions-cell{gap:6px;display:inline-flex}.modal-backdrop{z-index:100;background:#1118278c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,100%);padding:16px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.drawer-backdrop{z-index:130;background:#0f172a59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;height:100vh;display:flex;box-shadow:-16px 0 28px #0f172a1f}.drawer-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.drawer-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.drawer-content .form-grid{min-height:100%}.drawer-content .drawer-form-actions{background:#fff;border-top:1px solid #e5e7eb;margin-top:auto;padding-top:10px;padding-bottom:2px;position:sticky;bottom:0}.schedule-list{flex-direction:column;gap:12px;display:flex}.schedule-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.schedule-card-conflict{background:#fffbeb;border-color:#f59e0b}.schedule-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.schedule-card-controls{flex-wrap:wrap;gap:8px;display:flex}.schedule-card-title{color:#0f172a;font-size:.92rem;font-weight:600}.schedule-conflict-banner{background:#fff7d6;border:1px solid #fcd34d;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.schedule-conflict-title{color:#92400e;font-size:.88rem;font-weight:700}.schedule-conflict-message{color:#78350f;font-size:.85rem}.schedule-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.schedule-override-row{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px 12px}.schedule-group{flex-direction:column;gap:10px;display:flex}.schedule-group-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.schedule-group-title{color:#0f172a;font-size:.95rem;font-weight:700}.schedule-group-count{color:#64748b;font-size:.82rem}.drawer-section{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.drawer-label{color:#64748b;font-size:.82rem}.drawer-value{color:#0f172a;font-weight:600}.home-page{flex-direction:column;gap:20px;padding:8px 0;display:flex}.home-grid{gap:14px;display:grid}.home-grid-primary{grid-template-columns:repeat(6,minmax(0,1fr))}.home-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:150px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 6px 16px #0f172a0f}.home-card-secondary{min-height:300px}.home-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.home-card-title{color:#0f172a;margin-bottom:6px;font-size:1rem;font-weight:650}.home-card-text{color:#64748b;font-size:.92rem}@media (width<=1100px){.topbar-row{flex-wrap:wrap;align-items:flex-start}.app-header.collapsed .topbar-row{flex-wrap:wrap}.app-header.collapsed .topbar-menu-region{flex-basis:100%;order:3;width:100%;margin-top:10px}.app-header.collapsed .topbar-actions{margin-left:auto}.page-grid{grid-template-columns:1fr}table{min-width:620px}.home-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.app-shell{padding:0}.app-header{padding:10px 12px}.app-header.collapsed{padding:8px 12px}.app-header.scroll-collapsed{overflow:visible}.topbar-brand-section{gap:10px}.topbar-brand-copy h1{font-size:.92rem}.topbar-brand-copy p{font-size:.78rem}.topbar-logo{width:38px;height:38px}.topbar-menu-card{min-width:94px;min-height:90px}.topbar-actions{justify-content:space-between;width:100%}.app-header.collapsed .topbar-actions{justify-content:flex-end;width:auto;margin-left:auto}.app-header.collapsed .topbar-menu-region{width:auto;margin-top:0}.form-row-two{grid-template-columns:1fr}.app-main{padding:0 12px 12px}.home-page{gap:12px}.home-grid-primary,.home-grid-secondary{grid-template-columns:1fr}}