/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.\!start{inset-inline-start:var(--spacing)!important}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.employeeTop{justify-content:space-between;align-items:flex-end;margin:-8px 0 20px;display:flex}.employeeTop h2{margin:4px 0;font-size:22px}.employeeTop span{color:#7c8f9d;font-size:12px}.eyebrow{letter-spacing:.14em;margin:0;font-weight:900;color:#2a7dca!important;font-size:9px!important}.empty{text-align:center;background:#fff;border:1px dashed #bfcfd9;border-radius:18px;padding:60px 20px}.empty>div{color:#78a0bd;font-size:40px}.empty h3{margin:12px 0 6px}.empty p{color:#78909f;max-width:440px;margin:0 auto 20px;font-size:12px}.employeeGrid{grid-template-columns:280px 1fr;gap:16px;display:grid}.staffList,.employeeDetail{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.listHead{border-bottom:1px solid #e6edf1;justify-content:space-between;padding:18px;display:flex}.listHead span{color:#8fa0ac;font-size:9px;font-weight:800}.staffList>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2f5;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 15px;display:grid}.staffList>button.selected{background:#eaf4ff;border-left:3px solid #2683e5}.staffList button strong,.staffList button small{display:block}.staffList button strong{font-size:12px}.staffList button small{color:#80929f;margin-top:3px;font-size:10px}.staffList button b{color:#6f8494;font-size:10px}.employeeDetail{padding:24px}.detailHead{justify-content:space-between;align-items:flex-start;display:flex}.detailHead small{color:#2d7fca;letter-spacing:.1em;font-size:9px;font-weight:900}.detailHead h3{margin:5px 0;font-size:22px}.detailHead p{color:#758b9a;margin:0;font-size:12px}.balance{background:#e9f7f1;border-radius:12px;min-width:160px;padding:14px 18px}.balance small,.balance strong,.balance span{display:block}.balance small{color:#25805b;font-size:8px;font-weight:900}.balance strong{color:#176644;margin:5px 0;font-size:24px}.balance strong i{font-size:11px;font-style:normal}.balance span{color:#5d8c79;font-size:9px}.facts{background:#e6edf1;border:1px solid #e6edf1;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:1px;margin:22px 0;display:grid;overflow:hidden}.facts div{background:#f8fafb;padding:14px}.facts small,.facts strong{display:block}.facts small{color:#8798a5;font-size:8px;font-weight:800}.facts strong{margin-top:5px;font-size:11px}.monthlyTabs{border-bottom:1px solid #dae4ea;margin-top:10px;display:flex}.monthlyTabs button{color:#718695;cursor:pointer;background:0 0;border:0;padding:11px 15px;font-size:11px;font-weight:700}.monthlyTabs button.active{color:#2478ca;border-bottom:2px solid #2478ca}.monthlyForm{background:#f4f8fa;border-radius:0 0 10px 10px;align-items:flex-end;gap:9px;padding:13px;display:flex}.monthlyForm label{color:#6d8291;font-size:9px;font-weight:800}.monthlyForm input{min-width:110px;margin-top:4px;padding:8px}.monthlyForm .grow{flex:1}.monthlyForm button{color:#fff;cursor:pointer;background:#177ae0;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.history{margin-top:18px}.historyHead,.historyRow{grid-template-columns:1fr 1fr 1fr;padding:10px 12px;display:grid}.historyHead{color:#82939f;border-bottom:1px solid #dfe7ec;font-size:8px;font-weight:900}.historyRow{border-bottom:1px solid #edf1f4;font-size:11px}.historyRow b{text-align:right}.noRows{text-align:center;color:#8b9ba6;padding:20px;font-size:11px}.inlineMessage{color:#fff;z-index:25;cursor:pointer;background:#173c56;border-radius:9px;padding:12px 16px;font-size:11px;position:fixed;bottom:25px;right:25px}.employeeModal{width:min(680px,100%)}.formGrid{grid-template-columns:1fr 1fr;gap:4px 14px;margin-bottom:18px;display:grid}.formGrid label{margin-top:8px}@media (width<=850px){.employeeTop{align-items:center}.employeeGrid{grid-template-columns:1fr}.staffList{max-height:250px;overflow:auto}.facts{grid-template-columns:1fr 1fr}.monthlyForm{flex-wrap:wrap}.monthlyForm .grow{flex-basis:100%}.detailHead{gap:10px}.balance{min-width:130px}.formGrid{grid-template-columns:1fr}.employeeModal{max-height:92vh;overflow:auto}}.printBtn{color:#365a72;cursor:pointer;white-space:nowrap;background:#f7fafc;border:1px solid #cbd9e2;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.printBtn:hover{background:#eaf3f8}.printRequest{display:none}@media print{@page{size:A4;margin:18mm}.app>aside,.app>main,.overlay,.toast,.inlineMessage{display:none!important}.app{background:#fff!important;display:block!important}.printRequest{color:#111;background:#fff;font-family:Times New Roman,serif;font-size:12pt;line-height:1.55;display:block!important}.printCompany{border-bottom:2px solid #111;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:12px;display:flex}.printCompany strong{letter-spacing:2px;font:700 18pt Arial,sans-serif}.printCompany span{font-size:10pt}.printRequest>h1{text-align:center;letter-spacing:.5px;margin:0 0 42px;font-size:18pt}.printRequest .to{margin-bottom:28px}.printRequest p{text-align:justify;margin:18px 0}.printPeriod{border:1px solid #222;grid-template-columns:1fr 1fr 1fr;margin:26px 0;display:grid}.printPeriod div{text-align:center;border-right:1px solid #222;padding:13px 16px}.printPeriod div:last-child{border-right:0}.printPeriod small,.printPeriod strong{display:block}.printPeriod small{letter-spacing:1px;margin-bottom:7px;font:700 8pt Arial,sans-serif}.printPeriod strong{font-size:13pt}.substituteLine{text-align:center;border-bottom:1px solid #111;min-height:30px;padding:5px 8px;font-weight:700}.declaration{font-size:10.5pt;font-style:italic}.signatures{grid-template-columns:1fr 1fr;gap:80px;margin:42px 0 30px;display:grid}.signatures div{text-align:center}.signatures span,.signatures b{display:block}.signatures span{margin-bottom:24px;font-size:10pt}.approvalBox{border:2px solid #222;margin-top:30px;padding:18px 24px}.approvalBox h2{text-align:center;margin:0 0 16px;font:700 13pt Arial,sans-serif}.approvalBox>div:not(.signatures){justify-content:center;gap:50px;font:700 11pt Arial,sans-serif;display:flex}.approvalBox p{margin:13px 0;font-size:10pt}.approvalBox .signatures{margin:30px 0 0}.printRequest footer{text-align:center;color:#555;border-top:1px solid #aaa;padding-top:6px;font-size:8pt;position:fixed;bottom:0;left:0;right:0}}@media (width<=850px){.printBtn{order:6;margin-left:56px}.request .actions{order:7}}.modal select{width:100%;font:inherit;color:#274257;background:#fff;border:1px solid #d6e0e6;border-radius:9px;margin-top:7px;padding:11px;display:block}.retroNotice{border-radius:8px;margin:13px 0 -3px;padding:10px 12px;font-size:10px;font-weight:700}.retroNotice.allowed{color:#8b5b09;background:#fff3d9}.retroNotice.blocked{color:#a43e33;background:#fee9e7}.approvalNotice{color:#795900;background:#fff7dd;border-radius:9px;margin:0 0 12px;padding:11px 13px;font-size:11px}.pendingStatus{color:#617584;background:#eef3f6}.emptyRequests{text-align:center;color:#7d8f9e;padding:24px;font-size:12px}.importSteps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.importSteps article{border:1px solid var(--line);background:#fff;border-radius:15px;gap:16px;padding:22px;display:flex}.importSteps article>b{color:#176bc5;background:#e7f1ff;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;display:grid}.importSteps h3{margin:2px 0 8px}.importSteps p{color:var(--muted);font-size:12px;line-height:1.5}.importSteps a,.importSteps button{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:9px;padding:11px 14px;font-weight:800;text-decoration:none;display:inline-block}.importSteps input{margin:0 0 12px}.importSteps button:disabled{opacity:.5;cursor:not-allowed}@media (width<=850px){.importSteps{grid-template-columns:1fr}}.editEmployee{color:#2d6fae;cursor:pointer;background:#f6f9fb;border:1px solid #cbd9e2;border-radius:8px;margin-top:10px;padding:7px 10px;font-size:10px;font-weight:800}.editEmployee:hover{background:#eaf4ff}.facts.extended{grid-template-columns:repeat(3,1fr)}.formGrid input:disabled{color:#7d8c96;cursor:not-allowed;background:#eef2f4}@media (width<=850px){.facts.extended{grid-template-columns:1fr 1fr}}.formGrid .formGroupTitle{color:#2c668e;letter-spacing:.04em;border-bottom:1px solid #dce6ed;grid-column:1/-1;margin:14px 0 2px;padding:9px 0 6px;font-size:12px}.formGrid .formGroupTitle:first-child{margin-top:0}.contractExpiryAlert{z-index:60;color:#5d430b;background:#fff7df;border:1px solid #efc65d;border-left:5px solid #e59b18;border-radius:12px;width:330px;padding:15px 17px;position:fixed;top:20px;right:22px;box-shadow:0 15px 35px #12233326}.contractExpiryAlert strong,.contractExpiryAlert span{display:block}.contractExpiryAlert strong{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.contractExpiryAlert span{margin-top:6px;font-weight:800}.contractExpiryAlert p{margin:5px 0 0;font-size:11px}@media (width<=850px){.contractExpiryAlert{width:auto;top:14px;left:14px;right:14px}}.suspensionTable{background:#fff;border:1px solid #dbe5ec;border-radius:12px;margin:18px 0;padding:18px}.suspensionTable h4{margin:0 0 12px}.suspensionEditor{grid-template-columns:150px 150px 1fr auto;gap:8px;margin-bottom:14px;display:grid}.suspensionEditor input,.suspensionEditor button{border:1px solid #cad8e1;border-radius:8px;padding:9px}.suspensionEditor button{color:#fff;cursor:pointer;background:#2674b8}.suspensionTable table{border-collapse:collapse;width:100%;font-size:11px}.suspensionTable th,.suspensionTable td{text-align:left;border-bottom:1px solid #e4ebf0;padding:8px}.suspensionTable td button{color:#b33;cursor:pointer;background:#fff0f0;border:0;border-radius:6px;padding:5px 8px}@media (width<=850px){.suspensionEditor{grid-template-columns:1fr}.suspensionTable{overflow-x:auto}}.overlay{align-items:start;padding-top:20px;padding-bottom:20px;overflow-y:auto}.employeeModal{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 40px);overflow-y:auto}.employeeModal .x{float:right;z-index:2;background:#fff;border-radius:50%;position:sticky;top:0}.sensitiveValue{letter-spacing:.04em;font-family:ui-monospace,monospace}.wideFact{grid-column:span 2}.idAlert{text-align:center;background:#fff;border-radius:18px;width:min(460px,100%);padding:28px;box-shadow:0 30px 70px #001a2f55}.idAlertIcon{color:#bd4035;background:#fee9e7;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 16px;font-size:28px;display:grid}.idAlert h2{color:#17364d;margin:0 0 10px}.idAlert p{color:#647c8c;font-size:13px;line-height:1.6}.idAlertDetails{text-align:left;background:#fff4f2;border:1px solid #f5cfca;border-radius:10px;margin:18px 0;padding:12px}.idAlertDetails small,.idAlertDetails strong{display:block}.idAlertDetails small{color:#a85b51;font-size:9px;font-weight:800}.idAlertDetails strong{color:#8d3027;margin-top:5px}.idAlert button{color:#fff;cursor:pointer;background:#173f5c;border:0;border-radius:10px;width:100%;padding:12px;font-weight:800}.pendingInterruption{border:1px solid #f2aaa4;border-radius:7px;padding:9px;font-size:11px;font-style:normal;color:#a52f27!important;background:#fee2e0!important}.pendingLegend{font-weight:800;color:#c43f35!important}.teamCalendar{overflow:hidden}.calendarControls{align-items:center;gap:15px;display:flex}.calendarControls input{width:150px;margin:0;padding:8px}.teamCalendarScroll{border:1px solid #e0e8ed;border-radius:12px;max-height:62vh;overflow:auto}.teamCalendarGrid{background:#fff;min-width:max-content;display:grid}.teamCorner,.teamDay{z-index:3;background:#eef4f7;border-bottom:1px solid #dce6eb;min-height:50px;padding:9px 6px;position:sticky;top:0}.teamCorner{z-index:4;color:#627987;align-items:center;padding-left:14px;font-size:9px;font-weight:900;display:flex;left:0}.teamDay{text-align:center;border-left:1px solid #dfe8ed}.teamDay b,.teamDay small{display:block}.teamDay b{font-size:11px}.teamDay small{color:#7a8d99;text-transform:uppercase;margin-top:4px;font-size:7px}.teamRow{border-bottom:1px solid #e8eef2;min-height:52px}.teamRow:last-child{border-bottom:0}.teamPerson{z-index:2;background:#fff;border-right:1px solid #dce6eb;padding:9px 14px;position:sticky;left:0;overflow:hidden}.teamPerson strong,.teamPerson small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.teamPerson strong{font-size:11px}.teamPerson small{color:#7a8d99;margin-top:4px;font-size:8px}.teamCell{color:#fff;border-right:1px solid #edf1f3;place-items:center;font-size:9px;font-weight:900;display:grid}.teamCell:nth-child(7n),.teamCell:nth-child(7n+1){background:#fafcfd}.teamCell.hasCode{border:0;border-radius:7px;margin:7px 4px}.teamCell.code-CO{color:#1763a5;background:#ddecff}.teamCell.code-CM{color:#b82838;background:#ffe3e6}.teamCell.code-I{color:#6940a5;background:#eee6ff}.teamCell.code-N{color:#a44b0f;background:#ffe8d6}.teamCell.code-D{color:#187344;background:#dff5e8}.calendarControls .coLegend{color:#1763a5}.calendarControls .cmLegend{color:#b82838}.calendarControls .iLegend{color:#6940a5}.calendarControls .nLegend{color:#a44b0f}.calendarControls .dLegend{color:#187344}.noTeamRows{text-align:center;color:#7a8d99;padding:24px}@media (width<=850px){.calendarControls{flex-direction:column;align-items:flex-end}.calendarControls .legend{gap:8px}.teamCalendar{overflow:hidden}.teamCalendarScroll{max-height:58vh}}.permissionTimes{color:#617887;align-items:center;gap:12px;margin-top:8px;font-size:10px;display:flex}.permissionTimes span,.permissionTimes label{align-items:center;gap:5px;display:flex}.permissionTimes input{width:86px;margin:0;padding:5px 7px;font-size:10px}.permissionTimes b{color:#263f51}.request:has(.permissionTimes) .reqmain{min-width:285px}@media (width<=850px){.permissionTimes{flex-wrap:wrap}.request:has(.permissionTimes) .reqmain{min-width:0}}.medicalUpload{background:#f2f7fb;border:1px dashed #9ebbd0;border-radius:10px;margin:12px 0;padding:12px}.medicalUpload label{margin:0}.medicalUpload input{background:#fff;padding:8px}.medicalUpload small{color:#6b8190;margin-top:7px;font-size:9px;display:block}.employeeActions{align-items:center;gap:8px;display:flex}.viewCm{color:#236b9e;cursor:pointer;background:#edf7ff;border:1px solid #9fc2dd;border-radius:8px;margin-top:10px;padding:7px 10px;font-size:10px;font-weight:800}.cmModal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto}.cmList{gap:8px;margin-top:18px;display:grid}.cmList>div{border:1px solid #dfe8ee;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.cmList strong,.cmList small{display:block}.cmList strong{font-size:12px}.cmList small{color:#778b99;margin-top:4px;font-size:10px}.cmList a{color:#216db4;background:#eaf4ff;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;text-decoration:none}.wideEmployeeModal{width:min(980px,100vw - 40px)}.employeeFormTabs{z-index:1;background:#fff;border-bottom:1px solid #dce5eb;gap:4px;margin-bottom:18px;padding-top:4px;display:flex;position:sticky;top:0}.employeeFormTabs button{color:#6c8190;cursor:pointer;background:0 0;border:0;padding:11px 16px;font-size:11px;font-weight:800}.employeeFormTabs button.active{color:#1677d3;border-bottom:3px solid #1677d3}.profileSections{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.profileSections article{background:#f8fafb;border:1px solid #dfe8ee;border-radius:12px;padding:15px}.profileSections h4{color:#1e5f94;margin:0 0 12px}.profileSections p{color:#526d7e;margin:6px 0;font-size:10px;line-height:1.55}.identityGrid{grid-template-columns:repeat(3,1fr)}.attachCm{color:#8b5a05;cursor:pointer;background:#fff3d8;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.attachCm input{display:none}@media (width<=850px){.profileSections,.identityGrid{grid-template-columns:1fr}.employeeFormTabs{overflow-x:auto}.employeeFormTabs button{white-space:nowrap}.wideEmployeeModal{width:100%}}.timesheet{border-top:1px solid #dce6ec;margin-top:26px;padding-top:22px}.timesheetHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.timesheetHead h3{margin:3px 0}.timesheetHead>div:last-child{gap:8px;display:flex}.timesheetHead input,.timesheetHead button,.timesheetForm input,.timesheetForm select{background:#fff;border:1px solid #d7e1e7;border-radius:8px;padding:9px}.timesheetHead button,.timesheetForm button{color:#fff;cursor:pointer;background:#1677d3;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.timesheetLegend{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.timesheetLegend span{color:#536a78;border:1px solid #e0e8ed;border-radius:999px;padding:6px 9px;font-size:9px}.timesheetLegend b{color:#173f5b}.timesheetForm{background:#f6f9fb;border-radius:12px;align-items:end;gap:9px;padding:12px;display:flex}.timesheetForm label{color:#607887;flex-direction:column;gap:5px;font-size:9px;font-weight:800;display:flex}.timesheetForm .grow{flex:1}.attendanceGrid{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:12px;display:grid}.attendanceGrid>div{border:1px solid #e0e8ed;border-radius:10px;grid-template-columns:1fr auto;align-items:start;min-height:75px;padding:8px;display:grid}.attendanceGrid time{color:#728895;font-size:10px}.attendanceGrid small{color:#8295a1;grid-column:1/-1;margin-top:7px;font-size:8px}.code{border-radius:7px;justify-content:center;align-items:center;min-width:30px;padding:5px 7px;font-size:10px;display:inline-flex}.code-CO{color:#1763a5;background:#ddecff}.code-CM{color:#b82838;background:#ffe3e6}.code-I{color:#6940a5;background:#eee6ff}.code-N{color:#a44b0f;background:#ffe8d6}.code-D{color:#187344;background:#dff5e8}.monthlySummary{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;display:grid}.monthlySummary article{border:1px solid #dfe8ed;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.monthlySummary strong{margin-left:auto;font-size:22px}.monthlySummary span{color:#778d99;font-size:9px}@media (width<=850px){.timesheetHead,.timesheetForm{flex-direction:column;align-items:stretch}.attendanceGrid{grid-template-columns:repeat(4,1fr)}.monthlySummary{grid-template-columns:1fr 1fr}}.nomenclatures{padding-bottom:40px}.nomenTop{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.nomenTop h2{margin:3px 0;font-size:28px}.nomenTop>div>span{color:#718793;font-size:11px}.nomenTop>input{border:1px solid #dbe5ea;border-radius:10px;width:310px;padding:12px 14px}.nomTabs{border-bottom:1px solid #dfe7eb;gap:5px;margin-bottom:15px;display:flex}.nomTabs button{color:#6b8290;cursor:pointer;background:0 0;border:0;padding:12px 18px;font-weight:800}.nomTabs button.active{color:#1474ca;border-bottom:3px solid #1474ca}.nomEditor{background:#f5f8fa;border:1px solid #e1e8ec;border-radius:13px;align-items:end;gap:10px;margin-bottom:14px;padding:14px;display:flex}.nomEditor label{color:#637b89;flex-direction:column;gap:6px;font-size:9px;font-weight:800;display:flex}.nomEditor input{background:#fff;border:1px solid #d7e1e6;border-radius:8px;padding:10px}.nomEditor .grow{flex:1}.nomEditor button{color:#fff;cursor:pointer;background:#1677d3;border:0;border-radius:8px;padding:11px 17px;font-weight:800}.nomMessage{color:#277344;background:#e9f6ed;border-radius:8px;padding:9px 12px;font-size:10px}.nomTable{border:1px solid #dfe8ed;border-radius:13px;overflow:hidden}.nomTable>div{border-bottom:1px solid #edf1f3;grid-template-columns:130px minmax(240px,1fr) 190px;align-items:center;gap:12px;padding:12px 15px;font-size:10px;display:grid}.nomTable>div:last-child{border-bottom:0}.nomTable>div:has(>span:nth-of-type(3)){grid-template-columns:110px 1fr 150px 1fr 190px}.nomHeader{color:#627986;background:#eef4f7;font-size:8px!important}.nomTable code{color:#1769a8;font-weight:800}.nomTable .inactive{opacity:.45}.nomActions{justify-content:flex-end;gap:6px;display:flex}.nomActions button{cursor:pointer;background:#fff;border:1px solid #d4e0e6;border-radius:7px;padding:6px 8px;font-size:8px}.sourceNote{color:#728895;margin-top:10px;font-size:9px}@media (width<=850px){.nomenTop,.nomEditor{flex-direction:column;align-items:stretch}.nomenTop>input{width:auto}.nomTable{overflow-x:auto}.nomTable>div{min-width:700px}}.authScreen{background:radial-gradient(circle at 80% 10%,#dcecff 0,#0000 32%),linear-gradient(145deg,#edf4f8,#dfeaf1);place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#fff;border:1px solid #d8e4eb;border-radius:22px;width:min(430px,100%);padding:38px;box-shadow:0 28px 70px #17364d20}.authLogo{color:#fff;background:#1677ed;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:24px;font-size:26px;font-weight:900;display:grid}.authCard>small{color:#287bc6;letter-spacing:.14em;font-size:10px;font-weight:900}.authCard h1{margin:8px 0 10px;font-size:29px}.authCard p{color:#6d8291;margin:0 0 24px;font-size:13px;line-height:1.55}.authCard label{color:#536b7a;margin:14px 0;font-size:11px;font-weight:800;display:block}.authCard input{margin-top:7px}.authCard>button{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:10px;width:100%;margin-top:9px;padding:13px;font-weight:800}.authMessage{color:#a94537;background:#fff1ee;border-radius:9px;padding:11px 12px;font-size:11px;line-height:1.4}.signOut{color:#83b9df;cursor:pointer;background:0 0;border:0;padding:4px 0 0;font-size:9px;display:block}.inviteLine{align-items:center;gap:8px;margin-top:12px;display:flex}.inviteLine button{color:#246fae;cursor:pointer;background:#eaf4ff;border:0;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.inviteStatus{color:#687c89;background:#eef2f4;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800}.inviteStatus.sent{color:#177b54;background:#e5f7ef}.inviteStatus.failed{color:#a43e32;background:#ffebe8}.authMessage.success{color:#176e4d;background:#e8f7f0}.forgotLink{text-align:right;color:#2775b3;margin:-4px 0 12px;font-size:11px;text-decoration:none;display:block}.authBack{text-align:center;color:#617b8c;margin-top:16px;font-size:11px;text-decoration:none;display:block}.clientSwitch{color:#7fa1b9;letter-spacing:.12em;margin-top:auto;margin-bottom:16px;font-size:9px;font-weight:900;display:block}.clientSwitch select{color:#fff;background:#173b57;border:1px solid #31506a;border-radius:8px;width:100%;margin-top:7px;padding:9px;font-size:11px}.clientSwitch+.sidefoot{margin-top:0}.clientEditor{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:end;gap:10px;padding:18px;display:flex}.clientEditor label{color:#657b89;min-width:130px;font-size:10px;font-weight:800}.clientEditor .grow{flex:1}.clientEditor button{color:#fff;background:#1677ed;border:0;border-radius:9px;padding:12px 15px;font-weight:800}.clientMessage{color:#176e4d;background:#e8f7f0;border-radius:8px;padding:10px}.clientCards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.clientCards article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.clientCards small{color:#287bc6;font-weight:900}.clientCards h3{margin:7px 0}.clientCards p,.clientCards span{color:#728695;font-size:11px;display:block}.clientCards button{color:#276da7;background:#eaf4ff;border:0;border-radius:7px;margin-top:14px;padding:7px 9px;font-weight:700}@media (width<=850px){.clientEditor{display:grid}.clientCards{grid-template-columns:1fr}}.nomenHubTabs{background:#dfe9ef;border-radius:11px;gap:8px;width:max-content;margin-bottom:14px;padding:5px;display:flex}.nomenHubTabs button{color:#617887;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800}.nomenHubTabs button.active{color:#176fbd;background:#fff;box-shadow:0 3px 9px #17364d12}.clientEditor input:disabled{color:#657986;background:#eef3f6}.clientEditor label small{color:#8a9aa5;margin-top:5px;font-size:8px;display:block}.clientEditor .cancelClient{color:#536d7d;background:#e8eef2}.clientCardHead{justify-content:space-between;align-items:center;display:flex}.clientCardHead b{color:#17835a;background:#e5f7ef;border-radius:20px;padding:5px 8px;font-size:8px}.inactiveClient{opacity:.72;background:#f4f6f7!important}.inactiveClient .clientCardHead b{color:#9d493d;background:#ffe9e6}.clientActions{flex-wrap:wrap;gap:6px;display:flex}.clientActions .deactivateClient{color:#9a6418;background:#fff1dc}.clientActions .activateClient{color:#177b54;background:#e4f7ef}.clientActions .deleteClient{color:#a33d32;background:#ffe9e6}.navSection{letter-spacing:.15em;color:#6f899c;padding:14px 14px 3px;font-size:9px;font-weight:900}.navSection:first-child{padding-top:0}.calendarControls .pLegend{color:#13724d}.teamCell small,.teamCell b{font-size:8px;line-height:1.15;display:block}.teamCell b{font-size:9px}.teamCell.code-P{color:#13724d;background:#e1f6ec}.certificateCards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.certificateCards button{border:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;background:#f8fbfd;border-radius:14px;padding:22px}.certificateCards button:hover{background:#eef6ff;border-color:#2b83e6}.certificateCards span{color:#2679cf;margin-bottom:14px;font-size:24px;display:block}.certificateCards strong,.certificateCards small{display:block}.certificateCards small{color:var(--muted);margin-top:7px}@media (width<=850px){.navSection{display:none}.certificateCards{grid-template-columns:1fr}}.printCertificate{display:none}@media print{.app>main{max-width:none!important;padding:0!important;display:block!important}.app>main>:not(.printCertificate){display:none!important}.printCertificate{color:#111;background:#fff;font-family:Times New Roman,serif;font-size:12pt;line-height:1.65;display:block!important}.certificateLetterhead{border-bottom:2px solid #111;justify-content:space-between;padding-bottom:12px;display:flex}.certificateLetterhead strong{letter-spacing:1px;font:700 17pt Arial,sans-serif}.certificateLetterhead span{text-align:right;font-size:9.5pt}.certificateNumber{margin-top:16px;font-size:10pt}.printCertificate h1{text-align:center;letter-spacing:1px;margin:45px 0;font-size:18pt}.printCertificate p{text-align:justify;margin:22px 0}.certificateSignatures{grid-template-columns:1fr 1fr;gap:90px;margin-top:70px;display:grid}.certificateSignatures div{text-align:center}.certificateSignatures span,.certificateSignatures b{display:block}.certificateSignatures span{margin-bottom:28px}.printCertificate footer{text-align:center;color:#555;border-top:1px solid #aaa;padding-top:7px;font-size:8pt;position:fixed;bottom:0;left:0;right:0}}.documentSigning{border-top:1px solid #dce7ed;margin-top:18px;padding-top:18px}.documentSigningIntro{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.documentSigningIntro h3{margin:0 0 5px}.documentSigningIntro p{color:#687d8b;margin:0;font-size:12px}.documentSigningIntro>span{color:#18704b;background:#e8f7ef;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:800}.documentUpload{grid-template-columns:1fr 1.5fr 1.5fr auto;align-items:end;gap:10px;margin:16px 0;display:grid}.documentUpload label{color:#587080;gap:5px;font-size:10px;font-weight:800;display:grid}.documentUpload input,.documentUpload select,.otpActions input{background:#fff;border:1px solid #cddce5;border-radius:8px;min-width:0;padding:9px}.documentUpload button,.otpActions button{color:#fff;cursor:pointer;background:#196e95;border:0;border-radius:8px;padding:10px 13px;font-weight:800}.documentUpload button:disabled,.otpActions button:disabled{opacity:.55}.signatureMessage{background:#eef7fb;border-left:3px solid #2782a9;padding:9px 12px;font-size:11px}.signedDocumentList{gap:8px;display:grid}.signedDocumentList article{border:1px solid #dce7ed;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto minmax(230px,auto);align-items:center;gap:16px;padding:12px;display:grid}.signedDocumentList article>div:first-child{gap:3px;display:grid}.signedDocumentList small{color:#71848f;font-size:9px;display:block}.signedDocumentList>article>span{color:#8a6817;background:#f4f0e4;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.signedDocumentList>article>span.signed{color:#167044;background:#e7f7ed}.otpActions{justify-content:flex-end;gap:7px;display:flex}.otpActions input{width:105px}.signatureProof{text-align:right}.signatureProof a{color:#176d95;font-size:10px;font-weight:800}.otpLegalNote{color:#7c8e98;margin:12px 0 0;font-size:9px}@media (width<=900px){.documentUpload,.signedDocumentList article{grid-template-columns:1fr}.otpActions{flex-wrap:wrap;justify-content:flex-start}.signatureProof{text-align:left}}.sidebar nav button.submenu{padding-left:24px;font-size:13px}.sidebar nav button.submenu span{width:25px;font-size:14px}.nomenclatures .nomTabs{display:none}@media (width<=850px){.sidebar nav button.submenu{padding:8px 10px;font-size:0}.sidebar nav button.submenu span{width:auto;font-size:18px}}.clientsPage .employeeTop h2{font-size:0}.clientsPage .employeeTop h2:after{content:"Nomenclator clienți";font-size:24px}.holidayEditor{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:180px 1fr auto;align-items:end;gap:12px;margin:18px 0;padding:18px;display:grid}.holidayEditor label{color:#607584;font-size:10px;font-weight:800}.holidayEditor input{margin-top:7px}.holidayEditor button{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:9px;padding:12px 18px;font-weight:800}.holidayTable{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.holidayTable>div{border-bottom:1px solid #edf1f4;grid-template-columns:180px 1fr 100px;align-items:center;gap:14px;padding:13px 18px;display:grid}.holidayTable>div:last-child{border-bottom:0}.holidayTable>div:first-child{color:#6b7f90;background:#eef4f7;font-size:9px}.holidayTable strong,.holidayTable span{font-size:12px}.holidayTable button{color:#ad3434;cursor:pointer;background:#fff5f5;border:1px solid #efc8c8;border-radius:7px;padding:7px}.teamCalendarGrid{width:100%;min-width:0}.teamCalendarScroll{overflow-x:hidden}.teamDay.weekendDay,.teamCell.weekendDay{color:#3b6f99;background:#eaf5ff}.teamDay.legalHoliday,.teamCell.legalHoliday{color:#fff;background:#2f80d1}.teamDay.legalHoliday small{color:#dcebfa}.teamCell.legalHoliday.hasCode{outline-offset:-2px;outline:2px solid #2f80d1}.teamCell{min-width:0}.teamCell.hasCode{margin:5px 2px}.teamPerson{padding:9px 8px}.teamCorner{padding-left:8px}@media (width<=850px){.holidayEditor{grid-template-columns:1fr}.holidayTable>div{grid-template-columns:100px 1fr 70px}.teamCalendarScroll{overflow-x:auto}.teamCalendarGrid{min-width:900px}}.teamCell.editableCell{cursor:pointer}.teamCell.editableCell:hover{outline-offset:-2px;z-index:1;outline:2px solid #1677ed}.timesheetModal .editDate{color:#6b7f90;text-transform:capitalize;margin:-14px 0 20px}.timesheetModal>label{color:#607584;margin-bottom:14px;font-size:11px;font-weight:800;display:block}.timesheetModal .submit{margin-top:22px}.teamCell:not(.hasCode) b{color:#45677d;font-size:9px}.employeeTop.section-identity+.employeeGrid .profileSections article:not(:first-child),.employeeTop.section-contract+.employeeGrid .profileSections article:not(:nth-child(2)),.employeeTop.section-other+.employeeGrid .profileSections article:not(:nth-child(3)){display:none}.employeeTop.section-identity+.employeeGrid .profileSections,.employeeTop.section-contract+.employeeGrid .profileSections,.employeeTop.section-other+.employeeGrid .profileSections{grid-template-columns:1fr}.employeeTop.section-identity+.employeeGrid .monthlyTabs,.employeeTop.section-identity+.employeeGrid .monthlyForm,.employeeTop.section-identity+.employeeGrid .history,.employeeTop.section-identity+.employeeGrid .timesheet,.employeeTop.section-contract+.employeeGrid .monthlyTabs,.employeeTop.section-contract+.employeeGrid .monthlyForm,.employeeTop.section-contract+.employeeGrid .history,.employeeTop.section-contract+.employeeGrid .timesheet{display:none}.sidebar nav{padding-right:3px;overflow-y:auto}.salaryLayout{grid-template-columns:300px 1fr;gap:18px;display:grid}.salaryEditor{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.salaryEditor h3{margin-top:0}.salaryGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0;display:grid}.salaryGrid label{color:#607584;font-size:10px;font-weight:800}.permissionMatrix{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:18px;overflow:auto}.permissionHeader,.permissionRow{border-bottom:1px solid #edf1f4;grid-template-columns:190px repeat(6,100px) 90px;align-items:center;min-width:880px;padding:12px 16px;display:grid}.permissionHeader{color:#637987;background:#eef4f7;font-size:9px}.permissionRow strong small{color:#8193a1;margin-top:4px;display:block}.permissionRow label{text-align:center}.permissionRow input{width:auto;margin:0 auto}.permissionRow button{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:7px;padding:8px;font-weight:700}.contractExtras{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}@media (width<=850px){.salaryLayout,.salaryGrid{grid-template-columns:1fr}.sidebar nav{overflow:visible}}.permissionRole{border:1px solid var(--line);background:#fff;border-radius:14px;margin:12px 0;overflow:hidden}.permissionRole summary{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;display:flex}.permissionRole summary small{color:var(--muted)}.permissionTable{overflow:auto}.permissionTableHead,.permissionTable>div{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(92px,.55fr)) 100px;align-items:center;min-width:720px;display:grid}.permissionTableHead{color:#607887;background:#eef4f7;padding:10px 14px;font-size:9px}.permissionTable>div:not(.permissionTableHead){border-top:1px solid #edf1f4;padding:10px 14px}.permissionTable label{text-align:center}.permissionTable input{width:auto;margin:auto}.permissionTable button{color:#fff;background:#1677d3;border:0;border-radius:7px;padding:8px;font-weight:700}.permissionTable .locked{opacity:.45;background:#f5f7f8}.permissionTable .locked button{background:#8b99a3}.sidebar nav{scrollbar-width:thin;scrollbar-color:#4f6c81 transparent;flex:1;min-height:0;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#4f6c81;border-radius:5px}.sidebar .clientSwitch,.sidebar .sidefoot{flex-shrink:0}.sidebar nav .navCategory{color:#8fa8b9;letter-spacing:.15em;margin-top:10px;padding:11px 14px;font-size:9px;font-weight:900}.sidebar nav .navCategory:hover{background:#16354f}.sidebar nav .navCategory b{float:right;color:#8fa8b9;letter-spacing:0;background:0 0;padding:0;font-size:13px}.sidebar nav .navCategory+button.submenu{margin-top:2px}@media (width<=850px){.sidebar nav .navCategory{display:none}}.holidayYears{gap:12px;display:grid}.holidayYear{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.holidayYearHead{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#eef4f7;border:0;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.holidayYearHead span strong,.holidayYearHead span small{display:block}.holidayYearHead span strong{font-size:17px}.holidayYearHead span small{color:#718695;margin-top:3px;font-size:10px}.holidayYearHead>b{color:#2779c8;font-size:18px}.holidayYear .holidayTable{border:0;border-top:1px solid var(--line);border-radius:0}.payrollNomEditor{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(3,minmax(150px,1fr));align-items:end;gap:12px;margin:18px 0;padding:18px;display:grid}.payrollNomEditor label{color:#607584;font-size:10px;font-weight:800}.payrollNomEditor input,.payrollNomEditor select{margin-top:7px}.payrollNomEditor>button{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:9px;padding:12px;font-weight:800}.payrollNomTable{gap:9px;display:grid}.payrollNomTable article{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;display:flex}.payrollNomTable strong,.payrollNomTable small{display:block}.payrollNomTable small{color:#718695;margin-top:5px}.payrollNomTable article span{gap:7px;display:flex}.payrollNomTable article button{cursor:pointer;background:#fff;border:1px solid #ccd9e1;border-radius:7px;padding:7px 10px}.payrollNomTable article button.danger{color:#ae3434;border-color:#efc6c6}@media (width<=850px){.payrollNomEditor{grid-template-columns:1fr}.payrollNomTable article{flex-direction:column;align-items:flex-start}}.payrollAssignments{gap:14px;margin-top:16px;display:grid}.payrollAssignments>section{border:1px solid var(--line);border-radius:12px;padding:14px}.payrollAssignments h4{margin:0 0 10px}.multiAdd{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.multiAdd select{min-height:78px}.multiAdd button{color:#fff;background:#1677ed;border:0;border-radius:8px;padding:10px;font-weight:800}.multiAdd button:disabled{opacity:.45}.assignedItems{gap:7px;margin-top:10px;display:grid}.assignedItems>div{background:#f5f9fb;border-radius:8px;grid-template-columns:1fr 130px auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.assignedItems label{color:#637987;font-size:9px}.assignedItems input{margin-top:3px;padding:7px}.assignedItems button{color:#a33;background:#fff;border:1px solid #e6bbbb;border-radius:6px;padding:7px}@media (width<=850px){.multiAdd,.assignedItems>div{grid-template-columns:1fr}}.auditPage{min-width:0}.retentionReview{background:#fff8df;border:1px solid #efd174;border-left:5px solid #d99a17;border-radius:12px;align-items:center;gap:10px;margin:12px 0;padding:14px 16px;display:flex}.retentionReview div{flex:1}.retentionReview strong,.retentionReview span{display:block}.retentionReview span{color:#745d27;margin-top:4px;font-size:11px}.retentionReview button,.auditFilters button{color:#fff;cursor:pointer;background:#2674b8;border:0;border-radius:8px;padding:9px 12px;font-size:11px}.retentionReview button.danger{background:#b64242}.auditFilters{grid-template-columns:1.2fr 1.4fr 1fr 1fr 145px 145px auto;gap:8px;margin:16px 0;display:grid}.auditFilters input,.auditFilters select{background:#fff;border:1px solid #cad8e1;border-radius:8px;padding:9px;font-size:11px}.auditTable{background:#fff;border:1px solid #dbe5ec;border-radius:12px;overflow:auto}.auditTable table{border-collapse:collapse;width:100%;min-width:1050px;font-size:10px}.auditTable th,.auditTable td{text-align:left;vertical-align:top;border-bottom:1px solid #e5edf2;padding:9px}.auditTable th{color:#476779;background:#f0f6fa;position:sticky;top:0}.auditTable td strong,.auditTable td small{display:block}.auditTable td small{color:#768d9d;margin-top:2px}.auditTable td.ok{color:#17844b;font-weight:800}.auditTable td.failed{color:#c33;font-weight:800}@media (width<=1000px){.auditFilters{grid-template-columns:1fr 1fr}.retentionReview{flex-wrap:wrap;align-items:flex-start}}:root{--navy:#102a43;--ink:#183247;--muted:#6b7f90;--line:#dce5eb;--blue:#1677ff;--pale:#f3f7fa;--green:#18a06b}*{box-sizing:border-box}body{color:var(--ink);background:#edf3f6;margin:0;font-family:Inter,Arial,sans-serif}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.mark{background:#2b8cff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:800;display:grid}.brand strong,.brand small,.sidefoot strong,.sidefoot small{display:block}.versionArea{padding:12px 8px 0;position:relative}.versionButton{color:#d7e4ed;cursor:pointer;background:#112f47;border:1px solid #31516a;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:10px;display:flex}.versionButton span{letter-spacing:.06em;font-weight:800}.versionButton b{color:#83b9df;font-size:9px}.versionChanges{color:#17344a;z-index:50;background:#fff;border:1px solid #d8e3eb;border-radius:12px;width:340px;padding:16px;position:absolute;bottom:46px;left:0;box-shadow:0 18px 50px #001b}.versionChanges header{justify-content:space-between;align-items:center;display:flex}.versionChanges header button{color:#60798b;cursor:pointer;background:0 0;border:0;font-size:20px}.versionChanges ul{margin:12px 0 0;padding-left:18px}.versionChanges li{margin:7px 0;font-size:11px;line-height:1.4}.versionRelease+.versionRelease{border-top:1px solid #e4ebf0;margin-top:14px;padding-top:12px}.versionRelease>b{color:#2674b8;font-size:11px}.versionRelease ul{margin-top:7px}.payrollAlerts{z-index:55;color:#174b70;background:#eef8ff;border:1px solid #9fcdec;border-left:5px solid #2683c6;border-radius:12px;width:320px;padding:14px 16px;position:fixed;top:22px;right:22px;box-shadow:0 15px 35px #12233322}.payrollAlerts strong{margin-bottom:7px;font-size:12px;display:block}.payrollAlerts p{margin:5px 0;font-size:11px}.brand small{color:#9fb3c2;margin-top:3px;font-size:11px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#b9c8d2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:13px 14px;font-size:14px}.sidebar nav button span{width:30px;font-size:18px;display:inline-block}.sidebar nav button b{float:right;color:#fff;background:#2d82e5;border-radius:20px;padding:2px 7px;font-size:11px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#1b3b56}.sidefoot{border-top:1px solid #27445c;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.sidefoot small{color:#92a8b8;text-overflow:ellipsis;max-width:150px;margin-top:3px;font-size:10px;overflow:hidden}.avatar{color:#fff;background:#3a607b;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.avatar.coral{color:#6e2d20;background:#f49b86}main{width:100%;max-width:1500px;margin:auto;padding:38px 5vw 60px}header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}header p{letter-spacing:.14em;color:#8495a3;margin:0 0 8px;font-size:11px;font-weight:800}h1{letter-spacing:-.035em;color:#17324a;margin:0;font-size:32px}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:700;box-shadow:0 7px 18px #1677ff2d}.hero{color:#fff;background:linear-gradient(120deg,#102d47,#173e5c);border-radius:20px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;box-shadow:0 15px 30px #17364d20}.hero small{letter-spacing:.15em;color:#a9c1d2;font-size:10px;font-weight:800}.dot{background:#7b8f9d;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.dot.live{background:#2ad891;box-shadow:0 0 0 5px #2ad89120}.hero h2{letter-spacing:-.04em;margin:9px 0 0;font-size:50px}.hero p{color:#aac0cf;margin:0;font-size:13px}.clock{color:#17364d;cursor:pointer;background:#fff;border:0;border-radius:14px;justify-content:space-around;align-items:center;width:180px;height:74px;font-size:14px;font-weight:800;display:flex}.clock span{color:#1778f2;background:#eaf3ff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.clock.out{color:#a3392b;background:#feecea}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.stats article,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 5px 15px #1f3b4d08}.stats small{letter-spacing:.1em;color:#8193a1;font-size:10px;font-weight:800}.stats strong{margin-top:10px;font-size:29px;display:block}.stats strong i{color:#607789;font-size:13px;font-style:normal}.stats p{color:#7b8e9c;font-size:12px}.stats .date{font-size:23px}.bar{background:#e4edf3;border-radius:20px;height:5px;overflow:hidden}.bar i{background:#3089ee;height:100%;display:block}.bar.green i{background:#29ac78}.pill{border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-block}.approved{color:#178457;background:#e4f7ef}.rejected{color:#b74335;background:#fee9e7}.panelhead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panelhead h3{margin:0;font-size:17px}.panelhead p{color:#7d8f9e;margin:5px 0 0;font-size:12px}.panelhead button{color:#2679cf;cursor:pointer;background:0 0;border:0;font-weight:700}.away,.request{border-top:1px solid #edf1f4;align-items:center;gap:14px;padding:17px 0;display:flex}.person{align-items:center;gap:12px;min-width:240px;display:flex}.person strong,.person small{display:block}.person small{color:#7f919e;margin-top:4px;font-size:11px}.tag{color:#b85c32;background:#fff0e8;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.contact{color:#8a99a4;text-align:right;margin-left:auto;font-size:10px}.contact strong{color:#314c5f;font-size:12px}.whatsapp{color:#16875c;background:#e8f7f0;border-radius:20px;padding:8px 11px;font-size:11px}.typeicon{color:#2578da;background:#e7f1ff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.typeicon.red{color:#d15247;background:#feeceb}.typeicon.amber{color:#bf7711;background:#fff3dc}.reqmain{min-width:240px}.reqmain strong{font-size:13px}.reqmain p{color:#4d687b;margin:4px 0;font-size:12px}.reqmain small{color:#8a9aa5}.route{min-width:190px;margin-left:auto}.route small,.route span{display:block}.route small{color:#95a2ab;font-size:9px;font-weight:800}.route span{margin-top:4px;font-size:11px}.actions{gap:7px;display:flex}.actions button{cursor:pointer;background:#fff;border:1px solid #d8e1e7;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.actions .approve{color:#fff;background:#17875b;border-color:#17875b}.calendar{padding-bottom:35px}.legend{color:#6f8290;gap:15px;font-size:10px;display:flex}.legend span:first-child{color:#277ed8}.legend span:nth-child(2){color:#cf594c}.legend span:nth-child(3){color:#bd7819}.week,.calrow{grid-template-columns:150px repeat(5,1fr);gap:3px;display:grid}.week{margin-top:25px}.week b{color:#7f909d;text-align:center;padding:10px;font-size:10px}.calrow{border-top:1px solid #e8eef2;align-items:center;min-height:55px}.calrow>span{font-size:12px;font-weight:700}.calrow i{border-radius:7px;padding:9px;font-size:11px;font-style:normal}.leave{color:#216ebf;background:#dcecff}.permission{color:#ad6d0f;background:#fff0d2}.overlay{z-index:10;background:#071b2cbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 30px 70px #0005}.x{color:#718593;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:15px;right:18px}.modal>small{color:#337bc4;letter-spacing:.14em;font-size:10px;font-weight:900}.modal h2{margin:7px 0 24px;font-size:25px}.modal label{color:#607584;margin:15px 0 7px;font-size:11px;font-weight:800;display:block}.types{grid-template-columns:1fr 1fr;gap:8px;display:grid}.types button{text-align:left;color:#496273;cursor:pointer;background:#f7fafb;border:1px solid #dde6eb;border-radius:10px;padding:12px}.types button span{margin-right:8px;font-size:17px}.types button.selected{color:#1c69b6;background:#eaf4ff;border-color:#2784e7;font-weight:700}.dates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dates label{margin-bottom:0}input,textarea{width:100%;font:inherit;color:#274257;background:#fff;border:1px solid #d6e0e6;border-radius:9px;margin-top:7px;padding:11px;display:block}textarea{resize:vertical;height:70px}.destination{color:#13734e;background:#eaf7f1;border-radius:10px;align-items:center;gap:12px;margin:16px 0;padding:12px;display:flex}.destination>span{font-size:20px}.destination small,.destination strong{display:block}.destination small{font-size:8px;font-weight:900}.destination strong{margin-top:3px;font-size:12px}.submit{color:#fff;cursor:pointer;background:#1677ed;border:0;border-radius:10px;width:100%;padding:13px;font-weight:800}.toast{color:#fff;z-index:20;background:#153d56;border-radius:11px;padding:14px 18px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 30px #0019}@media (width<=850px){.app{display:block}.sidebar{z-index:5;flex-direction:row;width:100%;height:68px;padding:8px 15px;display:flex;position:fixed;top:auto;bottom:0}.brand,.sidefoot,.versionArea{display:none}.payrollAlerts{width:auto;top:14px;left:14px;right:14px}.sidebar nav{justify-content:space-around;width:100%;display:flex}.sidebar nav button{text-align:center;padding:8px 16px}.sidebar nav button span{width:auto;display:block}.sidebar nav button b{position:absolute}.sidebar nav button.active{background:#1d425f}main{padding:25px 18px 95px}header{align-items:flex-start}h1{font-size:25px}.primary{padding:11px;font-size:12px}.hero{align-items:flex-end;padding:24px}.hero h2{font-size:42px}.clock{width:62px;height:62px;font-size:0}.stats{grid-template-columns:1fr}.away{flex-wrap:wrap;align-items:flex-start}.contact{display:none}.request{flex-wrap:wrap}.reqmain{flex:1;min-width:0}.route{order:5;margin-left:56px}.actions{margin-left:auto}.week,.calrow{grid-template-columns:95px repeat(5,90px);min-width:580px}.calendar{overflow-x:auto}.types{grid-template-columns:1fr}.dates{grid-template-columns:1fr 1fr}.modal{max-height:92vh;padding:24px;overflow:auto}.panelhead{align-items:flex-start}.whatsapp{display:none}}