:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f8f7;color:#17211f}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.app{width:min(1320px,calc(100vw - 28px));margin:0 auto;padding:18px 0 40px}.loginShell{display:grid;place-items:center;min-height:100vh;padding:18px}.loginPanel{display:grid;gap:14px;width:min(100%,420px);padding:18px;background:#fff;border:1px solid #d9e1de;border-radius:8px}.loginPanel label,.accountPanel label,.formGrid label{display:grid;gap:5px}.loginPanel label span,.accountPanel label span,.formGrid label span,.roleGrid span{color:#60716d;font-size:12px}.topbar,.toolbar,.row,.metric,.panel{background:#fff;border:1px solid #d9e1de;border-radius:8px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px}.brand,.topActions,.toolbar,.search,.dateControls,.devLogin{display:flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#0f766e;color:#fff}h1,h2,p{margin:0}h1{font-size:19px}h2{font-size:16px;margin-bottom:12px}.brand p,.row span,.metric span,.devLogin span,.sectionHint,.settingHeader small{color:#60716d;font-size:13px}.devLogin input{width:122px}input,select,textarea{border:1px solid #cbd6d2;border-radius:7px;padding:9px 10px;background:#fff;min-width:0}textarea{min-height:88px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.iconButton,.small,.primary,.tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:38px}.iconButton{width:40px;color:#17312d;background:#e8efed}.primary{padding:0 14px;color:#fff;background:#0f766e}.small{padding:0 12px;background:#e8efed;color:#17312d}.small.active,.tab.active{color:#fff;background:#0f766e}.metrics,.tabs,.reportGrid{display:grid;gap:10px;margin-top:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:13px;display:grid;grid-template-columns:24px 1fr;gap:4px 9px;align-items:center}.metric strong{grid-column:1 / -1;font-size:24px}.reportGrid .metric strong{font-size:19px;line-height:1.25}.reportPeriod{margin:12px 0 0;color:#4b635f}.tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tab{padding:0 10px;color:#17312d;background:#e8efed}.toolbar{justify-content:space-between;margin-top:12px;padding:10px}.search{flex:1;max-width:420px;background:#fff}.search input{width:100%}.tablePanel,.panel{margin-top:12px}.tablePanel{display:grid;gap:8px}.tableSection{display:grid;gap:10px;margin-top:12px}.listControls{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px;padding:10px;background:#fff;border:1px solid #d9e1de;border-radius:8px}.listControls label{display:grid;gap:5px}.listControls span,.durationFields span,.retentionEditor span{color:#60716d;font-size:12px}.row{display:grid;grid-template-columns:minmax(0,1fr) 150px 80px;gap:10px;align-items:center;padding:11px}.rowMain{display:grid;gap:4px;min-width:0}.rowMain input{width:100%}.rowMain strong,.rowMain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{justify-self:start;padding:6px 9px;border-radius:999px;background:#e8efed;color:#17312d;font-size:12px}.badge.muted{color:#60716d;background:#f0f3f2}.chatRow{grid-template-columns:minmax(0,1fr) 150px minmax(220px,auto)}.employeeRow{grid-template-columns:minmax(0,1fr) 110px minmax(180px,auto)}.userRow{grid-template-columns:minmax(0,1fr) 110px minmax(120px,auto)}.inlineActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.inlineActions.left{justify-content:flex-start}.modalBackdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0f172a57}.confirmDialog{display:grid;gap:12px;width:min(100%,460px);padding:18px;border:1px solid #cbd6d2;border-radius:8px;background:#fff;box-shadow:0 20px 48px #0f172a2e}.confirmDialog p{color:#40504c;line-height:1.45}.confirmDialog span{color:#60716d;font-size:13px}.editGrid{display:grid;grid-column:1 / span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compactForm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:8px;align-items:center}.accountPanel{display:grid;gap:12px}.inviteBox{display:grid;gap:8px;padding:10px;border:1px solid #d9e1de;border-radius:8px;background:#f8fbfa}.inviteBox span{color:#60716d;font-size:12px}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rowForm{grid-column:1 / -1}.roleGrid{display:flex;flex-wrap:wrap;gap:8px}.roleGrid label,.checkLine{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 9px;border:1px solid #d9e1de;border-radius:7px;background:#fff}.danger{color:#8a2518;background:#fff1ee}.panel{padding:14px}.settingsLayout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;margin-top:12px}.settingsNav{display:grid;align-content:start;gap:8px}.namespaceButton{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;padding:9px 10px;color:#17312d;background:#e8efed;border-radius:7px;text-align:left}.namespaceButton.active{color:#fff;background:#0f766e}.namespaceButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespaceButton small{display:grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:999px;color:inherit;background:#ffffff3d}.settingsPanel{margin-top:0}.settingsRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setting{display:grid;gap:7px;align-content:start;margin-bottom:0;padding:11px;border:1px solid #e2e8e5;border-radius:8px;background:#fbfcfc}.sectionHint{margin:-4px 0 12px;line-height:1.35}.settingHeader{display:grid;gap:3px;min-width:0}.settingHeader strong,.settingHeader small{overflow-wrap:anywhere}.settingHeader small{line-height:1.35}.selectWithNote{display:grid;gap:6px}.settingNote{color:#60716d;font-size:12px;line-height:1.35}.auditRow{grid-template-columns:minmax(0,1fr)}.durationFields,.windowRow,.inlineInput,.retentionEditor{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.durationFields label{display:grid;gap:4px;min-width:92px}.durationFields input{width:100%}.weekdayGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekdayGrid label,.checkboxList label,.retentionEditor label{display:inline-flex;align-items:center;gap:7px}.windowList,.tagEditor,.checkboxList{display:grid;gap:8px}.checkboxList{max-height:230px;overflow:auto;padding:8px;border:1px solid #d9e1de;border-radius:7px;background:#fff}.tagList{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border-radius:999px;background:#e8efed;color:#17312d;font-size:13px}.tag button{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;color:#17312d;background:#fff}.inlineInput input{flex:1;min-width:180px}.calendarPanel{display:grid;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #d9e1de;border-radius:8px;background:#f8fbfa}.calendarHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-align:center}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendarWeekday{color:#60716d;font-size:12px;text-align:center}.calendarDay{display:grid;place-items:center;min-height:38px;border:1px solid #cbd6d2;border-radius:7px;color:#17312d;background:#fff}.calendarDay.off{color:#fff;background:#243633;border-color:#243633}.calendarDay.holiday{box-shadow:inset 0 0 0 2px #f2c14e}.calendarDay.extra{color:#103f3a;background:#cdeee7;border-color:#7acbbe}.calendarDay.blank{min-height:38px;border:0;background:transparent;cursor:default}.calendarLegend{display:flex;flex-wrap:wrap;gap:12px;color:#60716d;font-size:12px}.calendarLegend span{display:inline-flex;align-items:center;gap:6px}.calendarLegend i{display:inline-block;width:14px;height:14px;border-radius:4px}.legendOff{background:#243633}.legendExtra{background:#cdeee7;border:1px solid #7acbbe}.legendHoliday{background:#fff;border:2px solid #f2c14e}.dateControls{flex-wrap:wrap}.dateControls label{display:inline-flex;align-items:center;gap:8px}.reportGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.tokenPanel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.alert{margin-top:12px;padding:10px 12px;border:1px solid #f4b8ad;border-radius:8px;background:#fff1ee;color:#842b1d}.alert.neutral{border-color:#cbd6d2;background:#f8fbfa;color:#17312d}@media (max-width: 820px){.app{width:min(100vw - 18px,720px);padding-top:9px}.topbar,.toolbar{align-items:stretch;flex-direction:column}.topActions{justify-content:space-between}.metrics,.reportGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.row,.chatRow,.employeeRow,.userRow,.editGrid,.compactForm,.formGrid,.settingsRows,.tokenPanel{grid-template-columns:minmax(0,1fr)}.inlineActions{justify-content:flex-start}.settingsLayout{grid-template-columns:minmax(0,1fr)}.settingsNav{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;padding-bottom:2px}.weekdayGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendarDay{min-height:34px}}