:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--surface:#fff;--surface-soft:#eef3f8;--text:#172033;--muted:#657186;--line:#d9e0ea;--nav:#111a28;--nav-2:#1f2e44;--teal:#0d9488;--teal-dark:#0f766e;--amber:#c77700;--shadow:0 12px 28px #0f172a14}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#f7fbff;min-width:0;padding:24px 20px}.brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.brand strong{overflow-wrap:anywhere;font-size:20px;line-height:1.1;display:block}.brand span{color:#a9b4c5;overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.35;display:block}.nav{gap:6px;display:grid}.nav a{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.nav a:hover{background:var(--nav-2);color:#fff}.main{width:100%;min-width:0;padding:28px;overflow-x:hidden}.pageHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.pageHeader h1{margin:0;font-size:28px;line-height:1.15}.pageHeader p{color:var(--muted);margin:7px 0 0}.statusPill{color:var(--teal-dark);white-space:nowrap;background:#e6fffb;border:1px solid #9de5df;border-radius:999px;padding:10px 14px;font-weight:800}.statusBadge{border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:78px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.statusPresent{color:#047857;background:#ecfdf5}.statusLate{color:#c2410c;background:#fff7ed}.statusWarning{color:#a16207;background:#fffbeb}.statusInfo{color:#1d4ed8;background:#eff6ff}.statusAbsent{color:#b91c1c;background:#fef2f2}.statusUnmapped{color:#4338ca;background:#eef2ff}.statusNeutral{color:#475569;background:#f1f5f9}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.metric,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{min-width:0;padding:16px}.reportMetrics{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.statusMetric{color:var(--text);text-decoration:none;display:block}.statusMetric:hover{border-color:#94a3b8}.statusMetricActive{box-shadow:0 0 0 2px #14b8a626, var(--shadow);border-color:#14b8a6}.metric span{color:var(--muted);margin-bottom:8px;font-size:13px;line-height:1.3;display:block}.metric strong{font-size:30px;line-height:1.05;display:block}.readinessPanel{border-color:#cbd5e1}.readinessHead{align-items:center}.readinessState{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.readinessReady{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.readinessBlocked{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.readinessGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 18px 0;display:grid}.readinessCard{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.readinessCard:hover{border-color:#94a3b8}.readinessCard span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.readinessCard strong{font-size:24px;line-height:1}.readinessIssues{gap:10px;padding:14px 18px 18px;display:grid}.readinessIssue{border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.readinessIssue strong,.readinessIssue small{display:block}.readinessIssue small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35}.readinessCritical{color:#991b1b;background:#fff7f7;border-color:#fecaca}.readinessWarning{color:#92400e;background:#fffaf0;border-color:#fde68a}.readinessInfo{color:#334155;background:#f8fafc;border-color:#dbe3ef}.panel{margin-bottom:16px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.panelHead h2{margin:0;font-size:17px}.panelHeadActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.tableWrap{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:max-content;min-width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:13px 16px;font-size:14px;line-height:1.35}th{background:var(--surface-soft);color:#344054;font-weight:800}tr:last-child td{border-bottom:0}.empty{color:var(--muted);padding:18px}.rawText{white-space:pre-wrap;word-break:break-word;max-width:520px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;display:inline-block}.splitGrid{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.formBody{gap:12px;padding:18px;display:grid}label{color:#334155;gap:6px;font-size:13px;font-weight:800;display:grid}input,textarea{color:var(--text);font:inherit;border:1px solid #bfc8d7;border-radius:8px;min-height:42px;padding:8px 10px}textarea{resize:vertical;min-height:120px;line-height:1.45}input:disabled,select:disabled,textarea:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.primaryButton,.iconButton{cursor:pointer;font:inherit;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;display:inline-flex}.primaryButton{background:var(--teal);color:#fff}.primaryButton:hover{background:var(--teal-dark)}.iconButton{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.iconButton:hover{background:#ffedd5}@media (max-width:1180px){.reportMetrics{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}}@media (max-width:1020px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.splitGrid,.reportSummaryGrid{grid-template-columns:1fr}.reportMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}.pageHeader{flex-direction:column;align-items:flex-start}}select{color:var(--text);font:inherit;background:#fff;border:1px solid #bfc8d7;border-radius:8px;min-height:42px;padding:8px 10px}.customSelect{position:relative}.customSelectButton{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #bfc8d7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;font-weight:800;line-height:1.2;display:flex}.customSelectButton:hover,.customSelectButton[aria-expanded=true]{border-color:#94a3b8;box-shadow:0 0 0 3px #0d94881f}.customSelectButton span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.placeholderValue span{color:#64748b}.customSelectMenu{z-index:30;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:2px;max-height:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a2e}.customSelectMenu button{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;min-height:38px;padding:8px 10px;font-weight:800}.customSelectMenu button:hover,.customSelectMenu button.selected{color:var(--teal-dark);background:#ccfbf1}.userBadge{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:16px;padding:12px}.userBadge strong{overflow-wrap:anywhere;font-size:14px;display:block}.userBadge span{color:#a9b4c5;overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.35;display:block}.logoutForm{margin-top:20px}.logoutForm button{color:#cbd5e1;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.logoutForm button:hover{background:var(--nav-2);color:#fff}.filterPanel{padding:18px}.filterGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:14px;display:grid}.filterGrid button{min-width:190px}.compactFilters{grid-template-columns:repeat(auto-fit,minmax(180px,240px));justify-content:start}.reportSummaryGrid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.mutedInline{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.printOnly{display:none}.printReport{padding:18px}.printReportHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.printReportHead strong{font-size:13px;display:block}.printReportHead h1{margin:6px 0 4px;font-size:24px;line-height:1.15}.printReportHead p{color:var(--muted);margin:0}.printReportMeta{color:var(--muted);text-align:right;gap:4px;font-size:12px;display:grid}.printSummaryStrip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px;display:grid}.printSummaryStrip span{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800}.monthlyLegend{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px 0;display:flex}.monthlyLegend span{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;line-height:1;display:inline-flex}.monthlyLegend strong{color:var(--text);font-size:12px}.monthlyTableWrap{padding:16px 18px 18px}.monthlyCalendarTable th,.monthlyCalendarTable td{text-align:center;padding:10px 9px;font-size:12px}.monthlyCalendarTable th:first-child,.monthlyCalendarTable td:first-child,.monthlyCalendarTable th:nth-child(2),.monthlyCalendarTable td:nth-child(2),.monthlyCalendarTable th:nth-child(3),.monthlyCalendarTable td:nth-child(3),.monthlyCalendarTable th:nth-child(4),.monthlyCalendarTable td:nth-child(4){text-align:left}.monthlyDay{color:#475569;background:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;justify-content:center;align-items:center;min-width:34px;min-height:26px;padding:0 6px;font-size:11px;font-weight:900;display:inline-flex}.monthlyPresent{color:#166534;background:#dcfce7;border-color:#86efac}.monthlyLate{color:#92400e;background:#fef3c7;border-color:#fbbf24}.monthlyAbsent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.monthlyProgress{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.monthlyWarning{color:#9a3412;background:#ffedd5;border-color:#fdba74}.monthlyNeutral{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.monthlyUnmapped{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.loginScreen{justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:flex}.loginPanel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:100%;max-width:420px;padding:28px}.loginPanel h1{margin:12px 0 4px;font-size:28px}.loginPanel p{color:var(--muted);margin:0 0 12px}.loginIcon{color:var(--teal-dark);background:#e6fffb;border:1px solid #9de5df;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.formError{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px;font-weight:800}.secondaryButton{color:#1e293b;cursor:pointer;font:inherit;background:#eef3f8;border:1px solid #ccd6e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;text-decoration:none;display:inline-flex}.secondaryButton:hover{background:#e2e8f0}.secondaryButton:disabled,.primaryButton:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.58}.dangerButton{color:#991b1b;cursor:pointer;font:inherit;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;display:inline-flex}.dangerButton:hover{background:#fee2e2}.successNote{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.helpText{color:var(--muted);font-size:13px;line-height:1.45}.employeeNoticeStack{gap:10px;margin-bottom:16px;display:grid}.sideStack{align-content:start;gap:16px;display:grid}.employeeMetrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.employeeSetupGrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.employeeSetupPanel{margin-bottom:0}.quickEmployeeForm{grid-template-columns:repeat(2,minmax(0,1fr))}.quickEmployeeForm button{grid-column:1/-1}.priorityPanel{box-shadow:0 0 0 1px #14b8a61a, var(--shadow);border-color:#b5ece6}.conflictPanel{box-shadow:0 0 0 1px #dc262614, var(--shadow);border-color:#fecaca}.conflictPanel .panelHead h2{align-items:center;gap:8px;display:inline-flex}.conflictList{gap:10px;padding:14px;display:grid}.conflictItem{background:#fff7f7;border:1px solid #fecaca;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding:12px;display:grid}.conflictItem span{color:#991b1b;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.conflictItem strong{overflow-wrap:anywhere;line-height:1.35;display:block}.conflictItem small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.employeeMappingsPanel{align-self:start}.employeeSplit{grid-template-columns:minmax(0,1fr) 420px;align-items:start}.employeeList{gap:12px;padding:14px;display:grid}.employeeCard{border:1px solid var(--line);border-radius:8px;gap:14px;padding:14px;display:grid}.employeeCardTop{justify-content:space-between;align-items:start;gap:16px;display:flex}.employeeCardTop h3{margin:0 0 4px;font-size:18px}.employeeCardTop span{color:var(--muted);font-size:13px}.employeeCardTop>strong{background:var(--surface-soft);border:1px solid var(--line);color:#334155;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:13px}.employeeMeta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.employeeMeta div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.employeeMeta span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.employeeMeta strong{overflow-wrap:anywhere;font-size:14px}.mappingDetails{border-top:1px solid var(--line);padding-top:12px}.mappingDetails summary{color:var(--teal-dark);cursor:pointer;font-weight:900}.mappingDetails summary span{padding-left:4px}.employeeActions{gap:12px;padding-top:12px;display:grid}.employeeEditForm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.employeeEditForm input,.employeeEditForm select{min-height:40px}.employeeEditForm button{align-self:end}.mappingFooter{justify-content:flex-end;display:flex}.unmappedList{gap:12px;padding:14px;display:grid}.unmappedCard{border:1px solid var(--line);border-radius:8px;gap:14px;padding:14px;display:grid}.unmappedMeta{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(105px,1fr));gap:10px;display:grid}.unmappedMeta div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:4px;min-width:0;padding:10px 12px;display:grid}.unmappedMeta span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.unmappedMeta strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.35}.unmappedMapForm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.unmappedMapForm input,.unmappedMapForm select{min-height:40px}.unmappedActions{gap:12px;display:grid}.unmappedAttachForm{border:1px solid var(--line);background:#f8fafc;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(130px,auto) auto;align-items:end;gap:10px;padding:12px;display:grid}.unmappedAttachForm select{min-height:40px}.compactEmpty{padding:10px 12px}.inactiveEmployeeCard{opacity:.72}.mappingList{gap:8px;display:grid}.mappingEditor{border:1px solid var(--line);background:#f8fafc;border-radius:8px;overflow:hidden}.mappingEditor summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;list-style-position:inside;display:flex}.mappingEditor summary span{color:#1e293b;overflow-wrap:anywhere;font-weight:900}.mappingEditor summary strong{color:var(--teal-dark);white-space:nowrap;background:#ccfbf1;border:1px solid #5eead4;border-radius:999px;padding:5px 9px;font-size:12px}.mappingEditorBody{border-top:1px solid var(--line);gap:10px;padding:12px;display:grid}.mappingEditForm,.mappingAddForm{grid-template-columns:minmax(160px,1fr) minmax(140px,1fr) minmax(120px,auto) auto;align-items:end;gap:10px;display:grid}.mappingEditForm input,.mappingEditForm select,.mappingAddForm input,.mappingAddForm select{min-height:40px}.mappingAddForm{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:12px}@media (max-width:1180px){.unmappedMeta,.unmappedMapForm,.unmappedAttachForm,.mappingEditForm,.mappingAddForm{grid-template-columns:repeat(2,minmax(0,1fr))}.unmappedMapForm button,.unmappedAttachForm button,.mappingEditForm button,.mappingAddForm button,.mappingFooter button{width:100%}}@media (max-width:720px){.unmappedMeta,.unmappedMapForm,.unmappedAttachForm,.mappingEditForm,.mappingAddForm{grid-template-columns:1fr}}.stackedCell{gap:3px;min-width:180px;display:grid}.stackedCell strong{font-size:14px}.stackedCell span{color:var(--muted);font-size:12px}.deviceList{gap:16px;display:grid}.deviceCard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:18px;display:grid}.deviceCardWarning{box-shadow:0 0 0 1px #f59e0b1f, var(--shadow);border-color:#fde68a}.deviceCardTop{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:start;gap:14px;display:grid}.deviceCardTop h2{margin:0 0 6px;font-size:20px;line-height:1.2}.deviceSubline,.deviceIdentity{color:var(--muted);align-items:center;gap:8px;min-width:0;display:flex}.deviceIdentity{background:var(--surface-soft);border:1px solid var(--line);color:#334155;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.deviceIdentity span{overflow-wrap:anywhere}.deviceStatus{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.deviceStatus span,.deviceDetail span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.deviceStatus strong,.deviceDetail strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.35}.deviceHealthPanel{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:12px;padding:14px;display:grid}.deviceHealthHeader{justify-content:space-between;align-items:start;gap:14px;display:flex}.deviceHealthHeader h3{margin:0 0 4px;font-size:16px;line-height:1.25}.deviceHealthHeader p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.deviceClockGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.deviceDetailsGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.deviceDetail{border:1px solid var(--line);border-radius:8px;gap:5px;min-width:0;padding:10px 12px;display:grid}.deviceCardActions{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:16px;display:grid}.deviceEditForm{grid-template-columns:repeat(2,minmax(160px,1fr)) auto;align-items:end;gap:10px;display:grid}.deviceEditForm input{min-height:40px}.deviceCommandActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.deviceCommandActions form{margin:0}@media (max-width:1240px){.deviceClockGrid,.deviceDetailsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.deviceCardTop,.deviceCardActions,.deviceEditForm{grid-template-columns:1fr}.deviceCardActions form,.deviceCardActions button,.deviceCommandActions,.deviceCommandActions form,.deviceCommandActions button,.deviceCommandActions span,.deviceEditForm button{width:100%}.deviceCommandActions{justify-content:stretch}.deviceClockGrid,.deviceDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.deviceClockGrid,.deviceDetailsGrid,.employeeMeta{grid-template-columns:1fr}}.wideSplit{grid-template-columns:minmax(0,1fr) 420px}.roleList{gap:16px;padding:18px;display:grid}.roleEditor{border:1px solid var(--line);border-radius:8px;gap:14px;padding:16px;display:grid}.roleTop{grid-template-columns:minmax(180px,260px) minmax(260px,1fr) auto;align-items:end;gap:12px;display:grid}.smallBadge{color:#475569;text-align:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.permissionGroups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.permissionGroups fieldset{border:1px solid var(--line);border-radius:8px;margin:0;padding:12px}.permissionGroups legend{color:#334155;padding:0 6px;font-size:13px;font-weight:900}.checkRow{color:#334155;align-items:center;gap:8px;margin:8px 0;font-size:13px;font-weight:700;display:flex}.checkRow input{width:auto;min-height:auto}.roleCreate{gap:18px}.passwordResetForm{align-items:center;gap:8px;min-width:330px;display:flex}.passwordResetForm input[type=password]{width:180px;min-height:40px}.configSaved{margin-bottom:16px}.configForm,.configGroups{gap:16px;display:grid}.configPanel{margin-bottom:0}.configGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.configItem{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-content:start;gap:8px;padding:14px}.configItemWide{grid-column:1/-1}.configItem span{color:#1e293b;font-size:14px}.configItem small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}.toggleRow{background:#fff;border:1px solid #bfc8d7;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.toggleRow input{width:auto;min-height:auto}.toggleRow strong{color:#334155;font-size:13px}.configActions{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;justify-content:flex-end;align-items:center;padding:14px;display:flex}.shiftList{gap:14px;padding:18px;display:grid}.shiftCard{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.defaultShift{background:#f0fdfa;border-color:#99f6e4}.shiftEditForm,.shiftCreateForm{grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(110px,.8fr)) minmax(96px,.6fr) auto;align-items:end;gap:10px;display:grid}.shiftCreateForm{border-top:1px solid var(--line);padding:18px}.shiftDefaultCheck{align-items:center;gap:8px;min-height:42px;display:flex}.shiftMeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.shiftMeta strong{color:var(--teal-dark);background:#ccfbf1;border:1px solid #5eead4;border-radius:999px;padding:5px 9px}@media (max-width:1240px){.filterGrid,.permissionGroups,.configGrid,.shiftEditForm,.shiftCreateForm{grid-template-columns:repeat(2,minmax(0,1fr))}.wideSplit,.roleTop,.employeeSplit,.employeeEditForm,.employeeSetupGrid{grid-template-columns:1fr}.employeeMeta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.filterGrid,.compactFilters,.permissionGroups,.configGrid,.shiftEditForm,.shiftCreateForm,.employeeCardTop,.reportMetrics,.reportSummaryGrid,.quickEmployeeForm{grid-template-columns:1fr}.filterGrid button,.configActions button,.shiftCreateForm button,.shiftEditForm button,.quickEmployeeForm button{width:100%}.configActions{justify-content:stretch}.employeeCardTop{display:grid}}@media print{html,body{overflow:visible}body{background:#fff}.shell{display:block}.sidebar,.filterPanel,.noPrint,.panelHeadActions,.statusMetric{display:none!important}.printOnly{display:block!important}.main{padding:0;overflow:visible}.panel,.metric{box-shadow:none;break-inside:avoid}.printReport{border:0;margin:0;padding:0}.printReportHead{break-after:avoid}.printSummaryStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.tableWrap{overflow:visible}table{width:100%}th,td{white-space:normal;padding:7px 6px;font-size:10px}.monthlyLegend{padding:10px 0}.monthlyLegend span{padding:5px 7px;font-size:9px}.monthlyTableWrap{padding:0}.monthlyCalendarTable th,.monthlyCalendarTable td{padding:4px 3px;font-size:8px}}.deviceHealthSummary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.deviceHealthCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:16px 18px}.deviceHealthCard span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.deviceHealthCard strong{color:var(--text);font-size:30px;line-height:1;display:block}
