@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f4f6f8;--card:#fff;--ink:#0b1f3f;--mut:#66788a;--line:#e3e8ed;--brand:#022251;--green:#2d9b38;--gsoft:#e5f4e7;--amber:#b7791f;--asoft:#fdf3dc;--red:#c2410c;--side:#fff;--hover:#eef2f5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:500 14px/1.5 Manrope,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--green);outline-offset:2px}a{color:inherit}.login-frame{background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:minmax(380px,44%) minmax(0,1fr);display:grid}.login-frame[data-theme=dark],.workspace[data-theme=dark]{--bg:#0a1424;--card:#102038;--ink:#e8eef4;--mut:#8fa1b3;--line:#22364a;--brand:#e8eef4;--gsoft:#12352a;--asoft:#3a2e12;--side:#101c2a;--hover:#1a2c40;--green:#4cbb57;--amber:#e7b04a;--red:#f08a5d}.login-intro{color:#fff;background:#022251;flex-direction:column;min-height:100vh;padding:clamp(30px,4vw,60px);display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";border:1px solid #ffffff1d;border-radius:50%;width:38vw;height:38vw;position:absolute;bottom:-15vw;right:-24vw}.login-identity{letter-spacing:-.03em;font-size:22px;font-weight:800}.login-identity span{color:#79d77f}.login-intro-copy{max-width:480px;margin:auto 0;position:relative}.eyebrow{color:#d7e6f4;letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow i{background:#2d9b38;border-radius:50%;width:7px;height:7px}.login-intro h1{letter-spacing:-.05em;margin:22px 0 15px;font-size:clamp(38px,4vw,57px);line-height:1.12}.login-intro p{color:#c0d1e0;max-width:420px;margin:0;font-size:15px;line-height:1.75}.intro-rule{background:#2d9b38;border-radius:4px;width:65px;height:4px;margin:30px 0}.login-foot{color:#a9c1d8;font-size:11px}.login-right{flex-direction:column;min-width:0;padding:28px clamp(22px,4vw,58px);display:flex}.login-top{justify-content:flex-end;display:flex}.theme-button{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);border-radius:10px;font-size:18px}.theme-button:hover{background:var(--hover)}.login-form-shell{align-self:center;width:min(100%,420px);margin:auto;padding:34px 0}.login-form-shell h2{letter-spacing:-.03em;margin:0 0 6px;font-size:30px}.muted{color:var(--mut);margin:0 0 28px;font-size:14px}.field{margin:0 0 18px}.field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input{background:var(--card);border:1px solid var(--line);width:100%;height:46px;color:var(--ink);border-radius:10px;padding:0 14px}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--gsoft)}.password-field{position:relative}.password-field input{padding-right:80px}.password-field button{color:var(--green);background:0 0;border:0;border-radius:7px;padding:7px;font-size:12px;font-weight:800;position:absolute;top:7px;right:8px}.login-options{justify-content:flex-end;margin:-3px 0 24px;display:flex}.login-options button{color:var(--green);background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.login-options button:hover{text-decoration:underline}.primary-button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;width:100%;height:46px;font-weight:800}.primary-button:disabled{opacity:.65;cursor:wait}.login-help{border-top:1px solid var(--line);color:var(--mut);margin-top:30px;padding-top:18px;font-size:12px}.login-end{color:var(--mut);text-align:center;font-size:11px}.form-notice{border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:10px;margin:16px 0 0;padding:12px;font-size:12px}.workspace{--green:var(--tenant-accent,#2d9b38);--navy:var(--tenant-primary,#022251);background:var(--bg);min-height:100vh;color:var(--ink)}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--side);border-right:1px solid var(--line);height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.company-logo{height:80px;padding:2px 4px 18px}.company-logo img{object-fit:contain;max-width:200px;max-height:58px}.nav-label{color:var(--mut);margin:16px 8px 6px;font-size:12px;font-weight:700}.nav-item{text-align:left;width:100%;color:var(--mut);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--gsoft);color:var(--green);font-weight:700}.nav-parent span{margin-left:auto}.subnav{border-left:2px solid var(--line);margin:2px 0 6px 16px;padding-left:6px}.nav-child{padding:7px 10px;font-size:13px}.main-area{min-width:0}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;min-height:84px;padding:20px 28px;display:flex;position:sticky;top:0}.header-search{background:var(--bg);border:1px solid var(--line);max-width:420px;color:var(--ink);border-radius:10px;flex:1;padding:8px 12px}.header-spacer{flex:1}.date-label{color:var(--mut);font-weight:600}.icon-button{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);border-radius:10px}.icon-button:hover{background:var(--hover)}.profile-wrap{position:relative}.profile-button{color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:4px;display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.profile-button>span:last-child{text-align:left;text-overflow:ellipsis;max-width:210px;font-weight:700;line-height:1.2;overflow:hidden}.profile-button small{color:var(--mut);font-size:12px;font-weight:500;display:block}.profile-menu{background:var(--card);border:1px solid var(--line);z-index:9;border-radius:12px;min-width:190px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 12px 32px #0a1e322e}.profile-menu button,.profile-menu a{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;padding:10px 14px;text-decoration:none;display:block}.profile-menu button:hover,.profile-menu a:hover{background:var(--hover)}.dashboard-content{max-width:1240px;padding:26px 28px 60px}.dashboard-content h1{letter-spacing:-.02em;margin:0;font-size:26px}.page-subtitle{color:var(--mut);margin:2px 0 22px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.kpi{text-align:left;color:var(--ink);cursor:pointer}.kpi:hover{border-color:var(--green)}.kpi span{color:var(--mut);font-weight:600}.kpi strong{letter-spacing:-.03em;margin-top:4px;font-size:30px;display:block}.kpi small{color:var(--mut);font-size:12px}.dashboard-columns{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.column{gap:16px;display:grid}.card h2{margin:0 0 12px;font-size:16px}.card-head{justify-content:space-between;align-items:center;display:flex}.small-button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px 14px;font-weight:700}.small-button:hover{background:var(--hover)}.empty-state{text-align:center;color:var(--mut);margin:0;padding:26px 0}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-grid .small-button{text-align:left;padding:14px}.toast{background:var(--navy);color:#fff;z-index:20;border-radius:10px;padding:11px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.mobile-menu{display:none}.nav-caret{fill:currentColor;flex:none;width:8px;height:6px;margin-left:auto;transition:transform .15s}.nav-parent[aria-expanded=true] .nav-caret{transform:rotate(180deg)}.notification-bell{fill:#f6c343;stroke:#0b1f3f;stroke-width:1.2px;stroke-linejoin:round;width:19px;height:19px}.profile-button .profile-details{text-align:left;text-overflow:clip;width:260px;min-width:0;max-width:none;line-height:1.22;display:block;overflow:visible}.profile-details strong,.profile-details small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-details strong{font-size:13px;font-weight:800}.profile-details small{color:var(--mut);margin-top:2px;font-size:11px;font-weight:500}.profile-details .profile-email{font-size:11px}.birthday-list{margin:0;padding:0;list-style:none}.birthday-list li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.birthday-list li:first-child{border-top:0}.birthday-list span{color:var(--mut);white-space:nowrap}.holiday-admin{margin-bottom:16px}.holiday-admin h2:not(:first-child){margin-top:26px}.holiday-actions{gap:8px;display:flex}.holiday-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:16px;display:grid}.holiday-weekday{text-align:center;color:var(--mut);padding:8px;font-size:12px}.holiday-day{border:1px solid var(--line);background:var(--card);border-radius:9px;min-width:0;min-height:96px;padding:8px;font-size:12px}.holiday-day.today{border-color:var(--green)}.holiday-day.outside{background:0 0;border:0}.holiday-day>span{font-weight:800}.holiday-event{text-overflow:ellipsis;white-space:nowrap;background:var(--gsoft);color:var(--green);border-radius:6px;margin-top:6px;padding:5px 7px;font-weight:700;overflow:hidden}.holiday-event.inactive{background:var(--hover);color:var(--mut);text-decoration:line-through}@media (max-width:750px){.holiday-day{min-height:65px;padding:4px}.holiday-event{padding:3px;font-size:10px}.holiday-weekday{padding:4px;font-size:10px}.holiday-actions{flex-wrap:wrap}}.header-search-form{flex:1;max-width:420px}.header-search-form .header-search{width:100%;max-width:none}.quick-grid a.small-button{text-decoration:none}.employee-page{max-width:1280px}.directory-title{justify-content:space-between;align-items:start;display:flex}.directory-filters{grid-template-columns:2fr 1.25fr 1fr auto;align-items:end;gap:12px;margin-bottom:20px;display:grid}.directory-filters label{font-size:12px;font-weight:700;display:block}.directory-filters input,.directory-filters select{border:1px solid var(--line);background:var(--card);width:100%;height:42px;color:var(--ink);border-radius:9px;margin-top:6px;padding:8px 12px;display:block}.directory-filters .primary-button{width:auto;height:42px;padding:0 18px}.table-scroll{overflow-x:auto}.employee-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.employee-table th{background:var(--bg);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.employee-table th,.employee-table td{border-bottom:1px solid var(--line);padding:14px 12px}.employee-table td{font-size:13px}.employee-table td small{color:var(--mut);margin-top:3px;display:block}.employee-table a{color:var(--ink);font-weight:700}.employee-table a:hover{color:var(--green)}.employee-status{background:var(--bg);text-transform:capitalize;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-confirmed{color:#19753a;background:#e5f4e7}.status-probation,.status-draft{color:#8d5e16;background:#fdf3dc}.status-inactive,.status-separated{color:#bb342d;background:#fceae8}.directory-footer{color:var(--mut);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.directory-footer div{gap:8px;display:flex}.directory-footer .small-button{padding:7px 12px;text-decoration:none}.directory-footer .disabled{opacity:.5;cursor:default}.directory-error{color:#bb342d}.employee-profile{margin-top:22px}.employee-profile dl{grid-template-columns:1fr 1fr;gap:18px;margin:0;display:grid}.employee-profile dt{color:var(--mut);font-size:12px}.employee-profile dd{margin:3px 0 0;font-weight:700}.profile-note{color:var(--mut);border-top:1px solid var(--line);margin:22px 0 0;padding-top:16px;font-size:12px}.directory-add{white-space:nowrap;align-items:center;width:auto;padding:0 18px;text-decoration:none;display:inline-flex}.employee-wizard{max-width:860px;margin-top:18px}.wizard-steps{border-bottom:1px solid var(--line);gap:6px;margin:0 0 28px;padding:0 0 20px;list-style:none;display:flex}.wizard-steps li{color:var(--mut);flex:1;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.wizard-steps li span{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.wizard-steps li.current{color:var(--ink)}.wizard-steps li.current span,.wizard-steps li.complete span{color:#fff;background:var(--green);border-color:var(--green)}.wizard-fields{align-content:start;gap:16px;max-width:620px;min-height:280px;display:grid}.wizard-fields h2{margin:0}.wizard-fields label{font-size:13px;font-weight:700;display:block}.wizard-fields label small{color:var(--mut);font-weight:500}.wizard-fields input:not([type=checkbox]){background:var(--card);width:100%;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:9px;margin-top:6px;padding:8px 12px;display:block}.wizard-fields .muted{margin:0}.wizard-fields .wizard-check{align-items:start;gap:10px;display:flex}.wizard-check input{margin-top:4px}.wizard-summary{grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;display:grid}.wizard-summary dt{color:var(--mut);font-size:11px}.wizard-summary dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:700}.wizard-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.wizard-actions .primary-button{width:auto;min-width:160px;padding:0 20px}.invite-action{align-items:center;gap:15px;margin:12px 0;display:flex}.invite-action .primary-button{width:auto;padding:0 16px}.invite-action p{color:var(--mut);font-size:12px}.wizard-fields select{background:var(--card);width:100%;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:9px;margin-top:6px;padding:8px 12px;display:block}.wizard-actions a.small-button{align-items:center;text-decoration:none;display:inline-flex}.modal-backdrop{z-index:40;background:#07172bbb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.designation-dialog{width:100%;max-width:460px;box-shadow:0 20px 60px #081b3470}.designation-dialog p{color:var(--mut)}.designation-dialog .wizard-actions{flex-wrap:wrap}.designation-dialog .primary-button{width:auto;padding:0 16px}.profile-completion-screen{background:linear-gradient(145deg,#022251 0%,#0a2c52 45%,#2d9b38 150%);place-items:center;min-height:100vh;padding:28px 16px;display:grid}.profile-modal{width:min(100%,720px);padding:32px;box-shadow:0 24px 70px #00152d66}.profile-modal-header{margin-bottom:24px}.profile-modal-header .eyebrow{color:#19753a;background:#e5f4e7;border-color:#b7ddbf}.profile-modal-header h1{margin:16px 0 6px;font-size:27px}.profile-modal-header p{color:var(--mut);margin:0}.profile-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-form label{font-size:12px;font-weight:700;display:block}.profile-form input,.profile-form textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:9px;margin-top:6px;padding:10px 12px;display:block}.profile-form input{height:44px}.profile-form input[readonly]{background:var(--bg);color:var(--mut)}.profile-wide{grid-column:1/-1}.profile-form fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:14px}.profile-form legend{padding:0 5px;font-size:12px;font-weight:800}.profile-contact{grid-template-columns:1fr 1fr;gap:16px;display:grid}.access-screen,.reset-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.access-screen .card,.reset-card{background:var(--card);border-radius:14px;max-width:480px;padding:30px}.reset-card label,.reset-card input{width:100%;margin:12px 0;display:block}.reset-card input{border:1px solid var(--line);border-radius:10px;padding:10px}.settings-screen{background:var(--bg);min-height:100vh;padding:35px 20px}.settings-wrap{max-width:960px;margin:auto}.back-link{color:#1b7e31}.settings-card{margin-top:24px}.settings-card h2{margin:0 0 20px}.logo-preview{border:1px dashed var(--line);height:90px;color:var(--mut);border-radius:10px;place-items:center;max-width:260px;display:grid}.logo-preview img{object-fit:contain;max-width:220px;max-height:75px}.upload-control{margin-top:14px;font-weight:700;display:block}.upload-control input{margin:8px 0;display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;margin:26px 0;display:grid}.settings-grid label{font-weight:700}.settings-grid input:not([type=color]),.settings-grid select{border:1px solid var(--line);background:var(--card);width:100%;height:42px;color:var(--ink);border-radius:9px;margin-top:7px;padding:7px 11px;display:block}.settings-grid input[type=color]{width:90px;height:42px;margin-top:7px;display:block}.settings-grid small{color:var(--mut);margin-top:5px;font-weight:500;display:block}.settings-save{max-width:210px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:15;width:248px;transition:left .2s;position:fixed;left:-260px}.sidebar.mobile-open{left:0}.mobile-menu{display:block}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.topbar,.dashboard-content{padding-left:16px;padding-right:16px}.header-search-form,.profile-button>span:last-child{display:none}.date-label{font-size:11px}.directory-filters{grid-template-columns:1fr 1fr}.login-frame{display:block}.login-intro{min-height:230px;padding:25px}.login-intro-copy{margin:28px 0 0}.login-intro h1{margin:12px 0;font-size:28px}.login-intro p{font-size:12px}.intro-rule,.login-foot,.eyebrow{display:none}.login-right{min-height:calc(100vh - 230px);padding:17px 22px}.login-form-shell{padding:18px 0}}@media (max-width:600px){.settings-grid,.directory-filters,.employee-profile dl,.wizard-summary,.profile-form,.profile-contact{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.date-label{display:none}.directory-footer{flex-direction:column;align-items:flex-start}.directory-title{flex-direction:column;gap:8px}.wizard-steps{overflow-x:auto}.wizard-steps li{min-width:88px}.invite-action{flex-direction:column;align-items:flex-start}.profile-modal{padding:22px}.profile-modal-header h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.invitation-actions,.security-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invitation-actions small{flex-basis:100%;max-width:300px}.danger-button{color:#b42318!important;border-color:#fda29b!important}.temporary-secret{border:1px solid #cbd5e1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.temporary-secret code{overflow-wrap:anywhere}.permission-row{border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.employee-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.employee-dashboard-grid .card{min-width:0}.punch-timer{font-variant-numeric:tabular-nums;margin:20px 0;font-size:2.4rem;display:block}.punch-out{background:#be2626!important}.attendance-week>div{border-bottom:1px solid #dce3ec;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.status-retracted{color:#b42318!important;background:#fef3f2!important}.status-pending{color:#9a6700!important;background:#fffaeb!important}.status-accepted{color:#027a48!important;background:#ecfdf3!important}@media (max-width:780px){.employee-dashboard-grid{grid-template-columns:1fr}.permission-row{flex-direction:column;align-items:flex-start}}.master-form{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.master-form label{flex-direction:column;flex:1;gap:6px;min-width:170px;font-size:12px;font-weight:700;display:flex}.master-form input,.master-form select{background:var(--card);height:42px;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 12px}.master-form .primary-button{width:auto;padding:0 18px}.master-form .small-button{height:42px}.security-actions{margin:12px 0}.designation-dialog{max-height:85vh;overflow:auto}.employee-dashboard-grid .card{padding:22px}.attendance-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:10px 0 20px;display:flex}.attendance-filters label,.attendance-form label{flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.attendance-filters label{flex:1;min-width:125px}.attendance-filters input,.attendance-filters select,.attendance-form input,.attendance-form select,.attendance-form textarea,.roster-month input{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;width:100%;min-height:40px;padding:9px 10px}.attendance-filters .primary-button{width:auto;height:40px;padding:0 18px}.attendance-summary{color:var(--mut);font-size:12px}.attendance-badge{text-transform:capitalize;white-space:nowrap;background:var(--hover);color:var(--ink);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.attendance-approved,.attendance-present{color:#086536;background:#dff4e6}.attendance-rejected,.attendance-absent{color:#a61b1b;background:#fde8e8}.attendance-pending,.attendance-in-progress,.attendance-late,.attendance-early,.attendance-returned{color:#855600;background:#fff2cc}.workspace[data-theme=dark] .attendance-approved,.workspace[data-theme=dark] .attendance-present{color:#9ef0bc;background:#123f2c}.workspace[data-theme=dark] .attendance-rejected,.workspace[data-theme=dark] .attendance-absent{color:#ffb5bd;background:#4a2025}.workspace[data-theme=dark] .attendance-pending,.workspace[data-theme=dark] .attendance-in-progress,.workspace[data-theme=dark] .attendance-late,.workspace[data-theme=dark] .attendance-early,.workspace[data-theme=dark] .attendance-returned{color:#ffe28c;background:#493714}.attendance-two-col{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.attendance-list>div{border-bottom:1px solid var(--line);padding:10px 0}.attendance-list span,.roster-table th small{color:var(--mut);font-size:11px;display:block}.attendance-form{gap:14px;margin-top:18px;display:grid}.attendance-form h3{margin:8px 0 0;font-size:14px}.attendance-form .primary-button{max-width:200px}.form-pair{gap:12px;display:flex}.form-pair>*{flex:1;min-width:0}.attendance-form textarea{resize:vertical;min-height:90px}.attendance-form .inline-check,.employee-picker label{flex-direction:row;align-items:center;gap:8px;display:flex}.inline-check input,.employee-picker input{width:auto;min-height:0}.employee-picker{border:1px solid var(--line);border-radius:10px;gap:8px;max-height:190px;padding:12px;display:grid;overflow:auto}.employee-picker legend{font-size:12px;font-weight:800}.attendance-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attendance-actions .small-button{padding:6px 8px;font-size:11px}.attendance-actions a{color:var(--green)}.attendance-detail-grid{grid-template-columns:125px 1fr;gap:10px;margin-bottom:24px;display:grid}.attendance-detail-grid dt{color:var(--mut)}.attendance-detail-grid dd{margin:0;font-weight:700}.attendance-history{border-bottom:1px solid var(--line);padding:12px 0}.attendance-history p{margin:5px 0}.attendance-audit>div{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.roster-month{align-items:center;gap:8px;display:flex}.roster-table{border-collapse:collapse;white-space:nowrap}.roster-table th,.roster-table td{border:1px solid var(--line);text-align:center;min-width:32px;padding:8px;font-size:11px}.roster-table th:first-child{background:var(--card);z-index:1;text-align:left;min-width:150px;position:sticky;left:0}.roster-filled{background:var(--gsoft);color:var(--green);font-weight:800}.attendance-request{max-width:760px}.kpi-grid a.kpi{text-decoration:none}.weekday-picker{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:10px;padding:10px;display:flex}.weekday-picker legend{font-size:12px;font-weight:800}.weekday-picker label{flex-direction:row;align-items:center;gap:5px;display:flex}.weekday-picker input{width:auto;min-height:0}.roster-off,.attendance-weekly-off,.attendance-scheduled{background:var(--hover);color:var(--mut)}.attendance-incomplete{color:#855600;background:#fff2cc}.workspace[data-theme=dark] .attendance-incomplete{color:#ffe28c;background:#493714}@media (max-width:780px){.attendance-two-col{grid-template-columns:1fr}.form-pair{flex-direction:column}.attendance-detail-grid{grid-template-columns:100px 1fr}}.leave-status{text-transform:capitalize;background:var(--hover);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.leave-status-approved{color:#086536;background:#dff4e6}.leave-status-rejected,.leave-status-cancelled{color:#a61b1b;background:#fde8e8}.leave-status-pending,.leave-status-returned{color:#855600;background:#fff2cc}.workspace[data-theme=dark] .leave-status-approved{color:#9ef0bc;background:#123f2c}.workspace[data-theme=dark] .leave-status-rejected,.workspace[data-theme=dark] .leave-status-cancelled{color:#ffb5bd;background:#4a2025}.workspace[data-theme=dark] .leave-status-pending,.workspace[data-theme=dark] .leave-status-returned{color:#ffe28c;background:#493714}.leave-decision{flex-wrap:wrap;gap:6px;min-width:230px;display:flex}.leave-decision input,.card textarea{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px 10px}.leave-decision input{width:100%}.leave-decision button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 8px}.leave-decision button:disabled{opacity:.55}.card textarea{resize:vertical;width:100%;max-width:750px;min-height:76px;display:block}.attendance-filters .checkbox-label{flex-direction:row;align-items:center;min-width:170px}.attendance-filters .checkbox-label input{width:auto;min-height:0}.holiday-event.leave-event{color:#2447a5;background:#e6edff}.workspace[data-theme=dark] .holiday-event.leave-event{color:#b6c9ff;background:#203460}.attendance-on-leave,.attendance-half-day-leave{color:#2447a5;background:#e6edff}.workspace[data-theme=dark] .attendance-on-leave,.workspace[data-theme=dark] .attendance-half-day-leave{color:#b6c9ff;background:#203460}.leave-status-superseded{background:var(--hover);color:var(--mut)}.leave-evidence-input{margin:14px 0;font-size:12px;font-weight:700;display:block}.leave-evidence-input input{max-width:100%;margin-top:5px;display:block}.leave-evidence-row{gap:6px;min-width:200px;margin:8px 0;display:grid}.leave-evidence-row input{max-width:220px;font-size:11px}.leave-evidence-row button{justify-self:start}.employee-table .profile-note a{color:var(--green);overflow-wrap:anywhere;text-decoration:underline}.approvals-overview{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.approvals-overview span{color:var(--mut)}.approval-detail{margin-top:16px}.approval-detail h3{margin:18px 0 9px}.approval-detail a{color:var(--green)}.approval-decision{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.approval-decision label{margin:12px 0;font-size:12px;font-weight:700;display:block}.approval-decision textarea{margin-top:6px;display:block}.approval-decision .attendance-actions{margin:14px 0}.login-intro{background:var(--login-panel-color,#022251)}.login-identity{align-items:center;max-width:100%;min-height:56px;display:flex}.login-identity img{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:auto;max-height:92px;display:block}.login-intro .intro-rule,.login-intro .eyebrow i{background:var(--login-accent-color,#2d9b38)}.company-logo{justify-content:flex-start;align-items:center;min-width:0;height:112px;padding:0 2px 16px;display:flex}.company-logo img{object-fit:contain;object-position:left center;width:100%;max-width:none;height:auto;max-height:96px;display:block}.workspace[data-custom-sidebar] .sidebar{background:var(--tenant-sidebar);color:var(--tenant-sidebar-ink);border-color:color-mix(in srgb,var(--tenant-sidebar-ink) 16%,transparent)}.workspace[data-custom-sidebar] .sidebar .nav-item,.workspace[data-custom-sidebar] .sidebar .nav-label{color:var(--tenant-sidebar-ink)}.workspace[data-custom-sidebar] .sidebar .nav-item:hover{background:color-mix(in srgb,var(--tenant-sidebar-ink) 12%,transparent)}.workspace[data-custom-sidebar] .sidebar .nav-item.active{background:color-mix(in srgb,var(--tenant-sidebar-ink) 16%,transparent);font-weight:800}.workspace[data-custom-sidebar] .sidebar .subnav{border-color:color-mix(in srgb,var(--tenant-sidebar-ink) 20%,transparent)}.workspace[data-custom-topbar] .topbar{background:var(--tenant-topbar);color:var(--tenant-topbar-ink);border-color:color-mix(in srgb,var(--tenant-topbar-ink) 16%,transparent)}.workspace[data-custom-topbar] .topbar .date-label,.workspace[data-custom-topbar] .topbar .profile-button small{color:var(--tenant-topbar-ink)}.workspace[data-custom-topbar] .topbar .icon-button,.workspace[data-custom-topbar] .topbar .profile-button{color:var(--tenant-topbar-ink);border-color:color-mix(in srgb,var(--tenant-topbar-ink) 25%,transparent);background:0 0}.workspace[data-custom-topbar] .topbar .icon-button:hover,.workspace[data-custom-topbar] .topbar .profile-button:hover{background:color-mix(in srgb,var(--tenant-topbar-ink) 12%,transparent)}.workspace[data-custom-topbar] .topbar .header-search{background:color-mix(in srgb,var(--tenant-topbar-ink) 10%,var(--tenant-topbar));color:var(--tenant-topbar-ink);border-color:color-mix(in srgb,var(--tenant-topbar-ink) 25%,transparent)}.workspace[data-custom-topbar] .topbar .header-search::placeholder{color:var(--tenant-topbar-ink);opacity:.75}.workspace[data-custom-topbar] .topbar .profile-menu{background:var(--card);color:var(--ink)}@media (max-width:900px){.company-logo{height:100px}.login-identity img{max-height:64px}}.login-identity:has(img){background:#fff;border-radius:10px;width:max-content;max-width:100%;min-height:70px;padding:10px 14px}.login-identity img{max-height:82px}.login-intro{color:var(--login-panel-ink,#fff)}.login-intro p,.login-foot{color:var(--login-panel-ink,#fff);opacity:.8}.login-intro .eyebrow{color:var(--login-panel-ink,#fff);border-color:color-mix(in srgb,var(--login-panel-ink,#fff) 30%,transparent)}.login-intro:before{border-color:color-mix(in srgb,var(--login-panel-ink,#fff) 12%,transparent)}.login-identity:has(img){width:min(100%,300px);min-height:125px;padding:14px 18px}.login-identity img{object-fit:contain;width:100%;max-width:100%;max-height:100px}.company-logo{background:#fff;border-radius:10px;height:115px;margin:0 0 12px;padding:8px 12px}.company-logo img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:none}.workspace[data-custom-sidebar] .sidebar .company-logo{background:#fff}.workspace[data-custom-topbar] .topbar .header-search,.workspace[data-custom-topbar] .topbar .profile-button,.workspace[data-custom-topbar] .topbar .date-label,.workspace[data-custom-topbar] .topbar .icon-button,.workspace[data-custom-topbar] .topbar .header-search::placeholder{color:#fff}@media (max-width:900px){.login-identity:has(img){width:min(100%,240px);min-height:90px}.login-identity img{max-height:70px}}.invitation-actions{flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:400px;max-width:400px;display:flex}.invitation-actions small{overflow-wrap:anywhere;flex-basis:100%;min-height:19px}.invitation-table td:last-child{min-width:420px}@media (max-width:780px){.invitation-actions{min-width:0;max-width:none}.invitation-table td:last-child{min-width:380px}}.attendance-detail-modal{width:min(760px,100vw - 32px);max-height:90vh;padding:24px;overflow:auto}.attendance-detail-modal h3{margin:20px 0 8px}.attendance-detail-modal .card-head{justify-content:space-between;align-items:start;display:flex}.employee-table tbody tr.resigned-row{background:#ce252a1f}.employee-table tbody tr.resigned-row:hover{background:#ce252a2e}.employee-table tbody tr.selected-request{outline:2px solid var(--green);outline-offset:-2px}.notification-wrap,.notification-trigger{position:relative}.notification-count{color:#fff;background:#c82333;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-7px;right:-9px}.notification-tray{background:var(--card);width:min(380px,100vw - 24px);color:var(--ink);border:1px solid var(--line);z-index:12;border-radius:14px;position:absolute;top:48px;right:-90px;overflow:hidden;box-shadow:0 20px 40px #06162944}.notification-tray-head,.notification-tray-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-tray-head a{color:var(--ink);font-size:22px;text-decoration:none}.notification-tray-list{max-height:350px;overflow-y:auto}.notification-entry{text-align:left;background:var(--card);width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);gap:3px;padding:12px 16px;display:grid}.notification-entry:hover{background:var(--hover)}.notification-entry.unread{background:var(--gsoft)}.notification-entry small,.notification-entry time{color:var(--mut);font-size:12px}.notification-tray-footer{border-bottom:0;border-top:1px solid var(--line)}.notification-tray-footer a{text-decoration:none}.logo-crop-dialog{width:min(560px,100%);max-height:90vh;overflow:auto}.logo-crop-dialog p{color:var(--mut)}.logo-crop-frame{border:2px solid var(--line);border-radius:10px;width:min(100%,460px);max-height:360px;margin:12px auto;overflow:hidden}.logo-crop-frame img{object-fit:cover;width:100%;height:100%;display:block}.logo-crop-dialog input[type=range]{width:100%}.logo-crop-frame canvas{width:100%;height:auto;display:block}.nav-label{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;margin:26px 8px 10px;padding-bottom:9px;font-size:13px;font-weight:800}.directory-title>.primary-button{flex:none;justify-content:center;align-items:center;width:auto;padding:0 18px;text-decoration:none;display:inline-flex}.small-button,.primary-button,.employee-table .small-button{text-decoration:none!important}.employee-notes-dialog{width:min(650px,100%);max-height:85vh;overflow:auto}.employee-note{border-bottom:1px solid var(--line);padding:14px 0}.employee-note p{white-space:pre-wrap;overflow-wrap:anywhere}.employee-note small{color:var(--mut)}.notes-trigger{margin-left:6px}.roster-table thead small{color:var(--mut);font-size:10px;display:block}.announcements-card{margin:18px 0}.social-announcement{border-bottom:1px solid var(--line);padding:20px 0}.social-announcement:last-child{border-bottom:0}.announcement-author{align-items:center;gap:10px;display:flex}.announcement-avatar{background:var(--gsoft);width:38px;height:38px;color:var(--green);border-radius:50%;place-items:center;font-weight:800;display:grid}.announcement-author small{color:var(--mut);margin-top:3px;display:block}.social-announcement h3 a{color:var(--ink);text-decoration:none}.social-announcement p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.edited-tag{border:1px solid var(--line);border-radius:12px;margin-left:5px;padding:2px 6px;font-size:10px}.announcement-images{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0;display:grid}.announcement-images img{object-fit:contain;background:var(--hover);border-radius:10px;width:100%;max-height:320px}.announcement-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.announcement-composer{max-width:800px}.announcement-composer textarea{min-height:160px}.leave-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.leave-balance-card{flex-direction:column;align-items:flex-start;min-width:0;display:flex;margin:0!important}.leave-balance-card h2{margin:14px 0 4px;font-size:16px}.leave-balance-value{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.leave-balance-value span{color:var(--mut);font-size:12px;font-weight:500}.leave-balance-card .small-button{justify-content:center;width:100%;margin-top:auto}.leave-balance-card .profile-note{overflow-wrap:anywhere;margin:6px 0 16px}.leave-balance-card.is-selected{box-shadow:inset 0 0 0 2px var(--green)}.leave-balance-card.is-unavailable{background:var(--hover);color:var(--mut)}.leave-status-unavailable{background:var(--line);color:var(--ink)}.leave-balance-card button:disabled,.leave-request-form button:disabled{cursor:not-allowed;opacity:1;background:var(--hover);border-color:var(--line);color:var(--mut)}.leave-application-layout,.leave-policy-editors{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.leave-application-layout>.card,.leave-policy-editors>.card{min-width:0}.leave-request-form .attendance-filters,.leave-policy-editors .master-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.leave-request-form label,.leave-policy-editors label{min-width:0}.leave-request-form textarea{width:100%;font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:10px}.leave-request-form .primary-button{background:var(--tenant-sidebar,#002b5c);color:#fff;border-color:#0000;max-width:none}.leave-request-form .primary-button:disabled{background:var(--hover);color:var(--mut);border-color:var(--line)}.leave-request-summary{background:var(--hover);border-radius:10px;margin:16px 0;padding:14px;font-size:13px}.leave-request-summary>div{justify-content:space-between;gap:14px;margin:5px 0;display:flex}.leave-help-panel details{border-top:1px solid var(--line);padding:14px 0}.leave-help-panel summary{cursor:pointer;font-weight:800}.leave-help-panel p{color:var(--mut);line-height:1.7}.leave-policy-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.leave-policy-heading label{min-width:220px}.notes-count{color:#c82333;font-weight:800}.workspace[data-theme=dark] .notes-count{color:#ff9da6}.announcements-compact{align-self:start;min-width:0;min-height:330px;margin:0}.announcement-subjects{margin:8px 0 0;padding:0;list-style:none}.announcement-subjects li{border-bottom:1px solid var(--line);padding:12px 0}.announcement-subjects li:last-child{border-bottom:0}.announcement-subjects a{justify-content:space-between;align-items:start;gap:10px;min-width:0;text-decoration:none;display:flex}.announcement-subjects a>span:first-child{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.announcement-new{background:var(--gsoft);color:var(--green);border-radius:12px;flex:none;padding:2px 8px;font-size:11px}.employee-dashboard-grid{align-items:start}.employee-dashboard-grid .punch-card{align-self:start;min-height:330px;margin:0}.employee-dashboard-grid .punch-card .primary-button{background:#002b5c;border-color:#002b5c}.employee-dashboard-grid .punch-card .primary-button.punch-out{background:#ba2525;border-color:#ba2525}.attendance-holiday,.attendance-week-off{background:var(--gsoft);color:var(--green)}@media (max-width:900px){.leave-application-layout,.leave-policy-editors{grid-template-columns:1fr}}@media (max-width:650px){.leave-balance-grid,.leave-request-form .attendance-filters,.leave-policy-editors .master-form{grid-template-columns:1fr}.leave-policy-heading label{width:100%;min-width:0}.announcements-compact,.employee-dashboard-grid .punch-card{min-height:0}}.profile-identity{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.profile-avatar{background:var(--gsoft);width:72px;height:72px;color:var(--green);border-radius:20px;flex:none;place-items:center;font-size:25px;font-weight:800;display:grid}.profile-identity h2{margin:0 0 6px}.profile-identity p{color:var(--mut);margin:0 0 10px}.profile-hero-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.profile-hero-actions .primary-button{width:auto;padding:10px 16px}.profile-summary-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding-top:20px;display:grid}.profile-summary-grid dt{color:var(--mut);margin-bottom:6px;font-size:12px}.profile-summary-grid dd{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-note{color:var(--mut);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.profile-tabs{border-bottom:1px solid var(--line);gap:6px;margin:12px 0 20px;padding:4px 0 12px;display:flex;overflow-x:auto}.profile-tabs [aria-selected=true]{background:var(--gsoft);color:var(--green);border-color:var(--green)}.profile-tabs button{white-space:nowrap}.profile-two-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-two-col>.card{min-width:0;margin-top:0}.profile-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.profile-edit-form label,.profile-file-replace{flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea,.profile-record-actions>input,.leave-policy-heading select{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px}.profile-edit-form input[type=file],.profile-file-replace input{max-width:100%;font-size:12px}.profile-full{grid-column:1/-1}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-actions .primary-button{width:auto;padding:10px 18px}.profile-entry-form{background:var(--hover);border-radius:12px;margin-bottom:20px;padding:18px}.profile-record{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:22px;padding:20px 0;display:flex}.profile-record>div{min-width:0}.profile-record h3{margin:0 0 6px;font-size:15px}.profile-record p{white-space:pre-wrap;overflow-wrap:anywhere}.profile-record-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:430px;display:flex}.profile-file-replace{flex-basis:100%;align-items:flex-end}.profile-dialog{border:1px solid var(--line);background:var(--card);width:min(620px,100vw - 32px);max-height:90vh;color:var(--ink);border-radius:16px;padding:24px;overflow:auto}.profile-dialog::backdrop{background:#07182c99}.employee-id-preview{border:1px solid var(--line);text-align:center;background:var(--card);border-top:10px solid #002b5c;border-bottom:8px solid #2d9b38;border-radius:12px;max-width:320px;margin:24px auto;padding:28px}.employee-id-preview img{object-fit:contain;background:#fff;border-radius:6px;max-width:220px;max-height:65px;padding:8px}.employee-id-preview>p{color:var(--mut);font-size:12px}.employee-id-preview dl{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;font-size:12px;display:grid}.employee-id-preview dd{margin:0;font-weight:700}.policy-confirmed-check{justify-content:flex-start;align-items:center;gap:10px;flex-direction:row!important;display:flex!important}.policy-confirmed-check input[type=checkbox]{accent-color:var(--green);flex:none;margin:0;width:16px!important;height:16px!important;min-height:16px!important}.holiday-image-thumb{object-fit:cover;border-radius:8px;width:90px;height:60px;margin:8px 0;display:block}.profile-record .small-button{white-space:normal;overflow-wrap:anywhere}.profile-dialog .directory-error{margin:12px 0}@media (max-width:800px){.profile-two-col{grid-template-columns:1fr}.profile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-record{flex-direction:column}.profile-record-actions{justify-content:flex-start;max-width:100%}.profile-file-replace{align-items:flex-start}.profile-hero-actions{margin-left:0}}@media (max-width:520px){.profile-edit-form,.profile-summary-grid{grid-template-columns:1fr}.profile-hero-actions{width:100%}.profile-entry-form{padding:12px}}.holiday-bundle-select{flex-direction:column;gap:7px;max-width:480px;margin:18px 0;font-size:12px;font-weight:700;display:flex}.holiday-bundle-select select,.holiday-actions select{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);font:inherit;border-radius:8px;padding:9px 12px}.profile-rule{border:0;border-top:1px solid var(--line);margin:24px 0}.profile-record{align-items:center;gap:24px;padding:22px 0}.profile-record>div:first-child{flex:1}.profile-record h3{line-height:1.55}.profile-record .profile-note{margin:8px 0 14px;font-size:13px}.profile-record-actions{flex:none;align-items:center;max-width:none}.profile-record .small-button{align-items:center;max-width:100%;padding:9px 12px;display:inline-flex}.profile-edit-form input[type=file]{background:var(--card);border:1px dashed var(--line);padding:10px}.profile-edit-form input[type=file]::file-selector-button{background:var(--hover);color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-right:10px;padding:7px 10px}.employee-id-frame{background:var(--hover);border:0;border-radius:10px;width:100%;height:510px;margin:16px 0}.profile-dialog:has(.employee-id-frame){width:min(680px,100vw - 24px)}.profile-record h3,.profile-record p{border:0!important;width:auto!important}.profile-record-actions .danger-button{color:var(--ink)}.my-attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:20px;display:grid}.my-attendance-cell{background:var(--card);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:7px;min-width:0;padding:11px;font-size:12px;display:flex}.my-attendance-cell strong{font-size:12px}.my-attendance-cell small{color:var(--mut);overflow-wrap:anywhere;font-size:11px}.my-attendance-cell.is-filtered{opacity:.35}.attendance-cell-status{color:var(--ink);font-weight:700}.attendance-cell-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.my-attendance-cell .small-button{white-space:normal;padding:5px 7px;font-size:11px}.attendance-day-detail{color:var(--green);margin:5px;font-size:12px;display:inline-block}@media (max-width:1050px){.my-attendance-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.my-attendance-calendar>.holiday-weekday,.attendance-calendar-blank{display:none}}@media (max-width:550px){.my-attendance-calendar{grid-template-columns:1fr}}.payroll-summary{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}.payroll-totals>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.payroll-totals dd{font-variant-numeric:tabular-nums;margin:0}.payroll-net{background:var(--gsoft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:24px;margin:20px 0;padding:20px;display:flex}.payroll-net strong{margin-top:7px;font-size:21px;display:block}.payroll-review-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.payroll-review-actions>label:first-child{flex-direction:column;flex-basis:100%;gap:7px;display:flex}.payroll-review-actions input:not([type=checkbox]){border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:10px}.payroll-claims{border:1px solid var(--line);border-radius:8px;padding:14px}.payroll-claims label{margin:10px 0}@media (max-width:650px){.payroll-summary{grid-template-columns:1fr}}.attendance-status-legend{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.workspace .day-status-absent{color:#a31c28;background:#fde8e8}.workspace .day-status-present{color:#146537;background:#def3e4}.workspace .day-status-week-off{color:#795400;background:#fff0b8}.workspace .day-status-leave{color:#6532a0;background:#eee5ff}.workspace .day-status-holiday{color:#175f86;background:#dcf2ff}.workspace .day-status-attention{color:#87431a;background:#ffead5}.workspace .day-status-neutral{background:var(--hover);color:var(--ink)}.my-attendance-cell.day-tone-absent{background:#fff5f5;border-top:4px solid #d64b59}.my-attendance-cell.day-tone-present{background:#f0fbf4;border-top:4px solid #329858}.my-attendance-cell.day-tone-week-off{background:#fff9e6;border-top:4px solid #d8ab25}.my-attendance-cell.day-tone-leave{background:#faf5ff;border-top:4px solid #9861ce}.my-attendance-cell.day-tone-holiday{background:#f0f9ff;border-top:4px solid #3793c4}.my-attendance-cell.day-tone-attention{border-top:4px solid #d9883d}.workspace[data-theme=dark] .day-status-absent{color:#ffc0c8;background:#4a2025}.workspace[data-theme=dark] .day-status-present{color:#a6efc0;background:#123f2c}.workspace[data-theme=dark] .day-status-week-off{color:#ffe49b;background:#493b15}.workspace[data-theme=dark] .day-status-leave{color:#dcc0ff;background:#37234f}.workspace[data-theme=dark] .day-status-holiday{color:#b1e1ff;background:#153b52}.workspace[data-theme=dark] .day-status-attention{color:#ffd2a7;background:#4c301c}.workspace[data-theme=dark] .my-attendance-cell.day-tone-absent{background:#30202c}.workspace[data-theme=dark] .my-attendance-cell.day-tone-present{background:#14352b}.workspace[data-theme=dark] .my-attendance-cell.day-tone-week-off{background:#36301d}.workspace[data-theme=dark] .my-attendance-cell.day-tone-leave{background:#29213d}.workspace[data-theme=dark] .my-attendance-cell.day-tone-holiday{background:#163045}.profile-avatar img,.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-picture-wrap{flex-direction:column;align-items:center;gap:8px;max-width:160px;display:flex}.profile-picture-upload{cursor:pointer;font-size:11px;position:relative;overflow:hidden}.profile-picture-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.profile-picture-wrap small{color:var(--red);font-size:11px}.chat-floating-bubble{z-index:80;color:#fff;background:#002b5c;border:2px solid #3b9c4b;border-radius:30px;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 5px 22px #001b4138}.chat-floating-bubble img{object-fit:contain;background:#fff;border-radius:50%;width:34px;height:34px;padding:4px}.chat-floating-bubble b{color:#fff;background:#3b9c4b;border-radius:20px;margin-left:6px;padding:2px 7px;font-size:11px}.chat-enable-sound{z-index:81;color:#002b5c;cursor:pointer;background:#fff;border:1px solid #3b9c4b;border-radius:9px;padding:9px 13px;font:600 12px Arial,sans-serif;position:fixed;bottom:96px;right:24px}.profile-avatar img.company-picture-placeholder{object-fit:contain;background:#fff;padding:7px}.auto-punch-dialog{border:1px solid var(--line,#d5dfed);width:calc(100% - 32px);max-width:520px;color:var(--ink,#002b5c);background:var(--card,#fff);border-radius:16px;padding:28px;box-shadow:0 18px 70px #00152b44}.auto-punch-dialog::backdrop{background:#00152ba6}.auto-punch-dialog h2{margin:8px 0 16px;font-size:24px}.auto-punch-dialog p{font-size:13px;line-height:1.65}.auto-punch-eyebrow{color:var(--green,#2d9b38);letter-spacing:.1em;font-weight:800;font-size:10px!important}.auto-punch-deadline{background:var(--bg,#f4f7fb);border-radius:9px;padding:12px}.auto-punch-actions{gap:12px;margin-top:22px;display:flex}.auto-punch-actions button{color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.auto-punch-yes{background:#002b5c}.auto-punch-no{background:#c6333d}.auto-punch-actions button:disabled{opacity:.6;cursor:wait}.auto-punch-notice{z-index:1500;background:var(--card,#fff);max-width:430px;color:var(--ink,#002b5c);border:1px solid var(--line,#d5dfed);border-left:4px solid #2d9b38;border-radius:10px;padding:15px 42px 15px 16px;font-size:12px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #00152b22}.auto-punch-notice button{color:inherit;background:0 0;border:0;font-size:21px;position:absolute;top:8px;right:10px}@media (max-width:520px){.auto-punch-actions{flex-direction:column}}.company-favicon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;padding:20px 0}.company-favicon img{object-fit:contain;margin:12px 0;display:block}.company-favicon .small-button{margin-top:12px}