*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff;color:#1a1a1a}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-box{width:100%;max-width:380px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.brand-name{font-weight:600}.brand-sub{color:#6b6b6b;font-size:14px}.login-title{font-size:20px;font-weight:600;margin-bottom:24px}.field-label{display:block;font-size:14px;color:#555;margin-bottom:6px}.field-input{width:100%;height:44px;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:16px;outline:none}.field-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.btn-primary{width:100%}.error-text{color:#dc2626;font-size:14px;margin-top:4px}.footer-note{text-align:center;color:#aaa;font-size:12px;margin-top:24px}.page{min-height:100vh;background:#fff;padding:32px}.page-title{font-size:20px;font-weight:600}.page-sub{color:#6b6b6b;margin-top:4px}.whitespace-nowrap{white-space:nowrap!important}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:10px 24px;border-bottom:1.5px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:100;box-sizing:border-box}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.topbar-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.topbar-logo{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;object-fit:contain;flex-shrink:0;display:block}.brand-text{min-width:0;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.company-name{font-weight:800;font-size:15px;line-height:1.22;color:#0f172a;min-width:150px;max-width:260px;white-space:normal;letter-spacing:-.015em}.company-name-primary,.company-name-secondary{white-space:nowrap;display:inline-block}.portal-sub{font-size:11px;font-weight:600;color:#ea580c;line-height:1.2;margin-top:1px;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.brand-divider{width:1.5px;height:30px;background:#cbd5e1;margin:0 4px;flex-shrink:0}.topbar-mark{width:30px;height:30px;border-radius:8px;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.topbar-right-desktop{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-ghost{flex-shrink:0}.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:18px;font-weight:600;line-height:1;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease}.mobile-menu-btn:hover{background:#f8fafc;border-color:#cbd5e1}.mobile-menu-btn:focus-visible{outline:2px solid #F97316;outline-offset:2px}.mobile-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:285px;max-width:85vw;height:100vh;height:100dvh;background:var(--ui-surface, #ffffff);z-index:1000;box-shadow:6px 0 28px #00000024,1px 0 0 var(--ui-border, #e2e8f0);border-right:1.5px solid var(--ui-border, #e2e8f0);transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;visibility:hidden;pointer-events:none;flex-direction:column}.mobile-sidebar-open{transform:translate(0);visibility:visible;pointer-events:auto}.sidebar-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.sidebar-header{height:60px;min-height:60px;padding:0 16px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid #f1f5f9;background:#fff;flex-shrink:0}.sidebar-header-title{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.sidebar-close-btn{width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#334155;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-close-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.sidebar-close-btn:focus-visible{outline:2px solid #F97316;outline-offset:2px}.sidebar-content{flex:1 1 auto;overflow-y:auto;padding:20px 16px}.sidebar-section{margin-bottom:24px}.sidebar-section:last-child{margin-bottom:0}.sidebar-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;padding:0 8px;margin-bottom:6px}.sidebar-divider{height:1.5px;background:#f1f5f9;margin:0 8px 10px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;width:100%;height:42px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:500;color:#334155;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease,color .15s ease}.sidebar-nav-item:hover{background:#f8fafc;color:#0f172a}.sidebar-nav-item:focus-visible{outline:2px solid #F97316;outline-offset:-2px}.sidebar-nav-item-active{background:#fff7ed;color:#9a3412;font-weight:600}.sidebar-footer{padding:16px;border-top:1.5px solid #f1f5f9;background:#fff;margin-top:auto;flex-shrink:0}.sidebar-signout-btn{width:100%;height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#dc2626;border:1.5px solid #FCA5A5;border-radius:8px;background:#fff;cursor:pointer;white-space:nowrap!important;transition:background-color .15s ease,border-color .15s ease}.sidebar-signout-btn:hover{background:#fef2f2;border-color:#f87171}.sidebar-signout-btn:focus-visible{outline:2px solid #DC2626;outline-offset:2px}@media(max-width:1000px){.topbar{padding:8px 16px;min-height:60px}.desktop-tabs,.brand-divider,.topbar-right-desktop{display:none!important}.mobile-menu-btn,.mobile-sidebar{display:flex}.topbar-brand{gap:10px}.topbar-logo{width:32px;height:32px;min-width:32px;min-height:32px}.company-name{font-size:14px;min-width:140px;max-width:190px}.portal-sub{font-size:10px}.content{padding:16px}.summary-value{font-size:16px}.summary-card{padding:12px}.content-head .btn-primary{font-size:13px;padding:0 12px!important}.content-head .btn-download{font-size:13px;padding:0 10px}}.login-link-button{display:block;margin:12px auto 0;padding:4px 8px;border:0;background:transparent;color:#ea580c;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.login-link-button:hover{text-decoration:underline}.login-reset-intro,.page-subtitle{color:#6b7280;font-size:13px;line-height:1.55}.login-reset-intro{margin:-4px 0 18px}.page-subtitle{margin:4px 0 0}.success-text{color:#15803d;font-size:13px;line-height:1.5;font-weight:600}.reset-status-filter{width:180px;margin:0}.reset-reject-panel{max-width:620px;margin-bottom:18px}.inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mono-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.reset-request-table td{vertical-align:top}.profile-section-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.profile-section-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 14px;color:#6b7280;font-weight:700;cursor:pointer}.profile-section-tabs button.active{color:#ea580c;border-bottom-color:#f97316}.employee-letters-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:20px;align-items:start}.letter-compose-card,.letter-history-card{margin:0}.letter-history-paged>.letter-compose-card,.letter-history-paged>.letter-history-card{align-self:start;height:auto;min-height:0;min-width:0}.letter-history-paged .history-controls,.application-layout .history-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.letter-history-paged .history-controls>*,.application-layout .history-controls>*{flex:1 1 140px;min-width:0;width:100%}.letter-history-paged .history-view-more,.application-layout .history-view-more{margin-top:12px}.application-layout .application-card>div{min-width:0;overflow-wrap:anywhere}.letter-employee-summary{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 14px;border:1px solid #fed7aa;border-radius:9px;background:var(--ui-input-bg)}.letter-employee-summary span{color:#6b7280;font-size:12px}.letter-form-grid{margin-bottom:2px}.letter-body-input{min-height:250px;resize:vertical;line-height:1.55}.letter-generate-button{width:auto;padding:0 20px}.letter-history-list{display:grid;gap:10px}.letter-history-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.letter-history-item div{min-width:0}.letter-history-item div>div{margin:4px 0;color:#374151;overflow-wrap:anywhere}.letter-history-item small{display:block;color:#6b7280;line-height:1.45}.project-total-preview{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:12px 14px;border:1px solid #fed7aa;border-radius:9px;background:#fff7ed}.project-total-preview strong{font-size:18px;color:#9a3412;margin:2px 0}@media(max-width:900px){.employee-letters-layout{grid-template-columns:1fr}}@media(max-width:600px){.reset-status-filter{width:100%}.profile-section-tabs button{flex:1;padding-inline:8px}.letter-history-item{flex-direction:column}.letter-history-item .btn-sm{width:100%}}.mode-select-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fff7ed}.mode-select-box{width:min(720px,100%);padding:32px;border:1px solid #fed7aa;border-radius:16px;background:#fff;box-shadow:0 18px 45px #7c2d121f;text-align:center}.mode-select-logo{height:64px;width:auto;margin-bottom:12px}.mode-select-welcome{margin:0 0 6px;color:#c2410c;font-size:14px;font-weight:700}.mode-select-copy{max-width:560px;margin:8px auto 24px}.mode-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-choice{min-height:150px;padding:22px;border:1px solid #fed7aa;border-radius:12px;background:#fffaf5;color:#1f2937;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mode-choice:hover:not(:disabled),.mode-choice:focus-visible{border-color:#f97316;box-shadow:0 8px 24px #f9731629;transform:translateY(-2px)}.mode-choice-primary{border-color:#f97316;background:#f97316;color:#fff}.mode-choice:disabled{cursor:wait;opacity:.7}.mode-choice-title,.mode-choice-copy{display:block}.mode-choice-title{margin-bottom:10px;font-size:18px;font-weight:700}.mode-choice-copy{font-size:14px;line-height:1.55;opacity:.82}.mode-select-status{margin:18px 0 0;color:#9a3412;font-size:14px;font-weight:600}.mode-select-signout{margin-top:18px}@media(max-width:640px){.mode-select-wrap{padding:14px}.mode-select-box{padding:24px 18px}.mode-select-grid{grid-template-columns:1fr}.mode-choice{min-height:126px;padding:18px}}.project-progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:var(--ui-surface-soft, #f3f4f6);border:1px solid var(--ui-border, #e5e7eb)}.project-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent, #f97316),#ffae68);transition:width .2s ease}.project-progress-history{display:grid;gap:0;margin-top:18px;border:1px solid var(--ui-border, #e5e7eb);border-radius:12px;overflow:hidden}.project-progress-update{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:14px 16px;border-bottom:1px solid var(--ui-border, #e5e7eb);background:var(--ui-surface, #fff);color:var(--ui-text, #1a1a1a)}.project-progress-update:last-child{border-bottom:0}.project-progress-update>strong{color:var(--ui-accent, #f97316);font-size:17px}.project-progress-update small{display:block;margin-top:4px;color:var(--ui-muted, #6b7280)}.requirement-card{display:grid;gap:8px;padding:16px;border-bottom:1px solid var(--ui-border, #e5e7eb);background:var(--ui-surface, #fff);color:var(--ui-text, #1a1a1a)}.requirement-card:last-child{border-bottom:0}.requirement-card small,.requirement-card summary{color:var(--ui-muted, #6b7280)}.requirement-card summary{cursor:pointer;font-weight:700;margin-top:4px}.requirement-version{display:grid;gap:4px;padding:10px 0 0 14px;margin-top:8px;border-left:2px solid var(--ui-border, #e5e7eb)}.client-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.client-project-card{width:100%;padding:20px;border:1px solid var(--ui-border, #e5e7eb);border-radius:14px;background:var(--ui-surface, #fff);color:var(--ui-text, #1a1a1a);box-shadow:var(--ui-shadow);cursor:pointer;text-align:left;font:inherit}.client-project-card:hover{border-color:var(--ui-accent, #f97316);box-shadow:var(--ui-shadow-hover)}.client-project-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--ui-muted, #6b7280);font-size:13px}.client-signout-mobile{display:none}textarea.field-input{height:auto;min-height:92px;resize:vertical}@media(max-width:1000px){.client-signout-mobile{display:inline-flex}}@media(max-width:640px){.client-project-grid{grid-template-columns:1fr}.client-project-meta{flex-direction:column;gap:4px}}:root{--ui-bg: #fff8ef;--ui-surface: #ffffff;--ui-surface-soft: #fbfaf7;--ui-surface-accent: #ffe7d6;--ui-text: #1e2128;--ui-muted: #5b5e68;--ui-border: #dedcd3;--ui-border-strong: #ccc8bd;--ui-accent: #ff7a1a;--ui-accent-soft: #ffe7d6;--ui-accent-deep: #c54d00;--ui-shadow: 0 10px 30px rgba(41, 37, 36, .055);--ui-shadow-hover: 0 14px 34px rgba(41, 37, 36, .09);--fin-positive: #15803D;--fin-negative: #DC2626}:root[data-theme=dark]{--ui-bg: #262320;--ui-surface: #312d29;--ui-surface-soft: #24211f;--ui-surface-accent: #4b3525;--ui-text: #fff8f0;--ui-muted: #d8c7b8;--ui-border: #514940;--ui-border-strong: #685d53;--ui-accent: #f97316 !important;--ui-accent-deep: #e98534;--ui-shadow: 0 12px 34px rgba(0, 0, 0, .24);--ui-shadow-hover: 0 16px 40px rgba(0, 0, 0, .34);--fin-positive: #4ade80;--fin-negative: #f87171}:root{--scrollbar-track: var(--ui-surface-soft);--scrollbar-thumb: color-mix(in srgb, var(--ui-accent-deep) 60%, var(--ui-border));--scrollbar-thumb-hover: color-mix(in srgb, var(--ui-accent-deep) 80%, var(--ui-border))}@media(forced-colors:none){*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}}html{background:var(--ui-bg)}body{background:var(--ui-bg);color:var(--ui-text);transition:background-color .18s ease,color .18s ease}.content{padding:28px;min-width:100%}.page-title{color:var(--ui-text);font-size:clamp(22px,2vw,29px);font-weight:750;letter-spacing:-.035em}.page-sub,.page-subtitle{color:var(--ui-muted)}.topbar{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 94%,transparent);box-shadow:0 4px 18px #29252409;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.company-name,.topbar-user-name{color:var(--ui-text)}.topbar-user-name{font-size:14px;font-weight:650}.brand-divider{background:var(--ui-border-strong)}.tab,.btn-ghost,.btn-sm,.mobile-menu-btn{color:var(--ui-text)}.tab:hover,.btn-ghost:hover,.btn-sm:hover{background:var(--ui-surface-soft)}.tab-active{color:var(--ui-accent-deep);background:var(--ui-surface-accent)}.theme-toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--ui-border);border-radius:9px;color:var(--ui-text);background:var(--ui-surface);font:inherit;font-size:13px;font-weight:650;cursor:pointer}.theme-toggle:hover{border-color:#fdba74;background:var(--ui-surface-accent)}.theme-toggle-compact{width:38px;padding:0;font-size:18px}.sidebar-footer .theme-toggle{width:100%;margin-bottom:10px}.sidebar-nav .theme-toggle{width:100%;justify-content:flex-start;margin-top:8px}.btn-primary,.btn-download,.btn-sm,.btn-ghost,.theme-toggle,.tab,.attendance-section-nav button,.profile-section-tabs button{transition:transform .16s ease,box-shadow .16s ease,color .16s ease,border-color .16s ease,background-color .16s ease}.btn-primary:not(:disabled):active,.btn-download:not(:disabled):active,.btn-sm:not(:disabled):active,.btn-ghost:not(:disabled):active{transform:translateY(1px)}.btn-primary{border-radius:9px;box-shadow:0 6px 16px #f973162b}.btn-primary:hover{box-shadow:0 8px 22px #f973163d}.btn-ghost,.btn-sm{border-color:var(--ui-border);background:var(--ui-surface)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(249,115,22,.28);outline-offset:2px}.form-card,.summary-card,.table,.sensitive-card,.reveal-gate,.admin-dashboard-card,.attendance-report-summary article,.attendance-report-row,.requests-panel,.leave-form-card,.leave-list-card,.holiday-list-card{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.form-card,.summary-card{border-radius:14px}.field-label,.detail-label,.summary-label{color:var(--ui-muted)}.field-input::placeholder{color:color-mix(in srgb,var(--ui-muted) 72%,transparent)}.detail-row,.table td,.team-row,.activity-item{border-color:var(--ui-border)}.detail-value,.form-title,.summary-value{color:var(--ui-text)}.table{background:var(--ui-surface)}.table th{border-color:var(--ui-border);color:var(--ui-muted);background:var(--ui-surface-soft)}.table tbody tr:hover{background:var(--ui-surface-accent)}.empty-note,.attendance-empty{color:var(--ui-muted)}.attendance-section-nav{justify-content:center;gap:5px;padding:11px 28px;border-color:var(--ui-border);background:var(--ui-surface)}.attendance-section-nav button{padding:9px 18px;border:0;border-radius:9px;color:var(--ui-muted)}.attendance-section-nav button:hover{color:var(--ui-text);background:var(--ui-surface-soft)}.admin-attendance-page,.attendance-admin-employees,.attendance-report-page{--admin-attendance-ink: var(--ui-text);--admin-attendance-muted: var(--ui-muted);--admin-attendance-border: var(--ui-border);--admin-attendance-soft: var(--ui-surface-soft);--report-ink: var(--ui-text);--report-muted: var(--ui-muted);--report-border: var(--ui-border)}.admin-kpi-card,.attendance-report-summary article{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.admin-kpi-card{min-height:126px}.admin-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow-hover)}.admin-overview-bar{background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-border) 80%,transparent)}.admin-overview-segment{transition:filter .15s ease,opacity .15s ease}.admin-overview-segment:hover{filter:brightness(1.08);opacity:.88}.admin-team-ring>div{background:var(--ui-surface);box-shadow:inset 0 0 0 1px var(--ui-border)}.admin-team-legend>div,.admin-timeline-summary span,.admin-session-chips span{background:var(--ui-surface-soft)}.admin-timeline-head,.admin-timeline-scroll,.admin-timeline-lane,.admin-timeline-track{border-color:var(--ui-border)}.admin-timeline-lane,.admin-timeline-track{background:var(--ui-surface-soft)}.admin-timeline-gridline{background:var(--ui-border)}.employee-directory-filters{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,.45fr) minmax(180px,.55fr);gap:10px;margin-bottom:16px}.employee-directory-filters .field-input{margin:0}.employee-directory{overflow:hidden;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.employee-directory-header,.employee-directory-row{display:grid;grid-template-columns:26px minmax(280px,1.6fr) minmax(120px,.45fr) minmax(150px,.55fr) 22px;align-items:center;gap:12px;padding:9px 14px}.cln-table .listing-serial,.projects-table .listing-serial{box-sizing:border-box;width:52px;min-width:52px;max-width:52px;white-space:nowrap;padding:9px 12px 9px 14px}.employee-directory-serial,.cln-table .listing-serial,.projects-table .listing-serial{color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;text-align:center}.employee-directory-header .employee-directory-serial{font-size:inherit;text-transform:none}.cln-table th.listing-serial,.projects-table th.listing-serial{font-size:10px;letter-spacing:.075em;text-transform:none}.employee-directory-header{color:var(--ui-muted);background:var(--ui-surface-soft);font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.employee-directory-row{width:100%;border:0;border-top:1px solid var(--ui-border);color:var(--ui-text);background:var(--ui-surface);text-align:left;cursor:pointer}.employee-directory-row:hover{background:var(--ui-surface-accent)!important}.employee-directory-person{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.employee-directory-person strong,.employee-directory-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-directory-person strong{font-size:14px}.employee-directory-person small{margin-top:4px;color:var(--ui-muted);font-size:11px}.employee-avatar,.employee-profile-avatar{display:grid;place-items:center;border-radius:50%;color:#9a3412;background:#ffedd5;font-weight:800}.employee-avatar{width:42px;height:42px;font-size:14px}.employee-row-arrow{color:var(--ui-accent);font-size:24px;line-height:1;text-align:right}.ui-badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:800;line-height:1.1;text-transform:capitalize;white-space:nowrap}.ui-badge-active,.ui-badge-permanent,.ui-badge-present,.ui-badge-approved{border-color:#bbf7d0;color:#166534;background:#f0fdf4}.ui-badge-inactive,.ui-badge-resigned,.ui-badge-terminated,.ui-badge-rejected,.ui-badge-absent{border-color:#fecaca;color:#991b1b;background:#fef2f2}.ui-badge-internee,.ui-badge-probation,.ui-badge-pending{border-color:#fde68a;color:#92400e;background:#fffbeb}.attendance-mode-badge{border-color:#fed7aa;color:#9a3412;background:#fff7ed}.attendance-mode-remote{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff}.ui-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.employee-profile-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:2px 0 18px;padding:20px;border-radius:15px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.employee-profile-identity{display:flex;align-items:center;gap:15px;min-width:0}.employee-director-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;background:var(--ui-surface-accent);color:var(--ui-accent-deep);font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.employee-director-badge svg{flex-shrink:0}.client-financial-overview{min-width:0}.client-financial-overview .table{min-width:540px}.client-financial-overview .table-scroll{max-width:100%}.client-financial-total{display:grid;gap:5px;margin-top:10px}.client-financial-total strong{font-size:18px;overflow-wrap:anywhere}.client-financial-total small,.client-financial-note{display:block;color:var(--ui-muted);font-size:12px;margin-top:5px}.client-financial-heading,.client-financial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.client-financial-heading .form-title{margin-bottom:4px}.client-financial-heading h2{font-size:18px;margin:0}.client-financial-heading .btn-primary{width:auto;flex-shrink:0}.client-financial-backdrop{z-index:280}.super-password-dialog{margin:auto;width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:var(--ui-text);overflow:auto}.super-password-dialog::backdrop{background:#0000007a}.attendance-penalty-dialog{margin:auto;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow)}.attendance-penalty-dialog::backdrop{background:#0000007a}.attendance-penalty-dialog p{margin-block:14px;font-size:13px;color:var(--ui-muted)}.attendance-penalty-dialog .field-input{width:100%}.attendance-penalty-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.attendance-penalty-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:16px}.attendance-penalty-buttons .btn-primary{width:auto;margin:0}.attendance-penalty-week{margin-top:12px;font-size:13px;overflow-wrap:anywhere}.attendance-penalty-week summary{cursor:pointer;font-weight:600}.attendance-penalty-week article{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-block:12px;border-bottom:1px solid var(--ui-border)}.attendance-penalty-week article p{margin-block:8px}.attendance-penalty-week small{color:var(--ui-muted)}.super-password-dialog .email-modal{width:100%;margin:0;box-sizing:border-box}.super-password-dialog .unlock-row{flex-wrap:wrap}.super-password-dialog .unlock-row input{flex:1 1 200px;min-width:0}.super-password-dialog .unlock-row .btn-primary{width:auto}.client-financial-modal{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;margin:0;background:var(--ui-surface);color:var(--ui-text)}.client-financial-modal form{display:grid;gap:14px;margin-top:18px}.client-financial-modal label:not(.client-financial-confirm){display:grid;gap:6px;font-size:13px}.client-financial-confirm{display:flex;gap:8px;align-items:flex-start;font-size:13px}.client-financial-actions{justify-content:flex-end}.client-financial-actions .btn-primary{width:auto}.client-details .client-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;flex-wrap:wrap}.client-profile-identity{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.client-profile-identity .page-title{margin:0;font-size:28px;overflow-wrap:anywhere}.client-details .client-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px;margin-bottom:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px}.client-contact-grid .detail-row{min-width:0;min-height:0;border:0;padding:0;box-shadow:none;background:transparent;border-radius:0}.client-contact-grid .detail-row:hover{transform:none;box-shadow:none}.client-contact-grid .detail-value{overflow-wrap:anywhere}.client-financial-overview .summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-financial-overview .summary-label{display:flex;align-items:center;gap:9px}.client-financial-overview .summary-label svg{color:var(--ui-accent)}.client-financial-overview .summary-card{min-width:0}.client-financial-overview .summary-card .client-financial-total strong{color:var(--ui-text)}.client-financial-overview .client-summary-1 .client-financial-total strong,.client-received strong{color:var(--ui-success)}.client-financial-overview .client-summary-2 .client-financial-total strong{color:var(--ui-accent-text)}.client-projects{display:grid;gap:16px}.client-project{padding:18px;border:1px solid var(--ui-border);border-radius:12px;min-width:0}.client-project h3{margin:0;font-size:16px;overflow-wrap:anywhere}.client-project-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:18px 0}.client-project-values>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.client-project-values span,.client-project-values small,.client-progress-label{font-size:12px;color:var(--ui-muted)}.client-project-values strong{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.client-project-values .client-contract-approx{color:var(--ui-accent-text);font-weight:600}.client-progress-label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.client-project progress{display:block;width:100%;height:6px;border:0;border-radius:8px;background:var(--ui-border);accent-color:var(--ui-accent);overflow:hidden}.client-project progress::-webkit-progress-bar{background:var(--ui-border)}.client-project progress::-webkit-progress-value{background:var(--ui-accent);border-radius:8px}.client-project progress::-moz-progress-bar{background:var(--ui-accent)}.client-payment-review{margin:-4px 0 20px;padding:14px 18px;background:var(--ui-surface);border-radius:12px;color:var(--ui-muted);font-size:13px}.client-payment-review summary{cursor:pointer;color:var(--ui-text)}.client-payment-review ul{display:grid;gap:12px;padding-left:20px}.client-payment-review small{display:block;margin-top:4px}.client-financial-overview .table td{padding-top:14px;padding-bottom:14px}.client-financial-overview .table tbody tr:hover{background:var(--ui-surface-hover, var(--ui-bg))}.client-financial-overview .table td:last-child,.client-details .table td:nth-child(4),.client-details .table th:nth-child(4){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.client-date{white-space:nowrap}.client-transaction-description{min-width:180px;max-width:400px;overflow-wrap:anywhere;white-space:normal}.client-bonus-recipient{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.client-bonus-recipient small{color:var(--ui-muted);font-size:11px}.client-financial-overview .empty-note{padding:22px 12px;margin:0}@media(max-width:1100px){.client-project-values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.client-project-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-profile-heading>div:last-child{flex-wrap:wrap}.client-project{padding:14px}}@media(max-width:600px){.client-financial-overview .summary-row{grid-template-columns:1fr}.client-financial-heading{flex-wrap:wrap}}.director-profile .employee-profile-identity>div{min-width:0}.director-profile .employee-profile-identity .page-title,.director-profile .employee-profile-identity .page-sub{overflow-wrap:anywhere}.employee-profile-avatar{width:58px;height:58px;flex:0 0 auto;font-size:21px}.employee-profile-identity .page-title{margin:1px 0 0}.employee-profile-badges,.employee-profile-actions{display:flex;flex-wrap:wrap;gap:8px}.employee-profile-badges{margin-top:10px}.employee-profile-actions{justify-content:flex-end}.profile-section-tabs{gap:4px;padding:4px;border:0;border-radius:11px;background:var(--ui-surface-soft)}.profile-section-tabs button{flex:0 0 auto;padding:9px 15px;border:0;border-radius:8px;color:var(--ui-muted)}.profile-section-tabs button.active{border:0;color:var(--ui-accent-deep);background:var(--ui-surface);box-shadow:0 2px 7px #29252414}.attendance-profile-embedded{padding:0}.attendance-profile-embedded>.admin-dashboard-card{margin-bottom:16px}.employee-security-section{max-width:800px;margin-top:20px}.holiday-row,.attendance-report-row,.attendance-leave-history article{border-color:var(--ui-border);background:var(--ui-surface)}.holiday-date-tile,.attendance-report-context,.attendance-report-row summary{background:var(--ui-surface-accent)}.holiday-filter-pills,.request-tabs{background:var(--ui-surface-soft)}.holiday-filter-pills button.active,.request-tabs button.active{background:var(--ui-surface)}.attendance-report-sessions>div{border-color:var(--ui-border);background:var(--ui-surface-soft)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root[data-theme=dark] .topbar,:root[data-theme=dark] .mobile-sidebar,:root[data-theme=dark] .sidebar-header,:root[data-theme=dark] .sidebar-footer{background:var(--ui-surface);border-color:var(--ui-border)}:root[data-theme=dark] .mobile-menu-btn,:root[data-theme=dark] .sidebar-close-btn,:root[data-theme=dark] .sidebar-signout-btn{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .sidebar-header-title,:root[data-theme=dark] .sidebar-nav-item{color:var(--ui-text)}:root[data-theme=dark] .sidebar-nav-item:hover{background:var(--ui-surface-soft)}:root[data-theme=dark] .sidebar-nav-item-active{color:#fdba74;background:#342319}:root[data-theme=dark] .employee-avatar,:root[data-theme=dark] .employee-profile-avatar,:root[data-theme=dark] .admin-avatar{color:#fdba74;background:#432818}:root[data-theme=dark] .ui-badge-active,:root[data-theme=dark] .ui-badge-permanent,:root[data-theme=dark] .ui-badge-present,:root[data-theme=dark] .ui-badge-approved{border-color:#245a36;color:#86efac;background:#183625}:root[data-theme=dark] .ui-badge-inactive,:root[data-theme=dark] .ui-badge-resigned,:root[data-theme=dark] .ui-badge-terminated,:root[data-theme=dark] .ui-badge-rejected,:root[data-theme=dark] .ui-badge-absent{border-color:#713434;color:#fca5a5;background:#3a2020}:root[data-theme=dark] .ui-badge-internee,:root[data-theme=dark] .ui-badge-probation,:root[data-theme=dark] .ui-badge-pending{border-color:#725b27;color:#fde68a;background:#3a301b}:root[data-theme=dark] .attendance-mode-badge{border-color:#70401f;color:#fdba74;background:#342319}:root[data-theme=dark] .attendance-mode-remote{border-color:#314f73;color:#93c5fd;background:#1d2e45}:root[data-theme=dark] .admin-report-note,:root[data-theme=dark] .attendance-config-warning,:root[data-theme=dark] .sensitive-card,:root[data-theme=dark] .reveal-gate,:root[data-theme=dark] .pkr-preview,:root[data-theme=dark] .finance-tax-toggle{border-color:#70401f;color:#fdba74;background:#342319}:root[data-theme=dark] .net-preview{color:#86efac;background:#183625}:root[data-theme=dark] .attendance-calendar-day,:root[data-theme=dark] .attendance-profile-day-summary span,:root[data-theme=dark] .attendance-info-grid>div{border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] input[type=date],:root[data-theme=dark] input[type=month],:root[data-theme=dark] select{color-scheme:dark}@media(max-width:800px){.employee-directory-filters{grid-template-columns:1fr 1fr}.employee-search{grid-column:1 / -1}.employee-directory-header{display:none}.employee-directory-row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px;padding:10px 12px}.employee-directory-row>.employee-directory-serial{grid-column:1;grid-row:1}.employee-directory-row>span:nth-child(3),.employee-directory-row>span:nth-child(4){grid-row:2}.employee-directory-row>span:nth-child(3){grid-column:2;padding-left:54px}.employee-directory-row>span:nth-child(4){grid-column:3}.employee-row-arrow{grid-column:3;grid-row:1}.employee-profile-hero{flex-direction:column}.employee-profile-actions{width:100%;justify-content:flex-start}}@media(max-width:600px){.content{padding:16px 12px}.attendance-section-nav{justify-content:flex-start;padding-inline:12px}.attendance-section-nav button{flex:1;padding-inline:10px}.employee-directory-filters{grid-template-columns:1fr}.employee-search{grid-column:auto}.employee-directory-row{grid-template-columns:26px minmax(0,1fr) 20px}.employee-directory-row>span:nth-child(3),.employee-directory-row>span:nth-child(4){grid-column:2 / -1;padding-left:54px}.employee-directory-row>span:nth-child(3){grid-row:2}.employee-directory-row>span:nth-child(4){grid-row:3}.employee-profile-identity{align-items:flex-start}.employee-profile-avatar{width:48px;height:48px;font-size:18px}.employee-profile-actions .btn-download,.employee-profile-actions .detail-actions{width:100%}.employee-profile-actions .btn-download{justify-content:center}.profile-section-tabs{overflow-x:auto}.profile-section-tabs button{min-width:max-content}}.admin-attendance-page{--admin-attendance-ink: #172033;--admin-attendance-muted: #64748b;--admin-attendance-border: #e8e8e5;--admin-attendance-soft: #fafaf9;--admin-attendance-orange: #f97316;max-width:1320px;padding-bottom:60px}.admin-attendance-head,.admin-card-head,.admin-timeline-head,.admin-timeline-summary,.admin-report-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-attendance-head{align-items:flex-start;margin-bottom:20px}.admin-report-entry{flex:0 0 auto}.admin-report-note{margin:-8px 0 16px;padding:10px 12px;border-radius:8px;color:#9a3412;background:#fff7ed;font-size:12px}.admin-dashboard-loading{padding:80px 20px;color:var(--admin-attendance-muted);text-align:center}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-kpi-card{position:relative;overflow:hidden;min-width:0;padding:17px;border:1px solid var(--admin-attendance-border);border-radius:13px;background:#fff;box-shadow:0 7px 22px #0f172a0b}.admin-kpi-card:after{position:absolute;top:17px;right:17px;width:9px;height:9px;border-radius:50%;background:var(--admin-attendance-orange);content:""}.admin-kpi-present:after{background:#22c55e}.admin-kpi-absent:after{background:#ef4444}.admin-kpi-leave:after{background:#3b82f6}.admin-kpi-card span,.admin-kpi-card small{display:block;color:var(--admin-attendance-muted)}.admin-kpi-card span{padding-right:18px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.admin-kpi-card strong{display:block;margin:16px 0 3px;color:var(--admin-attendance-ink);font-size:29px;line-height:1}.admin-kpi-card small{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px;margin-bottom:18px}.admin-dashboard-card{padding:3%;min-width:0;border:1px solid var(--admin-attendance-border);border-radius:14px;background:#fff;box-shadow:0 7px 22px #0f172a0a}.admin-overview-card,.admin-team-card,.admin-timeline-card,.admin-report-card{padding:20px}.admin-card-head{align-items:flex-start}.admin-card-head h2,.admin-timeline-head h2,.admin-report-card h2{margin:0;color:var(--admin-attendance-ink);font-size:17px}.admin-card-head p,.admin-timeline-head p,.admin-report-card p{margin:4px 0 0;color:var(--admin-attendance-muted);font-size:11px}.admin-card-head .field-input{width:auto;min-width:140px;height:36px;font-size:11px}.admin-overview-scroll{overflow-x:auto;margin-top:17px;padding:6px 0 2px}.admin-overview-chart{display:flex;align-items:flex-end;gap:7px;height:225px;padding:10px 10px 0;border-bottom:1px solid #cbd5e1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#f1f5f9 54px)}.admin-overview-column{display:flex;min-width:18px;height:100%;flex:1;flex-direction:column;justify-content:flex-end;align-items:center}.admin-overview-bar{display:flex;overflow:hidden;width:min(22px,78%);height:calc(100% - 25px);flex-direction:column-reverse;justify-content:flex-start;border-radius:5px 5px 0 0;background:#f8fafc}.admin-overview-segment{display:block;min-height:1px;width:100%}.attendance-color-present{background:#22c55e}.attendance-color-absent{background:#ef4444}.attendance-color-leave{background:#3b82f6}.attendance-color-short_leave{background:#a855f7}.attendance-color-holiday{background:#f59e0b}.attendance-color-incomplete{background:#b91c1c}.attendance-color-pending{background:#f97316}.admin-overview-column small{overflow:hidden;width:34px;height:21px;padding-top:6px;color:var(--admin-attendance-muted);font-size:8px;text-align:center;white-space:nowrap}.admin-chart-legend{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:13px}.admin-chart-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--admin-attendance-muted);font-size:9px;text-transform:capitalize}.admin-chart-legend i{width:7px;height:7px;border-radius:50%}.admin-team-status-body{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:23px}.admin-team-ring{display:grid;width:150px;height:150px;place-items:center;border-radius:50%}.admin-team-ring>div{display:flex;width:104px;height:104px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #f1f5f9}.admin-team-ring strong{color:var(--admin-attendance-ink);font-size:28px}.admin-team-ring span{color:var(--admin-attendance-muted);font-size:9px}.admin-team-legend{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-team-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;min-width:0;padding:7px;border-radius:7px;background:var(--admin-attendance-soft)}.admin-team-legend i{width:8px;height:8px;border-radius:50%}.admin-team-legend span{overflow:hidden;color:var(--admin-attendance-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-team-legend strong{color:var(--admin-attendance-ink);font-size:12px}.admin-team-legend small{grid-column:2 / -1;color:var(--admin-attendance-muted);font-size:8px}.admin-timeline-card{margin-bottom:18px}.admin-timeline-head{align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--admin-attendance-border)}.admin-timeline-date-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.admin-timeline-date-controls .field-input{width:145px;height:34px;font-size:11px}.admin-timeline-date-controls button{height:34px;margin:0}.admin-timeline-summary{justify-content:flex-start;flex-wrap:wrap;margin:13px 0}.admin-timeline-summary span{padding:6px 9px;border-radius:7px;color:var(--admin-attendance-muted);background:#f8fafc;font-size:10px}.admin-timeline-summary strong{color:var(--admin-attendance-ink)}.admin-timeline-summary time{margin-left:auto;color:var(--admin-attendance-muted);font-size:10px}.admin-timeline-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,260px);gap:9px;margin-bottom:12px}.admin-timeline-filters .field-input{height:38px;font-size:11px}.admin-timeline-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--admin-attendance-border);border-radius:10px}.admin-timeline-canvas{min-width:930px;padding:9px}.admin-time-axis{display:grid;grid-template-columns:220px minmax(650px,1fr);align-items:end;padding:0 8px 7px;color:var(--admin-attendance-muted);font-size:10px;font-weight:700}.admin-time-axis>div{display:flex;justify-content:space-between}.admin-timeline-lane{display:grid;grid-template-columns:220px minmax(650px,1fr);gap:0;margin-top:7px;padding:8px;border:1px solid #f0f0ed;border-radius:9px;background:#fdfdfc}.admin-timeline-person{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding-right:12px}.admin-avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#9a3412;background:#ffedd5;font-size:11px;font-weight:800}.admin-timeline-person strong,.admin-timeline-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-timeline-person strong{color:var(--admin-attendance-ink);font-size:11px}.admin-timeline-person small{margin-top:2px;color:var(--admin-attendance-muted);font-size:8px}.admin-timeline-person .attendance-status{grid-column:2;padding:2px 6px;font-size:8px}.admin-timeline-track{position:relative;overflow:hidden;height:48px;border:1px solid #f1f1ee;border-radius:7px;background:#fff}.admin-timeline-gridline{position:absolute;top:0;bottom:0;width:1px;background:#f1f5f9}.admin-session-layer{position:absolute;inset:0}.admin-work-segment,.admin-break-segment{position:absolute;height:7px;border-radius:999px}.admin-session-0 .admin-work-segment,.admin-session-0 .admin-break-segment{top:7px}.admin-session-1 .admin-work-segment,.admin-session-1 .admin-break-segment{top:20px}.admin-session-2 .admin-work-segment,.admin-session-2 .admin-break-segment{top:33px}.admin-session-0 .admin-work-segment{background:#22c55e}.admin-session-1 .admin-work-segment{background:#3b82f6}.admin-session-2 .admin-work-segment{background:#a855f7}.admin-break-segment{background:#f59e0b;box-shadow:inset 0 0 0 1px #92400e2e}.admin-break-incomplete{background:repeating-linear-gradient(45deg,#ef4444,#ef4444 3px,#fecaca 3px 6px)}.admin-no-activity{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;font-size:10px;font-style:italic}.admin-session-chips{display:flex;grid-column:2;flex-wrap:wrap;gap:4px;padding-top:5px}.admin-session-chips span{padding:3px 6px;border-radius:5px;color:var(--admin-attendance-muted);background:#f8fafc;font-size:8px}.admin-timeline-empty{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;color:var(--admin-attendance-muted);text-align:center}.admin-timeline-empty strong{color:var(--admin-attendance-ink);font-size:13px}.admin-timeline-empty span{margin-top:4px;font-size:10px}.admin-timeline-legend{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:11px;color:var(--admin-attendance-muted);font-size:9px}.admin-timeline-legend span{display:inline-flex;align-items:center;gap:5px}.admin-timeline-legend i{width:18px;height:6px;border-radius:999px}.admin-timeline-legend .work{background:#22c55e}.admin-timeline-legend .break{background:#f59e0b}.admin-report-card{margin-bottom:18px}.admin-report-card .btn-download{flex:0 0 auto}@media(max-width:1000px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-grid{grid-template-columns:1fr}.admin-team-status-body{flex-direction:row}}@media(max-width:640px){.admin-attendance-page{padding:14px 12px 44px}.admin-attendance-head,.admin-timeline-head,.admin-report-card{align-items:flex-start;flex-direction:column}.admin-report-entry,.admin-report-card .btn-download{width:100%}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-kpi-card{padding:13px}.admin-kpi-card strong{margin-top:13px;font-size:24px}.admin-overview-card,.admin-team-card,.admin-timeline-card,.admin-report-card{padding:15px 12px}.admin-card-head{align-items:flex-start;flex-direction:column}.admin-card-head .field-input{width:100%}.admin-team-status-body{align-items:center;flex-direction:column}.admin-team-legend{grid-template-columns:1fr}.admin-timeline-date-controls{width:100%;justify-content:flex-start}.admin-timeline-date-controls .field-input{min-width:150px;flex:1}.admin-timeline-summary time{width:100%;margin-left:0}.admin-timeline-filters{grid-template-columns:1fr}}@media(max-width:390px){.admin-kpi-grid{grid-template-columns:1fr}}.attendance-section-nav{display:flex;gap:6px;padding:12px 28px 0;border-bottom:1px solid #ece7df;background:#fff;overflow-x:auto}.attendance-section-nav button{flex:0 0 auto;padding:10px 14px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6b7280;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.attendance-section-nav button:hover{color:#1f2937}.attendance-section-nav button.active{border-bottom-color:#f97316;color:#c2410c}.attendance-admin-employees{--attendance-brand: #f97316;--attendance-ink: #1f2937;--attendance-muted: #64748b}.attendance-directory-date{min-width:180px}.attendance-config-warning{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:13px 15px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:13px}.attendance-config-warning span{flex:1}.attendance-directory-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,.75fr));gap:10px;margin-bottom:16px}.attendance-directory-list{overflow:hidden;border:1px solid #e7e5e4;border-radius:13px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.attendance-directory-header,.attendance-directory-row{display:grid;grid-template-columns:minmax(230px,1.5fr) 110px 130px 95px minmax(130px,.8fr) 26px;align-items:center;gap:14px;padding:13px 16px}.attendance-directory-header{background:#fafaf9;color:#78716c;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.attendance-directory-row{width:100%;border:0;border-top:1px solid #f0eeea;background:#fff;color:#1f2937;text-align:left;cursor:pointer}.attendance-directory-row:hover{background:#fffaf5}.attendance-directory-inactive{background:#fafafa;opacity:.82}.attendance-directory-person{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.attendance-directory-person>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffedd5;color:#c2410c;font-style:normal;font-weight:800}.attendance-directory-person>b{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.attendance-directory-person small{display:block;margin-top:3px;overflow:hidden;color:#78716c;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.attendance-directory-person em{padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.attendance-mode-badge{display:inline-flex;width:fit-content;padding:5px 8px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:10px;font-weight:800;white-space:nowrap}.attendance-directory-row>strong{font-size:12px}.attendance-directory-progress{min-width:0}.attendance-directory-progress>i{display:block;overflow:hidden;height:6px;border-radius:999px;background:#e7e5e4}.attendance-directory-progress>i b{display:block;height:100%;border-radius:inherit;background:#f97316}.attendance-directory-progress small{display:block;margin-top:4px;color:#78716c;font-size:9px}.attendance-directory-arrow{color:#f97316;font-size:18px;font-weight:700}.attendance-directory-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:46px 20px;border:1px dashed #d6d3d1;border-radius:13px;color:#78716c;text-align:center}.attendance-directory-empty strong{color:#44403c}.attendance-directory-count{margin:12px 0 0;color:#78716c;font-size:11px;text-align:right}.attendance-status-working{background:#dcfce7;color:#166534}.attendance-status-on_break{background:#fef3c7;color:#92400e}.attendance-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:12px 0 18px}.attendance-profile-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.attendance-settings-card,.attendance-employee-profile>.admin-dashboard-card{margin-bottom:16px}.attendance-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:12px}.attendance-settings-save{width:auto;min-width:130px}.attendance-settings-note{margin:12px 0 0;color:#78716c;font-size:11px}.attendance-profile-date-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.attendance-profile-date-head h2{margin:0;color:#1f2937;font-size:18px}.attendance-profile-date-head p{margin:4px 0 0;color:#78716c;font-size:11px}.attendance-profile-date-head>div:last-child{display:flex;align-items:center;gap:6px}.attendance-profile-day-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.attendance-profile-day-summary span{padding:11px;border:1px solid #eeeae5;border-radius:9px;background:#fafaf9}.attendance-profile-day-summary small{display:block;margin-bottom:4px;color:#78716c;font-size:9px;font-weight:800;text-transform:uppercase}.attendance-profile-day-summary strong{color:#1f2937;font-size:13px}.attendance-warning-inline{margin:10px 0 0;padding:9px 11px;border-radius:7px;background:#fff1f2;color:#9f1239;font-size:10px}.attendance-leave-history{display:grid;gap:9px}.attendance-leave-history article{padding:12px;border:1px solid #ece7df;border-radius:9px}.attendance-leave-history article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.attendance-leave-history p{margin:6px 0 3px;color:#44403c;font-size:12px}.attendance-leave-history small{color:#78716c;font-size:10px}.attendance-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.attendance-info-grid>div{min-width:0;padding:11px;border:1px solid #eeeae5;border-radius:9px;background:#fafaf9}.attendance-info-grid small{display:block;margin-bottom:4px;color:#78716c;font-size:9px;font-weight:800;text-transform:uppercase}.attendance-info-grid strong{display:block;overflow-wrap:anywhere;color:#1f2937;font-size:12px}.attendance-location-form{margin-bottom:18px}.attendance-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.attendance-location-actions{display:flex;align-items:center;gap:8px;grid-column:1 / -1}.attendance-location-actions .btn-primary{width:auto;padding:0 20px}.attendance-location-fetch{display:flex;grid-column:1 / -1;align-items:center;gap:10px}.attendance-location-fetch .btn-ghost{flex:0 0 auto;margin:0}.attendance-location-fetch span{color:#78716c;font-size:10px}.attendance-location-accuracy{grid-column:1 / -1;margin:0;padding:9px 11px;border-radius:8px;color:#166534;background:#f0fdf4;font-size:11px}.attendance-report-page{--report-ink: #1f2937;--report-muted: #64748b;--report-border: #e7e5e4;padding-bottom:50px}.attendance-report-filter-card{margin-bottom:16px;padding:20px}.attendance-report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin-top:16px}.attendance-report-generate{width:auto;min-width:160px;justify-self:start;margin:0}.attendance-report-welcome{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #d6d3d1;border-radius:14px;color:var(--report-muted);text-align:center}.attendance-report-welcome strong{color:var(--report-ink)}.attendance-report-welcome span{font-size:12px}.attendance-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.attendance-report-summary article{min-width:0;padding:14px;border:1px solid var(--report-border);border-radius:11px;background:#fff;box-shadow:0 5px 18px #0f172a09}.attendance-report-summary span{display:block;color:var(--report-muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.attendance-report-summary strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:var(--report-ink);font-size:19px}.attendance-report-preview{padding:20px}.attendance-report-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.attendance-report-preview-head h2{margin:0;color:var(--report-ink);font-size:17px}.attendance-report-preview-head p{margin:4px 0 0;color:var(--report-muted);font-size:10px}.attendance-report-preview-head>span{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#9a3412;background:#fff7ed;font-size:10px;font-weight:800}.attendance-report-rows{display:grid;gap:9px}.attendance-report-row{overflow:hidden;border:1px solid var(--report-border);border-radius:10px;background:#fff}.attendance-report-row-main{display:grid;grid-template-columns:minmax(190px,1.25fr) 90px 90px 120px repeat(3,78px);align-items:center;gap:10px;padding:12px}.attendance-report-row-main>div:first-child strong,.attendance-report-row-main>div:first-child small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-report-row-main>div:first-child strong{color:var(--report-ink);font-size:12px}.attendance-report-row-main>div:first-child small,.attendance-report-row-main time{color:var(--report-muted);font-size:9px}.attendance-report-row-main>div:not(:first-child) small,.attendance-report-row-main>div:not(:first-child) strong{display:block}.attendance-report-row-main>div:not(:first-child) small{color:var(--report-muted);font-size:8px;font-weight:800;text-transform:uppercase}.attendance-report-row-main>div:not(:first-child) strong{margin-top:3px;color:var(--report-ink);font-size:10px}.attendance-report-context{margin:0;padding:8px 12px;border-top:1px solid #f1f0ed;color:#7c2d12;background:#fffaf5;font-size:10px}.attendance-report-row details{border-top:1px solid #f1f0ed}.attendance-report-row summary{padding:9px 12px;color:#9a3412;background:#fafaf9;font-size:10px;font-weight:800;cursor:pointer}.attendance-report-sessions{display:grid;gap:7px;padding:10px 12px}.attendance-report-sessions>div{padding:9px;border:1px solid #eeeae5;border-radius:8px;background:#fdfdfc}.attendance-report-sessions strong,.attendance-report-sessions span,.attendance-report-sessions small{display:block}.attendance-report-sessions strong{color:var(--report-ink);font-size:10px}.attendance-report-sessions span{margin-top:4px;color:var(--report-muted);font-size:9px}.attendance-report-sessions small{margin-top:3px;color:#78716c;font-size:8px}.attendance-report-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.attendance-report-pagination span{color:var(--report-muted);font-size:10px}@media(max-width:1000px){.attendance-directory-filters{grid-template-columns:1fr 1fr}.attendance-directory-header{display:none}.attendance-directory-row{grid-template-columns:minmax(230px,1.6fr) 110px 120px 90px 26px}.attendance-directory-progress{display:none}.attendance-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-settings-save{min-height:42px}.attendance-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-report-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-report-row-main{grid-template-columns:minmax(190px,1fr) repeat(3,minmax(75px,auto))}.attendance-report-row-main>div:nth-last-child(-n+3){padding-top:5px}}@media(max-width:700px){.attendance-section-nav{padding-inline:14px}.attendance-config-warning,.attendance-profile-head,.attendance-profile-date-head{align-items:flex-start;flex-direction:column}.attendance-directory-filters,.attendance-settings-grid,.attendance-location-grid{grid-template-columns:1fr}.attendance-directory-row{grid-template-columns:1fr auto;gap:9px;padding:14px}.attendance-directory-row>.attendance-mode-badge,.attendance-directory-row>.attendance-status,.attendance-directory-row>strong{grid-column:auto}.attendance-directory-arrow{grid-column:2;grid-row:1}.attendance-profile-badges{justify-content:flex-start}.attendance-profile-day-summary,.attendance-info-grid{grid-template-columns:1fr 1fr}.attendance-location-actions{grid-column:auto;flex-wrap:wrap}.attendance-location-fetch,.attendance-location-accuracy{grid-column:auto}.attendance-location-fetch{align-items:flex-start;flex-direction:column}.attendance-report-page{padding:14px 12px 44px}.attendance-report-filter-card,.attendance-report-preview{padding:15px 12px}.attendance-report-filters{grid-template-columns:1fr}.attendance-report-generate{width:100%}.attendance-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-report-preview-head{align-items:flex-start;flex-direction:column}.attendance-report-row-main{grid-template-columns:1fr 1fr;gap:9px}.attendance-report-row-main>div:first-child{grid-column:1 / -1}.attendance-report-row-main>.attendance-status{justify-self:start}}@media(max-width:390px){.attendance-section-nav button{padding-inline:10px;font-size:12px}.attendance-directory-person{grid-template-columns:34px minmax(0,1fr)}.attendance-directory-person>i{width:34px;height:34px}.attendance-directory-person em{grid-column:2;width:fit-content}.attendance-info-grid{grid-template-columns:1fr}.attendance-profile-date-head>div:last-child{flex-wrap:wrap}.attendance-report-summary,.attendance-report-row-main{grid-template-columns:1fr}.attendance-report-row-main>div:first-child{grid-column:auto}}@media(max-width:480px){.summary-value{font-size:11px;white-space:nowrap}.summary-card{padding:10px 8px}.summary-row{gap:6px}.summary-label{font-size:10px}.content-head .btn-primary{font-size:12px;padding:0 10px!important}.content-head .btn-download{font-size:12px;padding:0 10px}}@media(max-width:360px){.summary-value{font-size:10px}.summary-card{padding:8px 6px}}@media(max-width:400px){.topbar{padding:8px 12px}.company-name{font-size:13px;min-width:130px;max-width:170px}.topbar-brand{gap:8px}}.content{padding:24px;margin:0 auto}.content-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-head .btn-primary{margin-top:0}.content-head .btn-download{flex-shrink:0}.content-head>div{display:flex;align-items:center;gap:10px}.table{width:100%;border:1px solid #eee;border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}.table th{text-align:left;font-size:13px;color:#6b6b6b;font-weight:600;padding:10px 14px;background:#fafafa;border-bottom:1px solid #eee}.table td{padding:12px 14px;font-size:14px;border-bottom:1px solid #f2f2f2}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fff7ed;cursor:pointer}.table td:last-child{white-space:nowrap;width:1%}.pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px}.pill-active{background:#ffedd5;color:#9a3412}.pill-resigned{background:#f1f1ef;color:#555}.pill-terminated{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-card{border:1px solid #eee;border-radius:12px;padding:20px;margin-bottom:24px}.form-title{font-size:16px;font-weight:600;margin-bottom:16px}.empty-note{color:#999;text-align:center;padding:40px 0}.back-link{background:none;border:none;color:#f97316;font-size:14px;cursor:pointer;padding:0;margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.detail-row{padding:10px 0;border-bottom:1px solid #f2f2f2;min-width:0}.detail-label{font-size:12px;color:#999;margin-bottom:2px}.detail-value{font-size:15px;word-break:break-word;overflow-wrap:break-word;min-width:0}.sensitive-card{border:1px solid #FED7AA;background:#fff7ed;border-radius:12px;padding:20px;margin-top:24px}.sensitive-title{font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.unlock-row{display:flex;gap:10px;align-items:center}.unlock-row .field-input{margin-bottom:0;max-width:260px}.unlock-note{font-size:12px;color:#9a3412;margin-top:10px}.tabs{display:flex;gap:4px}.tab{height:38px;padding:0 16px;border:none;background:none;border-radius:8px;font-size:14px;cursor:pointer;color:#555}.tab:hover{background:#f7f7f5}.tab-active{background:#fff7ed;color:#9a3412;font-weight:600}select.field-input{background:#fff}.pill-ongoing{background:#ffedd5;color:#9a3412}.pill-upcoming{background:#f1f1ef;color:#555}.pill-done{background:#e0f2e9;color:#166534}.pill-handed_over{background:#dcfce7;color:#15803d}.team-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f2f2f2}.link-danger{background:none;border:none;color:#dc2626;font-size:13px;cursor:pointer}.summary-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.summary-card{border:1px solid #eee;border-radius:12px;padding:16px}.summary-label{font-size:12px;color:#999;margin-bottom:4px}.summary-value{font-size:22px;font-weight:600;word-break:break-word}.summary-inflow{color:#15803d}.summary-outflow{color:#dc2626}.table-scroll,.employeetable{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.amount-inflow{color:#15803d;font-weight:600}.amount-outflow{color:#dc2626;font-weight:600}.pkr-preview{font-size:13px;color:#9a3412;background:#fff7ed;border-radius:8px;padding:8px 12px;margin-bottom:12px;display:inline-block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f2f2f2;font-size:14px}.activity-item:last-child{border-bottom:none}.activity-time{color:#999;font-size:12px}.action-badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;margin-right:8px;background:#f1f1ef;color:#555}.action-create{background:#e0f2e9;color:#166534}.action-delete{background:#fee2e2;color:#991b1b}.action-reveal_sensitive,.action-reveal_failed{background:#ffedd5;color:#9a3412}.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.btn-sm{padding:0 12px}.detail-actions{display:flex;gap:10px}.reveal-gate{border:1px solid #FED7AA;background:#fff7ed;border-radius:12px;padding:20px;margin-bottom:20px}.net-preview{font-size:14px;color:#15803d;background:#e0f2e9;border-radius:8px;padding:8px 12px;margin:8px 0 12px;display:inline-block;font-weight:600}.btn-download{padding:0 16px}input[type=month]{height:44px}.dash-finance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-finance-card{display:flex;flex-direction:column;gap:4px;min-width:0}.dash-finance-value{font-size:22px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}@media(max-width:1000px){.dash-finance-value{font-size:18px}.dash-finance-card{padding:12px}}@media(max-width:600px){.dash-finance-row{gap:8px}.dash-finance-value{font-size:15px}.dash-finance-card{padding:10px 8px}}@media(max-width:420px){.summary-row{grid-template-columns:1fr 1fr}.dash-finance-value{font-size:13px}.dash-finance-card{padding:8px 6px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:340px){.dash-finance-value{font-size:11px}.dash-finance-row{gap:5px}.dash-finance-card{padding:7px 5px}}@media(max-width:640px){.form-grid,.detail-grid{grid-template-columns:1fr;gap:0}.detail-header{flex-direction:column;align-items:flex-start!important;gap:12px}.detail-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.unlock-row{flex-wrap:wrap}.unlock-row .field-input{max-width:100%;width:100%}}@media(max-width:640px){.form-card{padding:14px 12px;border-radius:10px}.content-head{flex-wrap:wrap;gap:10px}.content-head .btn-sm{margin-top:0}.field-input{font-size:16px}.btn-primary,.btn-sm,.btn-download{white-space:nowrap}}@media(max-width:480px){.form-card{padding:12px 10px}.net-preview,.pkr-preview{font-size:12px;padding:6px 10px;display:block;width:100%;box-sizing:border-box}.error-text{font-size:12px}}.docs-split-row{display:flex;gap:16px;align-items:stretch}.docs-split-row>div{flex:1;min-width:0}@media(max-width:768px){.docs-split-row{flex-direction:column;gap:24px}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.attendance-page{--attendance-surface: #ffffff;--attendance-soft: #fffaf5;--attendance-border: #e8e8e5;--attendance-muted: #6b7280;--attendance-ink: #172033;--attendance-brand: #f97316;--attendance-brand-deep: #c2410c;--attendance-success: #15803d;--attendance-danger: #dc2626;--attendance-warning: #d97706;max-width:1180px;padding-bottom:56px}.attendance-page-head,.attendance-title-line,.attendance-section-head,.attendance-calendar-head,.attendance-progress-head,.attendance-progress-foot,.attendance-session-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.attendance-page-head{margin-bottom:20px}.attendance-title-line{justify-content:flex-start;gap:10px}.attendance-mode-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.attendance-mode-remote{color:#1d4ed8;background:#dbeafe}.attendance-mode-gps{color:#9a3412;background:#ffedd5}.attendance-status,.attendance-record-state{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.attendance-status{min-height:28px;padding:5px 11px}.attendance-record-state{padding:3px 8px}.attendance-status-working,.attendance-status-present,.attendance-record-completed{color:#166534;background:#dcfce7}.attendance-status-on_break,.attendance-status-pending,.attendance-status-holiday,.attendance-record-open{color:#92400e;background:#fef3c7}.attendance-status-not_checked_in,.attendance-status-future,.attendance-status-completed{color:#475569;background:#f1f5f9}.attendance-status-incomplete,.attendance-status-absent,.attendance-record-incomplete{color:#991b1b;background:#fee2e2}.attendance-status-leave{color:#1e40af;background:#dbeafe}.attendance-status-short_leave{color:#6b21a8;background:#f3e8ff}.attendance-current-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);overflow:hidden;margin-bottom:20px;border:1px solid var(--attendance-border);border-radius:16px;background:var(--attendance-surface);box-shadow:0 12px 32px #0f172a0f}.attendance-clock-block{display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:34px;color:#fff;background:linear-gradient(145deg,#7c2d12,#c2410c 52%,#f97316)}.attendance-clock-block p{font-size:13px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;opacity:.88}.attendance-clock-block time{margin:12px 0 4px;font-family:Consolas,Courier New,monospace;font-size:clamp(42px,5vw,68px);font-weight:800;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.attendance-clock-block small{font-size:12px;opacity:.78}.attendance-control-block{display:flex;flex-direction:column;justify-content:center;padding:30px;min-width:0}.attendance-kicker{margin:0 0 5px;color:var(--attendance-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.attendance-state-copy h2,.attendance-section-head h2,.attendance-calendar-head h2{margin:0;color:var(--attendance-ink);font-size:19px}.attendance-state-copy>p:last-child{max-width:620px;margin-top:8px;color:var(--attendance-muted);font-size:14px;line-height:1.55}.attendance-live-timer{display:inline-flex;flex-direction:column;width:fit-content;margin-top:18px;padding:12px 15px;border:1px solid #fed7aa;border-radius:10px;background:var(--attendance-soft)}.attendance-live-timer span{color:#9a3412;font-size:11px;font-weight:800;text-transform:uppercase}.attendance-live-timer strong{margin:3px 0;color:var(--attendance-ink);font-family:Consolas,Courier New,monospace;font-size:27px;font-variant-numeric:tabular-nums}.attendance-live-timer small{color:var(--attendance-muted);font-size:10px}.attendance-actions{display:flex;flex-wrap:wrap}.attendance-actions .btn-primary,.attendance-main-action{width:auto;min-width:140px;margin-top:0;padding:0 22px}.attendance-break-action,.attendance-checkout-action{height:44px;margin:0}.attendance-location-status,.attendance-success,.attendance-action-error{margin-top:12px;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:600}.attendance-location-status{color:#9a3412;background:#fff7ed}.attendance-success{color:#166534;background:#f0fdf4}.attendance-action-error{color:#991b1b;background:#fef2f2}.attendance-warning-panel{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:14px 16px;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;background:#fef2f2;font-size:13px}.attendance-warning-panel strong{font-size:14px}.attendance-section-card,.attendance-progress-card{border:1px solid var(--attendance-border);border-radius:14px;background:var(--attendance-surface)}.attendance-section-card{margin-bottom:20px;padding:22px}.attendance-section-head{align-items:flex-start;margin-bottom:18px}.attendance-day-total{text-align:right}.attendance-day-total>span{display:block;color:var(--attendance-brand-deep);font-size:24px;font-weight:800}.attendance-day-total small{color:var(--attendance-muted);font-size:11px}.attendance-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.attendance-mini-stats>div{min-width:0;padding:12px;border:1px solid #f0f0ed;border-radius:10px;background:#fafaf9}.attendance-mini-stats span{display:block;margin-bottom:4px;color:var(--attendance-muted);font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.attendance-mini-stats strong{display:block;overflow:hidden;color:var(--attendance-ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.attendance-empty,.attendance-loading{padding:28px 12px;color:var(--attendance-muted);text-align:center;font-size:14px}.attendance-session-list,.attendance-history-list{display:flex;flex-direction:column;gap:10px}.attendance-session{min-width:0;padding:14px;border:1px solid #ecece8;border-radius:11px;background:#fff}.attendance-session-active{border-color:#fdba74;background:#fffaf5}.attendance-session-head>div{display:flex;align-items:center;gap:8px;color:var(--attendance-ink);font-size:14px}.attendance-session-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.attendance-session-active .attendance-session-dot{background:var(--attendance-brand);box-shadow:0 0 0 4px #f973161f}.attendance-session-times{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr;align-items:center;gap:12px;margin-top:13px}.attendance-session-times>span{min-width:0;color:var(--attendance-ink);font-size:13px;font-weight:700}.attendance-session-times small{display:block;margin-bottom:3px;color:var(--attendance-muted);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.attendance-time-arrow{color:#94a3b8!important}.attendance-break-list{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #f1f1ee}.attendance-break-row{display:grid;grid-template-columns:minmax(70px,.5fr) minmax(190px,1fr) auto;gap:10px;align-items:center;color:#475569;font-size:12px}.attendance-break-row>span:nth-child(2){font-family:Consolas,Courier New,monospace}.attendance-inline-warning{margin-top:10px;color:#b91c1c;font-size:12px;font-weight:600}.attendance-session-note{margin:14px 0 0;color:var(--attendance-muted);font-size:11px;font-style:italic;text-align:center}.attendance-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.attendance-progress-card{padding:20px}.attendance-progress-head strong{color:var(--attendance-ink);font-size:26px}.attendance-progress-head>span{color:var(--attendance-brand-deep);font-size:13px;font-weight:800}.attendance-progress-track{overflow:hidden;height:9px;margin:16px 0 10px;border-radius:999px;background:#f1f1ef}.attendance-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#fb923c);transition:width .35s ease}.attendance-progress-foot{color:var(--attendance-muted);font-size:11px}.attendance-calendar-head{margin-bottom:18px}.attendance-calendar-actions{display:flex;gap:6px}.attendance-calendar-weekdays,.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.attendance-calendar-weekdays{margin-bottom:7px;color:var(--attendance-muted);font-size:10px;font-weight:800;text-align:center;text-transform:uppercase}.attendance-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:7px 3px;border:1px solid #ecece8;border-radius:9px;background:#fafaf9;text-align:center}.attendance-calendar-day>span{color:var(--attendance-ink);font-size:13px;font-weight:800}.attendance-calendar-day>i{width:8px;height:8px;margin:6px 0 4px;border-radius:50%;background:#cbd5e1}.attendance-calendar-day small{overflow:hidden;width:100%;color:var(--attendance-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.attendance-calendar-today{border-color:var(--attendance-brand);box-shadow:inset 0 0 0 1px var(--attendance-brand)}.attendance-calendar-present>i,.attendance-legend-present{background:#22c55e!important}.attendance-calendar-absent>i,.attendance-calendar-incomplete>i,.attendance-legend-absent,.attendance-legend-incomplete{background:#ef4444!important}.attendance-calendar-holiday>i,.attendance-calendar-pending>i,.attendance-legend-holiday,.attendance-legend-pending{background:#f59e0b!important}.attendance-calendar-leave>i,.attendance-legend-leave{background:#3b82f6!important}.attendance-calendar-short_leave>i,.attendance-legend-short_leave{background:#a855f7!important}.attendance-calendar-future>i,.attendance-legend-future{background:#cbd5e1!important}.attendance-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:15px}.attendance-legend>span{display:inline-flex;align-items:center;gap:6px;color:var(--attendance-muted);font-size:11px}.attendance-legend i{width:8px;height:8px;border-radius:50%}.attendance-history-day{padding:16px 0;border-bottom:1px solid #f0f0ed}.attendance-history-day:first-child{padding-top:0}.attendance-history-day:last-child{padding-bottom:0;border-bottom:none}.attendance-history-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.attendance-history-date strong{color:var(--attendance-ink);font-size:14px}.attendance-history-date span{color:var(--attendance-muted);font-size:11px}@media(max-width:800px){.attendance-current-card{grid-template-columns:1fr}.attendance-clock-block{min-height:190px;padding:26px;text-align:center}.attendance-clock-block time{font-size:clamp(44px,12vw,62px)}.attendance-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-session-times{grid-template-columns:1fr auto 1fr}.attendance-session-times>span:nth-last-child(-n+2){grid-column:auto}.attendance-time-arrow{text-align:center}}@media(max-width:640px){.attendance-page{padding:14px 12px 44px}.attendance-page-head{align-items:flex-start}.attendance-title-line{align-items:flex-start;flex-direction:column;gap:6px}.attendance-control-block{padding:20px 16px}.attendance-actions{flex-direction:column}.attendance-actions .btn-primary,.attendance-actions .btn-download,.attendance-actions .btn-ghost{width:100%}.attendance-section-card{padding:16px 12px}.attendance-section-head,.attendance-calendar-head{align-items:flex-start;flex-direction:column}.attendance-day-total{text-align:left}.attendance-progress-grid{grid-template-columns:1fr}.attendance-session-times{grid-template-columns:1fr 24px 1fr;gap:8px}.attendance-session-times>span:nth-last-child(2),.attendance-session-times>span:last-child{grid-column:span 1}.attendance-session-times>span:nth-last-child(2){grid-column:1 / 2}.attendance-session-times>span:last-child{grid-column:3 / 4}.attendance-break-row{grid-template-columns:1fr auto}.attendance-break-row>span:nth-child(2){grid-column:1 / -1;grid-row:2}.attendance-calendar-weekdays,.attendance-calendar-grid{gap:4px}.attendance-calendar-day{min-height:55px;padding:5px 2px}.attendance-calendar-day small{display:none}.attendance-history-date{align-items:flex-start;flex-direction:column;gap:3px}}@media(max-width:400px){.attendance-clock-block time{font-size:39px}.attendance-mini-stats{grid-template-columns:1fr}.attendance-calendar-day{min-height:48px}.attendance-progress-head strong{font-size:22px}}.leave-page{--leave-ink: #172033;--leave-muted: #64748b;--leave-border: #e8e8e5;--leave-soft: #fafaf9;max-width:1120px;padding-bottom:56px}.leave-page-head,.leave-request-card-head,.leave-request-title-line,.holiday-list-head,.holiday-row,.holiday-row-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.leave-page-head{margin-bottom:20px}.leave-counts{display:flex;gap:9px}.leave-counts span{min-width:92px;padding:9px 12px;border:1px solid var(--leave-border);border-radius:10px;color:var(--leave-muted);background:#fff;font-size:11px;text-align:center}.leave-counts strong{display:block;color:var(--leave-ink);font-size:19px}.leave-form-card,.leave-list-section,.leave-admin-toolbar{margin-bottom:20px;border:1px solid var(--leave-border);border-radius:14px;background:#fff}.leave-form-card,.leave-list-section{padding:22px}.leave-section-heading h2{margin:0;color:var(--leave-ink);font-size:19px}.leave-section-heading>p:last-child:not(.attendance-kicker){margin:7px 0 0;color:var(--leave-muted);font-size:13px;line-height:1.5}.leave-form{margin-top:20px}.leave-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.leave-type-picker button{padding:14px;border:1px solid var(--leave-border);border-radius:10px;color:var(--leave-ink);background:var(--leave-soft);text-align:left;cursor:pointer}.leave-type-picker button.active{border-color:#f97316;background:#fff7ed;box-shadow:inset 0 0 0 1px #f97316}.leave-type-picker strong,.leave-type-picker span{display:block}.leave-type-picker span{margin-top:3px;color:var(--leave-muted);font-size:11px}.leave-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.leave-form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-form label,.holiday-form label,.leave-admin-toolbar label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:700}.leave-reason-field{margin-top:14px}.leave-reason-field>span{color:var(--leave-muted);font-size:10px;font-weight:500}.leave-reason-field textarea{height:auto;min-height:96px;padding-top:11px;resize:vertical}.leave-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.leave-form-actions .btn-primary,.holiday-form-actions .btn-primary{width:auto;min-width:170px;margin-top:0}.leave-list-section>.leave-section-heading{margin-bottom:17px}.leave-empty{display:flex;flex-direction:column;gap:4px;padding:34px 12px;color:var(--leave-muted);text-align:center;font-size:13px}.leave-empty strong{color:var(--leave-ink);font-size:15px}.leave-request-list{display:flex;flex-direction:column;gap:11px}.leave-request-card{padding:16px;border:1px solid #ecece8;border-radius:11px;background:#fff}.leave-request-card-head{align-items:flex-start}.leave-request-card-head>small{flex:0 0 auto;color:var(--leave-muted);font-size:10px}.leave-request-title-line{justify-content:flex-start;gap:9px;color:var(--leave-ink);font-size:15px}.leave-employee-name{margin:0 0 7px;color:var(--leave-ink);font-size:14px;font-weight:800}.leave-employee-name span{display:block;margin-top:2px;color:var(--leave-muted);font-size:10px;font-weight:600}.leave-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.leave-status-pending{color:#92400e;background:#fef3c7}.leave-status-approved{color:#166534;background:#dcfce7}.leave-status-rejected{color:#991b1b;background:#fee2e2}.leave-request-details{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(160px,.6fr) minmax(220px,1fr);gap:12px;margin-top:14px}.leave-request-details>div{min-width:0;padding:10px;border-radius:8px;background:var(--leave-soft)}.leave-request-details span,.leave-request-details strong{display:block}.leave-request-details span{margin-bottom:3px;color:var(--leave-muted);font-size:9px;font-weight:800;text-transform:uppercase}.leave-request-details strong{overflow-wrap:anywhere;color:var(--leave-ink);font-size:12px}.leave-review-note{margin:11px 0 0;color:var(--leave-muted);font-size:11px}.leave-decision-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:13px}.leave-decision-actions .btn-primary,.leave-decision-actions .btn-ghost{width:auto;min-width:100px;margin-top:0}.leave-reject-btn{color:#b91c1c;border-color:#fecaca}.leave-admin-toolbar{display:grid;grid-template-columns:minmax(160px,220px) minmax(160px,220px) 1fr;gap:14px;align-items:end;padding:16px}.leave-toolbar-count{justify-self:end;text-align:right}.leave-toolbar-count strong,.leave-toolbar-count span{display:block}.leave-toolbar-count strong{color:var(--leave-ink);font-size:24px}.leave-toolbar-count span{color:var(--leave-muted);font-size:10px}.leave-page-message{margin:0 0 14px}.holiday-form{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(240px,1.2fr) auto;gap:14px;align-items:center;margin-top:18px}.holiday-form-actions{display:flex;gap:8px}.holiday-form-actions .btn-ghost{margin-top:0}.holiday-list-head{align-items:flex-start;margin-bottom:17px}.holiday-filter-pills{display:flex;gap:5px;padding:3px;border-radius:9px;background:#f1f5f9}.holiday-filter-pills button{padding:6px 10px;border:0;border-radius:7px;color:var(--leave-muted);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.holiday-filter-pills button.active{color:#9a3412;background:#fff;box-shadow:0 1px 4px #0f172a1a}.holiday-list{display:flex;flex-direction:column;gap:9px}.holiday-row{justify-content:flex-start;padding:12px;border:1px solid #ecece8;border-radius:10px}.holiday-date-tile{flex:0 0 56px;padding:7px;border-radius:8px;color:#9a3412;background:#fff7ed;text-align:center}.holiday-date-tile strong,.holiday-date-tile span{display:block}.holiday-date-tile strong{font-size:20px}.holiday-date-tile span{overflow:hidden;font-size:9px;text-overflow:ellipsis;text-transform:uppercase}.holiday-row-copy{min-width:0;flex:1}.holiday-row-copy strong,.holiday-row-copy span{display:block}.holiday-row-copy strong{overflow-wrap:anywhere;color:var(--leave-ink);font-size:14px}.holiday-row-copy span{margin-top:3px;color:var(--leave-muted);font-size:11px}.holiday-row-actions{flex:0 0 auto;justify-content:flex-end;gap:7px}.holiday-row-actions button{margin:0}.holiday-delete-btn{color:#b91c1c}@media(max-width:800px){.leave-request-details{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-reason{grid-column:1 / -1}.holiday-form{grid-template-columns:repeat(2,minmax(0,1fr))}.holiday-form-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:640px){.leave-page{padding:14px 12px 44px}.leave-page-head{align-items:flex-start;flex-direction:column}.leave-counts{width:100%}.leave-counts span{min-width:0;flex:1}.leave-form-card,.leave-list-section{padding:16px 12px}.leave-type-picker,.leave-form-grid,.leave-form-grid-three,.leave-admin-toolbar,.holiday-form{grid-template-columns:1fr}.leave-toolbar-count{justify-self:start;text-align:left}.leave-request-card-head{flex-direction:column;gap:8px}.leave-request-details{grid-template-columns:1fr}.leave-reason{grid-column:auto}.leave-decision-actions,.leave-form-actions{flex-direction:column}.leave-decision-actions .btn-primary,.leave-decision-actions .btn-ghost,.leave-form-actions .btn-primary{width:100%}.holiday-list-head{align-items:flex-start;flex-direction:column}.holiday-filter-pills{width:100%}.holiday-filter-pills button{flex:1}.holiday-row{align-items:flex-start;flex-wrap:wrap}.holiday-row-copy{min-width:calc(100% - 74px)}.holiday-row-actions{width:100%;padding-left:70px}.holiday-form-actions{grid-column:auto;flex-direction:column-reverse}.holiday-form-actions .btn-primary,.holiday-form-actions .btn-ghost{width:100%}}.field-help{display:block;margin-top:4px;color:#6b7280;font-size:11px;line-height:1.4}.finance-transaction-toolbar{container:finance-filters / inline-size;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:14px}.finance-transaction-tabs{flex:0 0 auto}.finance-transaction-filters{flex:1 1 560px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(130px,160px) minmax(150px,200px);gap:10px;min-width:0}.finance-transaction-toolbar .field-input{width:100%;min-width:0;height:40px;margin:0;border-radius:8px}.finance-transaction-search{position:relative;min-width:0}.finance-transaction-search>svg{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--ui-muted);pointer-events:none}.finance-transaction-search .field-input{padding-left:36px;padding-right:34px}.finance-transaction-search-clear{position:absolute;right:5px;top:5px;height:30px;width:28px;border:0;border-radius:5px;background:transparent;color:var(--ui-muted);font-size:20px;cursor:pointer}.finance-transaction-search-clear:hover{color:var(--ui-accent);background:var(--ui-surface-accent)}.finance-transaction-search-clear:focus-visible{outline:2px solid var(--ui-accent)}.finance-transaction-tabs .tab{height:40px;white-space:nowrap}.finance-transaction-dates{flex:0 1 360px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;color:var(--ui-muted);font-size:12px}.finance-transaction-client-totals{margin:0}.finance-transaction-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--ui-muted);font-size:12px}@container finance-filters (max-width: 650px){.finance-transaction-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex-basis:100%}.finance-transaction-search{grid-column:1 / -1}}@media(max-width:600px){.finance-transaction-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex-basis:100%}.finance-transaction-search{grid-column:1 / -1}.finance-transaction-dates{flex-basis:100%}}.finance-reference-cell strong,.finance-reference-cell small{display:block}.finance-reference-cell strong{color:"var(--ui-text)";font-family:monospace;font-size:12px}.finance-reference-cell small{margin-top:2px;color:#6b7280;font-size:10px}.invoice-number-value{color:#92400e;font-family:monospace;font-size:15px;font-weight:700}.invoice-balance-value{color:#ea580c;font-size:16px;font-weight:800}.request-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;padding:5px;width:fit-content;max-width:100%;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.request-tabs button{border:0;border-radius:8px;background:transparent;color:#4b5563;font-weight:700;padding:10px 14px;cursor:pointer}.request-tabs button.active{background:#f97316;color:#fff;box-shadow:0 3px 10px #f9731638}.leave-page-embedded .leave-page-head{display:none}.application-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;align-items:start}.application-body{min-height:210px;resize:vertical;line-height:1.6}.application-history{display:grid;gap:12px}.application-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.application-card h3{margin:8px 0 4px;font-size:15px}.application-card p,.application-card small{display:block;margin:0;color:#6b7280}.application-note{margin-top:8px;font-size:12px;color:#374151}.requests-panel{min-width:0;border-radius:15px;padding:2%}.request-status-filter,.request-employee-filter{width:min(100%,320px)}.application-review{margin-bottom:18px}.application-full-body{white-space:pre-wrap;line-height:1.7;padding:16px;margin:12px 0;background:#f8fafc;border-radius:8px;color:#374151}.finance-tax-toggle{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px 18px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;cursor:pointer}.finance-tax-toggle input{width:18px;height:18px;accent-color:#f97316;margin-top:2px}.finance-tax-toggle span,.finance-tax-toggle small{display:block}.finance-tax-toggle small{color:#9a3412;margin-top:3px;font-weight:400}@media(max-width:900px){.application-layout{grid-template-columns:1fr}}@media(max-width:640px){.request-tabs{width:100%}.request-tabs button{flex:1 1 140px}.application-card{flex-direction:column}.application-card .btn-sm{width:100%}}.content{padding:28px}.admin-attendance-page,.attendance-admin-employees,.attendance-report-page{--admin-attendance-ink: var(--ui-text);--admin-attendance-muted: var(--ui-muted);--admin-attendance-border: var(--ui-border);--admin-attendance-soft: var(--ui-surface-soft);--attendance-ink: var(--ui-text);--attendance-muted: var(--ui-muted);--report-ink: var(--ui-text);--report-muted: var(--ui-muted);--report-border: var(--ui-border)}.topbar,.attendance-section-nav,.admin-kpi-card,.admin-dashboard-card,.attendance-report-summary article,.attendance-report-row,.form-card,.summary-card,.application-card,.table,.employee-directory{background:var(--ui-surface);border-color:var(--ui-border)}.admin-kpi-card,.admin-dashboard-card,.attendance-report-summary article,.form-card,.summary-card,.employee-directory{box-shadow:var(--ui-shadow)}.admin-team-ring>div,.admin-timeline-track{background:var(--ui-surface)}.admin-team-legend>div,.admin-timeline-summary span,.admin-session-chips span,.admin-timeline-lane,.attendance-report-sessions>div,.application-full-body,.holiday-filter-pills,.request-tabs{background:var(--ui-surface-soft)}.admin-overview-chart{border-color:var(--ui-border-strong);background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,var(--ui-border) 54px)}.admin-overview-bar{background:var(--ui-surface-soft)}.attendance-section-nav{justify-content:center;padding:11px 28px}.attendance-section-nav button{padding:9px 18px;border:0;border-radius:9px}.attendance-section-nav button.active{border:0;color:var(--ui-accent-deep);background:var(--ui-surface-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 25%,transparent)}.request-tabs{border-color:var(--ui-border)}.request-tabs button,.application-card p,.application-card small,.application-full-body{color:var(--ui-muted)}.field-input,select.field-input,textarea.field-input{border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-surface)}.attendance-progress-track{background:var(--ui-border)}:root[data-theme=dark] .attendance-directory-list,:root[data-theme=dark] .attendance-directory-row,:root[data-theme=dark] .attendance-report-row,:root[data-theme=dark] .holiday-row,:root[data-theme=dark] .application-card,:root[data-theme=dark] .table,:root[data-theme=dark] .form-card,:root[data-theme=dark] .summary-card{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}:root[data-theme=dark] .attendance-directory-header,:root[data-theme=dark] .table th,:root[data-theme=dark] .attendance-report-row summary,:root[data-theme=dark] .attendance-report-sessions>div,:root[data-theme=dark] .application-full-body{color:var(--ui-muted);border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .attendance-directory-row:hover,:root[data-theme=dark] .table tbody tr:hover{background:var(--ui-surface-accent)}:root[data-theme=dark] .attendance-profile-date-head h2,:root[data-theme=dark] .attendance-profile-day-summary strong,:root[data-theme=dark] .attendance-info-grid strong,:root[data-theme=dark] .holiday-row-copy strong,:root[data-theme=dark] .application-card h3{color:var(--ui-text)}:root[data-theme=dark] .attendance-leave-history article,:root[data-theme=dark] .attendance-info-grid>div,:root[data-theme=dark] .attendance-profile-day-summary span,:root[data-theme=dark] .attendance-calendar-day,:root[data-theme=dark] .admin-timeline-lane,:root[data-theme=dark] .admin-timeline-track{border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .field-input,:root[data-theme=dark] select.field-input,:root[data-theme=dark] textarea.field-input{color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .field-input option{color:var(--ui-text);background:#24211f}.chat-page{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);max-width:1400px;height:calc(100vh - 88px);min-height:560px;gap:0;padding:16px;overflow:hidden}.chat-groups-panel,.chat-conversation-panel{min-width:0;border:1px solid var(--ui-border);background:var(--ui-surface)}.chat-groups-panel{display:flex;flex-direction:column;border-radius:15px 0 0 15px;overflow:hidden}.chat-conversation-panel{display:flex;flex-direction:column;border-left:0;border-radius:0 14px 14px 0;overflow:hidden}.chat-panel-head,.chat-conversation-head{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--ui-border)}.chat-panel-head .page-title{margin:0;font-size:25px}.chat-head-actions{display:flex;align-items:center;gap:8px}.chat-compose-button{display:grid;width:43px;height:43px;place-items:center;padding:0;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--ui-accent),#ff6815);box-shadow:0 7px 16px color-mix(in srgb,var(--ui-accent) 28%,transparent);cursor:pointer}.chat-compose-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px color-mix(in srgb,var(--ui-accent) 36%,transparent)}.chat-compose-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-connection{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700}.chat-connection-connected{color:var(--ui-success);background:var(--ui-success-soft)}.chat-connection-reconnecting{color:var(--ui-warning);background:var(--ui-warning-soft)}.chat-search{display:flex;align-items:center;gap:9px;margin:13px 14px 10px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-input-bg)}.chat-search svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--ui-muted);stroke-width:1.8;stroke-linecap:round}.chat-search input{width:100%;min-width:0;padding:0;border:0;outline:0;color:var(--ui-text);background:transparent;font:inherit}.chat-search input::placeholder{color:var(--ui-muted)}.chat-group-list{min-height:0;overflow-y:auto;padding:2px 0 8px}.chat-group-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;color:var(--ui-text);background:transparent;text-align:left;cursor:pointer;font:inherit}.chat-group-row:hover,.chat-group-row.active{background:var(--ui-surface-hover)}.chat-group-row.active{background:color-mix(in srgb,var(--ui-accent) 13%,var(--ui-surface));box-shadow:inset 3px 0 var(--ui-accent)}.chat-group-row .chat-avatar{width:48px;height:48px}.chat-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--ui-accent);font-size:12px;font-weight:800}.chat-group-copy,.chat-group-meta,.chat-conversation-head>div{display:flex;flex-direction:column;min-width:0}.chat-group-copy strong,.chat-group-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-copy strong{font-size:13px}.chat-group-copy small,.chat-group-meta small,.chat-conversation-head small{margin-top:4px;color:var(--ui-muted);font-size:11px}.chat-group-meta{align-items:flex-end;gap:5px}.chat-group-meta b{min-width:20px;padding:3px 6px;border-radius:999px;color:#fff;background:var(--ui-accent);font-size:10px;text-align:center}.chat-no-selection,.chat-no-messages{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;color:var(--ui-muted);text-align:center}.chat-no-selection strong{color:var(--ui-text);font-size:18px}.chat-conversation-head{justify-content:flex-start}.chat-group-header-button{display:flex;min-width:0;align-items:center;gap:10px;padding:5px 8px;border:0;border-radius:10px;color:var(--ui-text);background:transparent;text-align:left;cursor:pointer}.chat-group-header-button:hover{background:var(--ui-surface-hover)}.chat-group-header-button>span:last-child{display:flex;min-width:0;flex-direction:column}.chat-mobile-back{display:none}.chat-messages{display:flex;flex:1;flex-direction:column;gap:9px;min-height:0;overflow-y:auto;border-radius:15px;padding:18px 22px;background:color-mix(in srgb,var(--ui-surface-soft) 82%,var(--ui-surface))}.chat-date-separator{display:flex;align-items:center;align-self:stretch;justify-content:center;margin:5px 0}.chat-date-separator:before,.chat-date-separator:after{height:1px;flex:1;max-width:160px;content:"";background:var(--ui-border)}.chat-date-separator span{margin:0 12px;padding:5px 15px;border-radius:999px;color:var(--ui-muted);background:var(--ui-surface);font-size:10px;box-shadow:var(--ui-shadow)}.chat-message-row{display:flex;align-self:flex-start;gap:9px;max-width:min(76%,680px)}.chat-message-row.own{align-self:flex-end;flex-direction:row-reverse}.chat-user-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--ui-accent),#ff6b16);font-size:12px;font-weight:800}.chat-message{min-width:0;padding:9px 13px 7px;border:0;border-radius:15px;color:var(--ui-text);background:var(--ui-surface-elevated);box-shadow:0 3px 11px #0f172a0f;overflow-wrap:anywhere}.chat-message-row.own .chat-message{border-radius:15px;background:color-mix(in srgb,var(--ui-accent) 17%,var(--ui-surface))}.chat-sender-line,.chat-member-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.chat-sender-line{margin-bottom:4px}.chat-sender-line strong{color:var(--ui-accent);font-size:11px}.chat-message-text{white-space:pre-wrap}.chat-message-row.deleted .chat-message-text{color:var(--ui-muted);font-style:italic}.chat-message-footer{display:flex;min-width:92px;align-items:center;justify-content:flex-end;gap:7px;margin-top:5px}.chat-message time{color:var(--ui-muted);font-size:10px}.chat-message time em{font-style:normal}.chat-message-actions{display:flex;align-items:center;gap:3px;opacity:0;transition:opacity .15s ease}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{opacity:1}.chat-message-actions button{display:grid;width:20px;height:20px;place-items:center;padding:0;border:0;color:var(--ui-muted);background:transparent;cursor:pointer}.chat-message-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-message-actions button:hover{color:var(--ui-accent)}.chat-system-message{align-self:center;max-width:85%;padding:5px 10px;border-radius:999px;color:var(--ui-muted);background:var(--ui-surface);font-size:10px;text-align:center}.chat-edit-form{display:grid;gap:7px;min-width:min(360px,55vw)}.chat-edit-form textarea{width:100%;resize:vertical;padding:8px;border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-text);background:var(--ui-input-bg);font:inherit}.chat-edit-form>span{display:flex;justify-content:flex-end;gap:6px}.chat-load-older{align-self:center}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;padding:13px 18px 10px;border-top:1px solid var(--ui-border);background:var(--ui-surface)}.chat-composer textarea{width:100%;max-height:120px;resize:none;padding:12px 14px;border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-text);background:var(--ui-input-bg);font:inherit}.chat-composer textarea:focus{outline:0;border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 20%,transparent)}.chat-send-button{display:grid;width:48px;height:48px;place-items:center;padding:0;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--ui-accent),#ff6410);cursor:pointer}.chat-send-button:disabled{cursor:not-allowed;opacity:.5}.chat-send-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-composer>small{grid-column:1 / -1;margin-top:-4px;color:var(--ui-muted);font-size:10px}.chat-loading{display:grid;place-items:center;gap:9px;padding:34px 12px;color:var(--ui-muted);font-size:11px}.chat-loading svg{width:34px;height:34px;animation:chat-spin .75s linear infinite}.chat-loading circle{fill:none;stroke:color-mix(in srgb,var(--ui-accent) 24%,transparent);stroke-width:4;stroke-linecap:round;stroke-dasharray:72 35}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-error{margin:8px 14px}.chat-modal-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#0000007a}.chat-manage-panel{display:block;width:min(680px,100%);max-height:88vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--ui-border);border-radius:14px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow-hover)}.chat-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.chat-manage-head h2,.chat-member-section h3{margin:0}.chat-manage-head p{margin:5px 0 0;color:var(--ui-muted);font-size:13px}.chat-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.chat-name-row .field-input{margin-bottom:12px}.chat-group-details-hero{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:13px;border-radius:12px;background:var(--ui-surface-soft)}.chat-group-details-hero .chat-avatar{width:54px;height:54px;flex:0 0 54px;font-size:15px}.chat-group-details-hero strong{color:var(--ui-text);font-size:18px}.chat-group-details-hero p{margin:3px 0;color:var(--ui-muted);font-size:12px}.chat-group-details-hero small{color:var(--ui-muted);font-size:10px}.chat-group-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}.chat-group-fields label{display:grid;gap:5px}.chat-description-field{grid-column:1 / -1}.chat-description-field textarea{resize:vertical}.chat-save-details{grid-column:1 / -1;justify-self:end}.chat-bubble-color-field{grid-column:1 / -1;display:grid;gap:6px}.chat-bubble-color-row{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft)}.chat-bubble-preview{width:48px;height:48px;flex:0 0 48px}.chat-color-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chat-color-presets>button{width:25px;height:25px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--ui-border)}.chat-color-presets>button.active{border-color:var(--ui-surface);outline:2px solid var(--ui-text)}.chat-custom-color{display:inline-flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:11px;cursor:pointer}.chat-custom-color input{width:28px;height:28px;padding:2px;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);cursor:pointer}.chat-member-section{margin-top:20px}.chat-member-section h3{margin-bottom:9px;font-size:14px}.chat-member-list{overflow:visible;border:1px solid var(--ui-border);border-radius:10px}.chat-member-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--ui-border)}.chat-member-row:last-child{border-bottom:0}.chat-member-row .chat-avatar{width:36px;height:36px}.chat-member-row>span:not(.chat-avatar),.chat-user-option span{display:flex;flex-direction:column;min-width:0}.chat-member-row small,.chat-user-option small{margin-top:3px;color:var(--ui-muted);font-size:11px}.chat-member-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-picker{min-height:80px;margin-top:10px;overflow:visible;border:1px solid var(--ui-border);border-radius:10px}.chat-user-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--ui-border);cursor:pointer}.chat-user-option:last-child{border-bottom:0}.chat-user-option:hover,.chat-user-option.selected{background:var(--ui-surface-hover)}.chat-user-option input{width:16px;height:16px;accent-color:var(--ui-accent)}.chat-manage-actions{display:flex;position:static;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border);background:var(--ui-surface)}.chat-manage-actions .btn-primary,.chat-manage-actions .btn-ghost{width:auto;margin:0;padding:0 18px}.chat-delete-group{display:flex;align-items:end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ui-border)}.chat-delete-group label{display:grid;flex:1;gap:5px}@media(max-width:768px){.chat-page{display:block;height:calc(100vh - 76px);min-height:480px;padding:8px}.chat-groups-panel,.chat-conversation-panel{height:100%;border:1px solid var(--ui-border);border-radius:12px}.chat-page .chat-conversation-panel,.chat-page.chat-conversation-open .chat-groups-panel{display:none}.chat-page.chat-conversation-open .chat-conversation-panel{display:flex}.chat-mobile-back{display:inline-flex;flex:0 0 auto}.chat-message-row{max-width:96%}.chat-message-actions{opacity:1}.chat-messages{padding:14px 10px}.chat-composer{grid-template-columns:minmax(0,1fr) 44px;gap:7px;padding:9px}.chat-send-button{width:44px;height:44px}.chat-modal-backdrop{align-items:end;padding:0}.chat-manage-panel{width:100%;max-height:90vh;border-radius:16px 16px 0 0;padding:16px}.chat-name-row,.chat-group-fields{grid-template-columns:1fr}.chat-description-field,.chat-save-details,.chat-bubble-color-field{grid-column:1}.chat-bubble-color-row{align-items:flex-start}.chat-delete-group{align-items:stretch;flex-direction:column}.chat-member-row{grid-template-columns:36px minmax(0,1fr)}.chat-member-row .btn-sm{grid-column:2;justify-self:start}.chat-name-row .btn-sm{margin-bottom:10px}}@media(max-width:1000px){.content{padding:20px 16px}}@media(max-width:640px){.content{padding:16px 12px}.attendance-section-nav{justify-content:flex-start;padding-inline:12px}.attendance-section-nav button{flex:1;padding-inline:10px}}.attendance-page{--attendance-surface: var(--ui-surface);--attendance-soft: var(--ui-surface-accent);--attendance-border: var(--ui-border);--attendance-muted: var(--ui-muted);--attendance-ink: var(--ui-text);--attendance-brand: var(--ui-accent);--attendance-brand-deep: var(--ui-accent-deep)}.attendance-current-card{display:flex;max-width:860px;flex-direction:column;margin:0 auto 22px;border-color:var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.attendance-clock-block{min-height:0;padding:32px 30px 8px;color:var(--ui-text);background:transparent;text-align:center}.attendance-clock-block p{color:var(--ui-muted);opacity:1}.attendance-clock-block time{margin:8px 0 3px;color:var(--ui-text);font-size:clamp(50px,7vw,72px)}.attendance-clock-block small{color:var(--ui-muted);opacity:1}.attendance-control-block{align-items:center;padding:18px 30px 34px;text-align:center;gap:10px}.attendance-state-copy h2{font-size:18px}.attendance-state-copy>p:last-child{margin-inline:auto}.attendance-live-timer{align-items:center;margin-inline:auto;border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));background:var(--ui-surface-accent)}.attendance-actions{justify-content:center}.attendance-actions .attendance-main-action{min-width:160px}.attendance-section-card,.attendance-progress-card,.attendance-session{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.attendance-mini-stats>div,.attendance-calendar-day{border-color:var(--ui-border);background:var(--ui-surface-soft)}.attendance-session-active{border-color:var(--ui-accent);background:var(--ui-surface-accent)}.attendance-break-list,.attendance-history-day{border-color:var(--ui-border)}.attendance-progress-fill{background:linear-gradient(90deg,#ff7a1a,#ffae68)}.attendance-progress-ring-card{display:flex;align-items:center;justify-content:center;gap:26px;min-height:190px;padding:20px}.attendance-progress-ring-wrap{position:relative;width:136px;height:136px;flex:0 0 136px}.attendance-progress-ring-wrap svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.attendance-progress-ring-wrap circle{fill:none;stroke-width:10}.attendance-progress-ring-track{stroke:var(--ui-border)}.attendance-progress-ring-value{stroke:#dc2626;stroke-linecap:round;filter:drop-shadow(0 2px 3px rgba(30,33,40,.08));transition:stroke-dashoffset .7s ease}.progress-tone-warning .attendance-progress-ring-value{stroke:#eab308}.progress-tone-success .attendance-progress-ring-value{stroke:#16a34a}.attendance-progress-ring-wrap>strong{position:absolute;inset:0;display:grid;place-items:center;color:var(--ui-text);font-family:Space Mono,Consolas,monospace;font-size:22px}.attendance-progress-ring-copy{min-width:0}.attendance-progress-ring-copy>strong{display:block;color:var(--ui-text);font-family:Space Mono,Consolas,monospace;font-size:18px}.attendance-progress-ring-copy>strong span{color:var(--ui-muted);font-size:13px;font-weight:600}.attendance-progress-ring-copy>small{display:block;margin-top:9px;color:var(--ui-muted);font-size:11px}:root[data-theme=dark] .attendance-current-card,:root[data-theme=dark] .attendance-section-card,:root[data-theme=dark] .attendance-progress-card,:root[data-theme=dark] .attendance-session{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}:root[data-theme=dark] .attendance-mini-stats>div,:root[data-theme=dark] .attendance-calendar-day{border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .attendance-session-active{border-color:var(--ui-accent);background:var(--ui-surface-accent)}@media(max-width:640px){.attendance-clock-block{min-height:0;padding:26px 18px 6px}.attendance-clock-block time{font-size:clamp(43px,13vw,58px)}.attendance-control-block{padding:16px 16px 26px}.attendance-progress-ring-card{gap:18px;min-height:166px;padding:16px 12px}.attendance-progress-ring-wrap{width:112px;height:112px;flex-basis:112px}.attendance-progress-ring-copy>strong{font-size:15px}}@media(max-width:390px){.attendance-progress-ring-card{flex-direction:column;gap:8px;text-align:center}.attendance-progress-ring-copy>small{margin-top:5px}}.topbar{border-bottom-color:var(--ui-border);background:var(--ui-surface)}.tab{color:var(--ui-muted);font-weight:600}.tab:hover{color:var(--ui-text);background:color-mix(in srgb,var(--ui-border) 45%,transparent)}.tab.tab-active{color:#fff8ef;background:#ff7a1a;box-shadow:0 4px 12px #c54d002e}.mobile-sidebar,.sidebar-header,.sidebar-footer{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}.sidebar-content{background:var(--ui-surface)}.sidebar-heading{color:var(--ui-muted)}.sidebar-divider{background:var(--ui-border)}.sidebar-nav-item{color:var(--ui-muted)}.sidebar-nav-item:hover{color:var(--ui-text);background:color-mix(in srgb,var(--ui-border) 42%,transparent)}.sidebar-nav-item-active,:root[data-theme=dark] .sidebar-nav-item-active{color:#fff8ef;background:#ff7a1a;box-shadow:0 4px 12px #c54d0029}.sidebar-signout-btn{color:#b91c1c;border-color:color-mix(in srgb,#dc2626 45%,var(--ui-border));background:var(--ui-surface)}.admin-overview-scroll{overflow-x:auto}.admin-overview-svg{display:block;width:100%;min-width:580px;height:224px;margin-top:18px}.admin-overview-gridline{stroke:var(--ui-border)}.admin-overview-line{stroke:#ff7a1a;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.admin-overview-point{fill:var(--ui-surface);stroke:#ff7a1a;stroke-width:3}.admin-overview-svg text{fill:var(--ui-muted);font-size:12px}.applications-page{max-width:1240px}.applications-page>.content-head{margin-bottom:8px}.applications-page .request-tabs{margin-top:14px}.application-layout{gap:20px}.application-layout .leave-form-card,.application-layout .leave-list-section,.application-review,.application-management-card{border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.application-layout .leave-form-card,.application-layout .leave-list-section{padding:22px}.application-layout .leave-section-heading{padding-bottom:15px;border-bottom:1px solid var(--ui-border)}.application-layout .leave-section-heading h2{color:var(--ui-text);font-size:18px}.application-layout .leave-section-heading p{color:var(--ui-muted)}.application-layout .leave-form{margin-top:18px}.application-layout .leave-form label{color:var(--ui-muted);font-size:12px;font-weight:700}.application-layout textarea.field-input{min-height:200px;line-height:1.6}.application-layout .inline-actions{padding-top:3px}.application-layout .inline-actions .btn-primary{width:auto;min-width:170px;margin:0;padding-inline:20px}.application-history{margin-top:18px}.application-card{border-color:var(--ui-border);background:var(--ui-surface-soft);box-shadow:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.application-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#ff7a1a 45%,var(--ui-border));box-shadow:var(--ui-shadow)}.application-card h3{color:var(--ui-text)}.application-management-list{display:grid;gap:9px}.application-management-card{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(260px,1.4fr) auto auto;align-items:center;gap:16px;padding:14px 16px}.application-management-card:hover{border-color:color-mix(in srgb,#ff7a1a 42%,var(--ui-border))}.application-management-person{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.application-management-person strong,.application-management-person small,.application-management-subject strong,.application-management-subject span,.application-management-subject small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.application-management-person strong{color:var(--ui-text);font-size:13px}.application-management-person small{margin-top:3px;color:var(--ui-muted);font-size:10px}.application-management-subject{min-width:0}.application-management-subject strong{margin:3px 0;color:var(--ui-text);font-size:13px}.application-management-subject small,.application-management-subject span{color:var(--ui-muted);font-size:10px}.application-management-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed var(--ui-border);border-radius:12px;color:var(--ui-muted);text-align:center}.application-management-empty strong{color:var(--ui-text)}.application-management-empty span{margin-top:5px;font-size:12px}@media(max-width:900px){.application-management-card{grid-template-columns:minmax(200px,1fr) auto}.application-management-subject{grid-column:1 / -1;grid-row:2}}@media(max-width:640px){.application-layout .leave-form-card,.application-layout .leave-list-section{padding:16px 12px}.application-management-card{grid-template-columns:1fr auto;gap:10px;padding:13px}.application-management-card>.leave-status{grid-column:1;justify-self:start}.application-management-card>.btn-sm{grid-column:2;grid-row:3}.admin-overview-svg{min-width:520px}}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-row{min-height:82px;padding:15px 16px;border-radius:11px;background:var(--ui-surface);box-shadow:var(--ui-shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.detail-row:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-hover)}.detail-label{margin-bottom:8px;color:var(--ui-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.detail-value{color:var(--ui-text);font-size:14px;font-weight:650;line-height:1.35}.employee-self-profile{max-width:920px}.employee-self-profile-hero{margin-bottom:12px}.employee-self-profile-hero h2{margin:2px 0 3px;color:var(--ui-text);font-size:22px}.employee-self-profile-hero p{margin:0;color:var(--ui-muted);font-size:12px}.employee-security-section{max-width:920px;margin-top:20px}.employee-security-section .form-card{border-radius:12px}.summary-card,.stat-grid>*,.dash-finance-card{border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.summary-card:hover,.stat-grid>*:hover,.dash-finance-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border))}:root[data-theme=dark] .detail-row{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}@media(max-width:640px){.detail-grid{grid-template-columns:1fr;gap:9px}.detail-row{min-height:72px;padding:13px 14px}.employee-self-profile-hero{align-items:flex-start}}:root{--ui-bg: #faf8f5;--ui-navbar: #ffffff;--ui-surface: #ffffff;--ui-surface-elevated: #ffffff;--ui-surface-soft: #f5f2ee;--ui-surface-hover: #efebe5;--ui-surface-accent: #fff1e4;--ui-input-bg: #ffffff;--ui-text: #1c1917;--ui-text-secondary: #44403c;--ui-muted: #78716c;--ui-border: #e8e2da;--ui-border-strong: #d6cdc2;--ui-accent: #f26b1d;--ui-accent-soft: #fff0e3;--ui-accent-hover: #dc5a10;--ui-accent-active: #b94a08;--ui-accent-text: #c2410c;--ui-on-accent: #ffffff;--ui-gold: #f5a524;--ui-success: #15935f;--ui-success-soft: #e9f8f1;--ui-danger: #dc3f45;--ui-danger-soft: #fdecec;--ui-warning: #b7791f;--ui-warning-soft: #fdf6e3;--ui-info: #3b6fd4;--ui-info-soft: #eaf1fd;--ui-shadow: 0 1px 2px rgba(60, 40, 20, .04), 0 4px 12px rgba(60, 40, 20, .05);--ui-shadow-hover: 0 2px 4px rgba(60, 40, 20, .05), 0 8px 20px rgba(60, 40, 20, .08)}:root[data-theme=dark]{color-scheme:dark;--color-paper: #171412;--color-ink: #f6f1ec;--color-ink-soft: #cfc6bd;--color-navy: #f78c3a;--color-navy-dark: #e0731f;--color-amber: #f78c3a;--color-amber-soft: #3a2a1d;--color-green: #4cc38a;--color-green-soft: #16342a;--color-line: #38322d;--ui-bg: #171412;--ui-navbar: #1d1a17;--ui-surface: #24201d;--ui-surface-elevated: #2d2824;--ui-surface-soft: #1d1a17;--ui-surface-hover: #332d28;--ui-surface-accent: #3a2a1d;--ui-input-bg: #1d1a17;--ui-text: #f6f1ec;--ui-text-secondary: #cfc6bd;--ui-muted: #9a8f85;--ui-border: #38322d;--ui-border-strong: #4a423b;--ui-accent: #f78c3a;--ui-accent-soft: #3a2a1d;--ui-accent-hover: #fa9d55;--ui-accent-active: #e0731f;--ui-accent-text: #f9a35e;--ui-on-accent: #1a1410;--ui-gold: #f6b84a;--ui-success: #4cc38a;--ui-success-soft: #16342a;--ui-danger: #ef6461;--ui-danger-soft: #3b2022;--ui-warning: #e8b43f;--ui-warning-soft: #392e1a;--ui-info: #6fa3e0;--ui-info-soft: #1e2b40;--ui-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .1);--ui-shadow-hover: 0 2px 4px rgba(0, 0, 0, .14), 0 8px 20px rgba(0, 0, 0, .12)}body{background:var(--ui-bg);color:var(--ui-text)}.topbar,.login-topbar{background:color-mix(in srgb,var(--ui-navbar) 96%,transparent);border-color:var(--ui-border)}.company-name,.login-company-name,.topbar-user-copy strong{color:var(--ui-text)}.portal-sub,.login-portal-name{color:var(--ui-accent)}.btn-primary,.btn-download,.btn-sm,.btn-ghost,.theme-toggle,.mobile-menu-btn,.sidebar-close-btn,.attendance-section-nav button,.profile-section-tabs button,.request-tabs button,.holiday-filter-pills button,.tab,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,color .14s ease,border-color .14s ease,background-color .14s ease,opacity .14s ease}.btn-primary{border:1px solid var(--ui-accent);color:#fff;background:var(--ui-accent);box-shadow:0 5px 14px color-mix(in srgb,var(--ui-accent) 24%,transparent)}.btn-primary:hover:not(:disabled){border-color:var(--ui-accent-hover);background:var(--ui-accent-hover)}.btn-primary:active:not(:disabled){background:var(--ui-accent-active);transform:translateY(1px);box-shadow:none}.btn-download{border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));color:var(--ui-accent-deep);background:var(--ui-surface-accent)}.btn-download:hover:not(:disabled){border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-surface-accent) 80%,var(--ui-accent) 20%);color:var(--ui-accent-active)}.btn-sm,.btn-ghost{border:1px solid var(--ui-border);color:var(--ui-text-secondary);background:var(--ui-surface-elevated)}.btn-sm:hover:not(:disabled),.btn-ghost:hover:not(:disabled){color:var(--ui-text);border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}.btn-sm-danger,.link-danger{color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 42%,var(--ui-border));background:var(--ui-danger-soft)}.btn-sm-danger:hover:not(:disabled){color:var(--ui-danger);border-color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger-soft) 82%,var(--ui-danger) 18%)}.btn-primary:disabled,.btn-download:disabled,.btn-sm:disabled,.btn-ghost:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.field-input,select.field-input,textarea.field-input{min-height:40px;border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-input-bg)}.field-input:hover:not(:disabled){border-color:var(--ui-border-strong)}.field-input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 20%,transparent)}.tabs,.request-tabs,.profile-section-tabs,.attendance-section-nav{align-items:center}.tab,.request-tabs button,.profile-section-tabs button,.attendance-section-nav button{color:var(--ui-muted);background:transparent}.tab:hover,.request-tabs button:hover,.profile-section-tabs button:hover,.attendance-section-nav button:hover{color:var(--ui-text);background:var(--ui-surface-hover)}.tab.tab-active,.request-tabs button.active,.profile-section-tabs button.active,.attendance-section-nav button.active{color:#fff;border-color:var(--ui-accent);background:var(--ui-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--ui-accent) 22%,transparent)}.navigation-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.navigation-badge{display:inline-block;width:7px;min-width:7px;height:7px;padding:0;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-navbar)}.sidebar-nav-item .navigation-label{width:100%;justify-content:space-between}.sidebar-nav-item .navigation-badge{box-shadow:none}.attendance-section-nav.request-tabs{display:flex;width:fit-content;max-width:calc(100% - 32px);margin:18px 16px 24px;padding:5px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)}.attendance-section-nav.request-tabs button{flex:0 0 auto;padding:10px 14px;border:0;border-radius:8px}@media(max-width:600px){.attendance-section-nav.request-tabs{width:calc(100% - 24px);max-width:none;margin:12px}.attendance-section-nav.request-tabs button{flex:1 1 0;padding-inline:8px}}.topbar-right-desktop{gap:8px}.topbar-user{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;cursor:pointer;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-soft)}.topbar-user-avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;color:var(--ui-accent-active);background:var(--ui-surface-accent);font-size:12px;font-weight:800}.topbar-user-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}.topbar-user-copy strong{max-width:132px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.topbar-user-copy small{margin-top:3px;color:var(--ui-muted);font-size:9px;font-weight:650;text-transform:uppercase}.topbar .theme-toggle-compact,.topbar .btn-ghost{width:40px;height:40px;min-height:40px;padding:0}.topbar .btn-ghost.whitespace-nowrap{width:auto;padding:0 14px}.login-page{min-height:100vh;background:var(--ui-bg)}.login-topbar{position:sticky;top:0;z-index:10;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--ui-border);box-shadow:0 4px 18px #0f11150a}.login-wrap{min-height:calc(100vh - 64px);padding:42px 18px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--ui-accent) 8%,transparent),transparent 34%),var(--ui-bg)}.login-box{width:min(430px,100%);padding:30px;border:1px solid var(--ui-border);border-radius:14px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow-hover)}.login-brand-block{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--ui-border);text-align:center}.login-logo{width:auto;height:58px;margin-bottom:9px}.login-company-name{font-size:18px;font-weight:750}.login-portal-name{margin-top:3px;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.login-title{margin-bottom:5px;color:var(--ui-text);font-size:23px;font-weight:750}.login-subtitle{margin:0 0 22px;color:var(--ui-muted);font-size:12px;line-height:1.5}.login-box .field-label{color:var(--ui-text-secondary);font-size:12px;font-weight:650}.login-box .btn-primary{margin-top:4px}.login-input-wrap{position:relative;margin-bottom:12px}.login-input-wrap .field-input{width:100%;padding-left:40px;margin-bottom:0;box-sizing:border-box}.login-input-wrap .login-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ui-muted);pointer-events:none}.login-password-wrap .field-input{padding-right:42px}.login-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);cursor:pointer}.login-password-toggle:hover{color:var(--ui-accent);background:var(--ui-surface-soft)}.login-password-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.login-box .login-forgot-password{display:block;width:auto;margin:-4px 0 12px auto;padding:0;text-align:right;color:var(--ui-accent)}.footer-note{color:var(--ui-muted)}.main-dashboard-head{margin-bottom:20px}.dashboard-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-finance-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.dashboard-shortcut-card{position:relative;display:flex;min-width:0;min-height:142px;flex-direction:column;align-items:flex-start;padding:17px;overflow:hidden;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.dashboard-shortcut-card:hover{transform:translateY(-2px);border-color:var(--shortcut-color, var(--ui-accent));background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-hover)}.dashboard-shortcut-card:active{transform:translateY(0);box-shadow:var(--ui-shadow)}.dashboard-shortcut-card:focus-visible{outline:3px solid color-mix(in srgb,var(--shortcut-color, var(--ui-accent)) 34%,transparent);outline-offset:2px}.dashboard-shortcut-orange{--shortcut-color: var(--ui-accent)}.dashboard-shortcut-green{--shortcut-color: var(--ui-success)}.dashboard-shortcut-blue{--shortcut-color: var(--ui-info)}.dashboard-shortcut-red{--shortcut-color: var(--ui-danger)}.dashboard-shortcut-head{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;color:var(--ui-muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dashboard-shortcut-head i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--shortcut-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--shortcut-color) 14%,transparent)}.dashboard-shortcut-card>strong{display:block;max-width:100%;margin-top:20px;overflow:hidden;color:var(--ui-text);font-size:clamp(23px,2vw,30px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.dashboard-shortcut-card>small{margin-top:7px;color:var(--ui-muted);font-size:10px}.dashboard-shortcut-link{margin-top:auto;padding-top:10px;color:var(--shortcut-color);font-size:10px;font-weight:750;opacity:0;transform:translate(-3px);transition:opacity .16s ease,transform .16s ease}.dashboard-shortcut-card:hover .dashboard-shortcut-link,.dashboard-shortcut-card:focus-visible .dashboard-shortcut-link{opacity:1;transform:translate(0)}.main-dashboard-analytics{margin:0 0 20px}.recent-activity-card{margin-top:20px}.dash-recent-activity{margin-top:20px;background:var(--ui-surface);border-color:var(--ui-border)}.dash-recent-activity .dash-panel-title{display:flex;align-items:center;gap:9px;color:var(--ui-text)}.dash-recent-activity .dash-panel-title svg{color:var(--ui-accent);flex-shrink:0}.dash-recent-activity .dash-panel-sub{color:var(--ui-muted)}.dash-activity-list{list-style:none;margin:0;padding:0}.dash-activity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--ui-border)}.dash-activity-row:last-child{border-bottom:none;padding-bottom:0}.dash-activity-copy{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;min-width:0}.dash-activity-action{padding:4px 9px;border-radius:6px;background:var(--ui-surface-accent);color:var(--ui-accent-deep);font-size:11px;font-weight:700;text-transform:capitalize;overflow-wrap:anywhere}.dash-activity-entity{color:var(--ui-text);font-size:13px;text-transform:capitalize;overflow-wrap:anywhere}.dash-activity-user,.dash-activity-time,.dash-activity-state{color:var(--ui-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.dash-activity-time{flex-shrink:0;text-align:right}.dash-activity-state{margin:0;padding:16px 0}@media(max-width:600px){.dash-activity-row{align-items:flex-start;flex-direction:column;gap:7px}.dash-activity-time{text-align:left}}.icon-button{display:inline-grid;width:38px;height:38px;min-height:38px;flex:0 0 38px;place-items:center;padding:0;border:1px solid var(--ui-border);color:var(--ui-muted);background:var(--ui-surface-elevated);cursor:pointer}.icon-button svg{width:17px;height:17px}.icon-button:hover:not(:disabled){color:var(--ui-text);border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}.icon-button:active:not(:disabled){transform:translateY(1px)}.icon-button-danger{color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 38%,var(--ui-border));background:var(--ui-danger-soft)}.icon-button-danger:hover:not(:disabled){color:var(--ui-danger);border-color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger-soft) 78%,var(--ui-danger) 22%)}:root[data-theme=dark] .holiday-list-card,:root[data-theme=dark] .holiday-row,:root[data-theme=dark] .leave-request-card,:root[data-theme=dark] .leave-list-section,:root[data-theme=dark] .requests-panel,:root[data-theme=dark] .application-management-card,:root[data-theme=dark] .employee-directory,:root[data-theme=dark] .employee-directory-row,:root[data-theme=dark] .employee-profile-hero,:root[data-theme=dark] .admin-dashboard-card,:root[data-theme=dark] .admin-kpi-card,:root[data-theme=dark] .attendance-section-nav,:root[data-theme=dark] .form-card,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .table{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}:root[data-theme=dark] .table th,:root[data-theme=dark] .employee-directory-header,:root[data-theme=dark] .application-full-body,:root[data-theme=dark] .attendance-report-sessions>div{color:var(--ui-muted);border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .mobile-sidebar,:root[data-theme=dark] .sidebar-header,:root[data-theme=dark] .sidebar-content,:root[data-theme=dark] .sidebar-footer{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-navbar)}:root[data-theme=dark] .field-input,:root[data-theme=dark] select.field-input,:root[data-theme=dark] textarea.field-input,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--ui-text);border-color:var(--ui-border);outline:none}:root[data-theme=dark] option{color:var(--ui-text);background:var(--ui-input-bg)}.leave-page{--leave-ink: var(--ui-text);--leave-muted: var(--ui-muted);--leave-border: var(--ui-border);--leave-soft: var(--ui-surface-soft)}.leave-counts span,.leave-form-card,.leave-list-section,.leave-admin-toolbar,.leave-request-card{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface)}.leave-form label,.holiday-form label,.leave-admin-toolbar label{color:var(--ui-text-secondary)}.leave-type-picker button{color:var(--ui-text);border-color:var(--ui-border);background:var(--ui-surface-soft)}.leave-type-picker button:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}.leave-type-picker button.active{color:var(--ui-text);border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:inset 0 0 0 1px var(--ui-accent)}.leave-request-details>div{background:var(--ui-surface-soft)}.holiday-filter-pills{background:var(--ui-surface-soft);margin-bottom:10px}.holiday-filter-pills button.active{color:var(--ui-accent);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow)}.holiday-row{border-color:var(--ui-border);background:var(--ui-surface)}.holiday-date-tile{color:var(--ui-accent);background:var(--ui-accent-soft)}:root[data-theme=dark] .leave-admin-toolbar,:root[data-theme=dark] .leave-list-section,:root[data-theme=dark] .leave-form-card{border-color:var(--ui-border);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow)}:root[data-theme=dark] .leave-admin-toolbar .field-input{border-color:var(--ui-border-strong);background:var(--ui-surface-soft)}:root[data-theme=dark] .leave-admin-toolbar .field-input:hover{border-color:color-mix(in srgb,var(--ui-accent) 58%,var(--ui-border))}:root[data-theme=dark] .leave-toolbar-count{min-width:112px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));border-radius:10px;background:var(--ui-accent-soft)}:root[data-theme=dark] .leave-toolbar-count strong{color:var(--ui-accent)}:root[data-theme=dark] .leave-request-card{border-color:var(--ui-border);background:var(--ui-surface-soft)}:root[data-theme=dark] .leave-request-details>div,:root[data-theme=dark] .leave-empty{border-color:var(--ui-border);background:var(--ui-input-bg)}:root[data-theme=dark] .leave-status-pending{color:#fbbf24;background:#f59e0b29}:root[data-theme=dark] .leave-status-approved{color:#4ade80;background:#22c55e29}:root[data-theme=dark] .leave-status-rejected{color:#fb7185;background:#f43f5e29}:root[data-theme=dark] .attendance-section-nav.request-tabs{background:var(--ui-surface-soft)}:root[data-theme=dark] *{border:none!important}button.admin-kpi-card{transition:.2s ease-in-out;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}button.admin-kpi-card:hover{border-color:var(--ui-accent)}button.admin-kpi-card:active{transform:translateY(0)}button.admin-kpi-card:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 36%,transparent);outline-offset:3px}.employee-attendance-mode-toggle{min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft);cursor:pointer}.employee-attendance-mode-toggle input{width:18px;height:18px;accent-color:var(--ui-accent)}.employee-attendance-mode-toggle span{display:grid;gap:2px}.employee-attendance-mode-toggle strong{color:var(--ui-text);font-size:13px}.employee-attendance-mode-toggle small{color:var(--ui-muted);font-size:11px}.finance-account-row{cursor:pointer}.finance-account-row:hover td{background:var(--ui-surface-soft)}.finance-account-row:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 35%,transparent);outline-offset:-3px}.finance-transfer-note{grid-column:1 / -1}.finance-account-history{display:grid;gap:16px}.finance-account-history-head{display:flex;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.finance-account-history-head h2{margin:3px 0 4px;color:var(--ui-text)}.finance-account-history-head p,.finance-account-history-head small{margin:0;color:var(--ui-muted)}.finance-account-history-head>div:last-child{display:grid;align-content:center;justify-items:end;gap:4px}.finance-account-history-head>div:last-child strong{font-size:24px}.finance-account-history-list{overflow:hidden;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.finance-account-history-entry{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--ui-border)}.finance-account-history-entry:last-child{border-bottom:0}.finance-account-history-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.finance-account-history-main>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ui-surface-soft);font-size:20px;font-weight:800}.finance-account-history-main div,.finance-account-history-amount{display:grid;gap:3px}.finance-account-history-main strong{color:var(--ui-text)}.finance-account-history-main small,.finance-account-history-amount small{color:var(--ui-muted)}.finance-account-history-amount{flex:0 0 auto;justify-items:end;text-align:right}@media(max-width:640px){.finance-account-history-head,.finance-account-history-entry{flex-direction:column}.finance-account-history-head>div:last-child,.finance-account-history-amount{justify-items:start;text-align:left}}.mode-select-wrap{background:radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--ui-accent) 12%,transparent),transparent 38%),var(--ui-bg)}.mode-select-box{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-hover)}.mode-select-welcome{color:var(--ui-accent)}.mode-select-copy,.mode-choice-copy{color:var(--ui-muted)}.mode-choice{border-color:var(--ui-border);color:var(--ui-text);background:var(--ui-surface-soft)}.mode-choice:hover:not(:disabled),.mode-choice:focus-visible{border-color:var(--ui-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--ui-accent) 20%,transparent)}.mode-choice-primary{border-color:var(--ui-accent);color:#262320;background:var(--ui-accent)}.mode-choice-primary .mode-choice-copy{color:color-mix(in srgb,#262320 72%,transparent)}.mode-select-status{color:var(--ui-accent)}@media(max-width:1000px){.dashboard-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-dashboard-analytics{grid-template-columns:1fr}.login-topbar{min-height:60px;padding:8px 16px}.login-wrap{min-height:calc(100vh - 60px)}}@media(max-width:640px){.dashboard-shortcut-grid,.dashboard-finance-shortcuts{grid-template-columns:1fr;gap:10px}.dashboard-shortcut-card{min-height:118px;padding:14px}.dashboard-shortcut-card>strong{margin-top:14px}.dashboard-shortcut-link{opacity:1;transform:none}.login-topbar{padding-inline:12px}.login-topbar .company-name{min-width:0;font-size:12px}.login-topbar .topbar-logo{width:30px;height:30px;min-width:30px;min-height:30px}.login-wrap{padding:26px 12px}.login-box{padding:24px 18px}}.projects-container-card{background:var(--ui-surface, #ffffff);border:1px solid var(--ui-border, #e2e8f0);border-radius:14px;box-shadow:var(--ui-shadow, 0 1px 3px rgba(0, 0, 0, .05));overflow:hidden;margin-bottom:24px}.projects-card-header{padding:24px 28px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.projects-card-title-group{display:flex;flex-direction:column}.projects-portfolio-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ui-accent, #f26b1d);text-transform:uppercase;margin-bottom:4px}.projects-page-title{font-size:22px;font-weight:700;color:var(--ui-text, #0f172a);margin:0;line-height:1.25}.projects-page-subtitle{font-size:13.5px;color:var(--ui-muted, #64748b);margin-top:4px}.projects-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.projects-toolbar{padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--ui-border, #f1f5f9);border-bottom:1px solid var(--ui-border, #f1f5f9);background:var(--ui-surface-soft, #fafafa);flex-wrap:wrap}.projects-filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.projects-tab-btn{padding:6px 14px;border-radius:9999px;border:1px solid var(--ui-border, #e2e8f0);background:var(--ui-surface, #ffffff);color:var(--ui-muted, #64748b);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.projects-tab-btn:hover{background:var(--ui-surface-soft, #f8fafc);color:var(--ui-text, #0f172a);border-color:var(--ui-border-strong, #cbd5e1)}.projects-tab-btn.active{background:var(--ui-accent-soft, #fff0e3);color:var(--ui-accent-text, #c2410c);border-color:var(--ui-accent, #f26b1d);font-weight:600}.projects-tab-count{font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent)}.projects-search-wrapper{position:relative;display:flex;align-items:center;width:240px;max-width:100%}.projects-search-icon{position:absolute;left:11px;width:15px;height:15px;color:var(--ui-muted, #94a3b8);pointer-events:none}.projects-search-input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--ui-border, #e2e8f0);border-radius:8px;font-size:13px;background:var(--ui-surface, #ffffff);color:var(--ui-text, #0f172a);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.projects-search-input:focus{border-color:var(--ui-accent, #f26b1d);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent, #f26b1d) 15%,transparent)}.projects-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.projects-table{width:100%;border-collapse:collapse;text-align:left}.projects-table th{padding:13px 24px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-muted, #64748b);border-bottom:1px solid var(--ui-border, #e2e8f0);background:var(--ui-surface-soft, #f8fafc);white-space:nowrap}.projects-table td{padding:14px 24px;font-size:13.5px;border-bottom:1px solid var(--ui-border, #f1f5f9);color:var(--ui-text, #334155);vertical-align:middle}.projects-table tbody tr{transition:background-color .12s ease;cursor:pointer}.projects-table tbody tr:hover{background:color-mix(in srgb,var(--ui-accent, #f26b1d) 4%,var(--ui-surface, #ffffff))}.projects-table tbody tr:last-child td{border-bottom:none}.projects-name-val{font-weight:600;color:var(--ui-text, #0f172a)}.projects-client-val{color:var(--ui-text, #334155)}.projects-team-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;background:var(--ui-surface-soft, #f1f5f9);border:1px solid var(--ui-border, #e2e8f0);font-size:12.5px;font-weight:600;color:var(--ui-muted, #475569)}.projects-value-val{font-weight:600;color:var(--ui-text, #0f172a)}.projects-progress-cell{display:flex;align-items:center;gap:10px;min-width:140px}.projects-progress-track{flex:1;height:6px;background:var(--ui-border, #e2e8f0);border-radius:999px;overflow:hidden}.projects-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--ui-accent, #f26b1d),#fb923c);border-radius:999px;transition:width .25s ease}.projects-progress-bar-fill.complete{background:#16a34a}.projects-progress-text{font-size:12.5px;font-weight:600;color:var(--ui-text, #0f172a);min-width:36px;text-align:right}.projects-handover-val{color:var(--ui-text, #334155);white-space:nowrap}.project-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.project-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.project-status-pill.status-ongoing{background:var(--ui-accent-soft, #fff0e3);color:var(--ui-accent-text, #c2410c);border:1px solid color-mix(in srgb,var(--ui-accent, #f26b1d) 25%,transparent)}.project-status-pill.status-ongoing .project-status-dot{background:var(--ui-accent, #f26b1d)}.project-status-pill.status-upcoming{background:var(--ui-surface-soft, #f1f5f9);color:var(--ui-muted, #475569);border:1px solid var(--ui-border, #cbd5e1)}.project-status-pill.status-upcoming .project-status-dot{background:var(--ui-muted, #64748b)}.project-status-pill.status-done,.project-status-pill.status-handed_over{background:var(--ui-success-soft, #e9f8f1);color:var(--ui-success, #15935f);border:1px solid color-mix(in srgb,var(--ui-success, #15935f) 25%,transparent)}.project-status-pill.status-done .project-status-dot,.project-status-pill.status-handed_over .project-status-dot{background:var(--ui-success, #15935f)}@media(max-width:768px){.projects-card-header{padding:18px 20px}.projects-toolbar{padding:12px 20px;flex-direction:column;align-items:stretch}.projects-search-wrapper{width:100%}.projects-table th,.projects-table td{padding:12px 16px}}.app-layout{display:flex;min-height:100vh;background:var(--ui-bg, #fbfaf8)}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;height:100vh;height:100dvh;background:var(--ui-surface, #ffffff);border-right:1px solid var(--ui-border, #e2e8f0);display:flex;flex-direction:column;z-index:90;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .18s ease}.app-sidebar-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto}.app-sidebar-brand{height:64px;min-height:64px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ui-border, #f1f5f9);flex-shrink:0}.app-sidebar-logo{width:34px;height:34px;border-radius:8px;object-fit:contain;flex-shrink:0}.app-sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.app-sidebar-brand-name{font-size:15px;font-weight:800;letter-spacing:-.015em;color:var(--ui-text, #0f172a);line-height:1.15}.app-sidebar-brand-sub{font-size:11px;font-weight:600;color:#ea580c;line-height:1.2;margin-top:1px;letter-spacing:.02em}.app-sidebar-nav{flex:1 1 auto;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.app-sidebar-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ui-muted, #475569);background:transparent;border:none;cursor:pointer;text-align:left;transition:all .15s ease}.app-sidebar-item:hover{background:var(--ui-surface-soft, #f8fafc);color:var(--ui-text, #0f172a)}.app-sidebar-item.app-sidebar-group-start{margin-top:6px}.app-sidebar-item.active{background:#fff7ed;color:#c2410c;font-weight:600}:root[data-theme=dark] .app-sidebar-item.active{background:#f9731626;color:#fb923c}.app-sidebar-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;background:#ea580c;border-radius:0 3px 3px 0}.app-sidebar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ui-muted, #64748b);transition:color .15s ease}.app-sidebar-item.active .app-sidebar-icon{color:#ea580c}:root[data-theme=dark] .app-sidebar-item.active .app-sidebar-icon{color:#fb923c}.app-sidebar-item:hover .app-sidebar-icon{color:var(--ui-text, #0f172a)}.app-sidebar-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#ea580c;color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.app-sidebar-footer{padding:14px 12px;border-top:1px solid var(--ui-border, #f1f5f9);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.app-sidebar-signout-btn{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;color:#dc2626;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.app-sidebar-signout-btn:hover{background:#dc262614;border-color:#dc262633}.app-main-wrapper{flex:1 1 auto;min-width:0;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.app-topbar{position:sticky;top:0;z-index:80;height:60px;min-height:60px;background:var(--ui-surface, #ffffff);border-bottom:1px solid var(--ui-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.page-transition-content{min-width:0;width:100%}.app-hamburger-btn{display:none;width:38px;height:38px;border:1px solid var(--ui-border, #e2e8f0);border-radius:8px;background:var(--ui-surface, #ffffff);color:var(--ui-text, #0f172a);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.app-hamburger-btn:hover{background:var(--ui-surface-soft, #f8fafc);border-color:var(--ui-border-strong, #cbd5e1)}.employee-menu-btn{border:0;background:transparent}.employee-self-profile .detail-label{display:flex;align-items:center;gap:8px}.employee-self-profile .detail-label svg{color:var(--ui-accent);flex-shrink:0}.employee-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.employee-project-card{display:flex;flex-direction:column;gap:12px;text-align:left;color:var(--ui-text);cursor:pointer}.employee-project-card:hover{border-color:var(--ui-accent)}.employee-project-progress{width:100%;accent-color:var(--ui-accent)}.employee-project-progress-form,.employee-project-requirements{margin-top:18px}.employee-project-progress-form .field-label{display:block;margin-bottom:14px}.employee-project-progress-form .field-input{margin-top:7px}.employee-project-progress-form .btn-primary{width:auto;padding-inline:18px}.employee-project-requirements p{white-space:pre-wrap;overflow-wrap:anywhere}.employee-project-requirements .inline-actions{display:flex;flex-wrap:wrap;gap:8px}.client-portal-page{min-width:0;width:100%;max-width:none;box-sizing:border-box}.client-portal-page .client-project-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;justify-items:stretch}@media(max-width:768px){.client-portal-page .client-project-grid{grid-template-columns:minmax(0,1fr)}}.client-portal-page .client-project-card{padding:22px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow);color:var(--ui-text);text-align:left;min-width:0}.client-card-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.client-card-heading>strong{flex:1;min-width:100px;font-size:17px;overflow-wrap:anywhere}.client-project-icon{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:11px;color:var(--ui-accent);background:var(--ui-surface-accent)}.client-card-progress-label{margin:22px 0 10px;font-size:13px;font-weight:600;color:var(--ui-muted)}.client-portal-page .project-progress-track{height:8px;background:var(--ui-surface-soft);border-radius:99px;overflow:hidden}.client-portal-page .project-progress-fill{background:var(--ui-accent)}.client-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-border)}.client-card-handover{display:flex;align-items:center;gap:9px;color:var(--ui-muted)}.client-card-handover small,.client-card-handover strong{display:block}.client-card-handover small{font-size:11px;margin-bottom:4px}.client-card-handover strong{font-size:13px;color:var(--ui-text)}.client-card-link,.client-back-action{display:inline-flex;align-items:center;gap:7px}.client-card-link{font-size:13px;color:var(--ui-accent);font-weight:650}.client-back-action{margin-bottom:16px}.official-letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.official-letter-card{margin:0;min-width:0}.official-letter-heading{display:flex;align-items:center;gap:9px}.official-letter-heading>svg{color:var(--ui-accent);flex-shrink:0}.official-letter-heading h2{font-size:17px;margin:0}.official-letter-card p{overflow-wrap:anywhere;color:var(--ui-text)}.official-letter-dates{display:flex;flex-wrap:wrap;gap:12px;color:var(--ui-muted);font-size:12px;margin-bottom:16px}.official-letter-dates span,.official-letter-card .btn-sm,.letter-generate-button{display:inline-flex;align-items:center;gap:7px}.employee-letter-bell{position:relative}.employee-letter-notifications{position:absolute;top:calc(100% + 12px);right:0;width:300px;max-width:calc(100vw - 32px);max-height:340px;overflow-y:auto;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);padding:12px;box-shadow:var(--ui-shadow)}.employee-letter-notifications>strong{display:block;padding:6px;font-size:13px;color:var(--ui-text)}.employee-letter-notifications>button{display:block;width:100%;text-align:left;padding:12px 8px;border:0;border-top:1px solid var(--ui-border);background:transparent;color:var(--ui-text);cursor:pointer;border-radius:6px}.employee-letter-notifications>button:hover{background:var(--ui-surface-soft)}.employee-letter-notifications>.portal-notice-unread{background:var(--ui-surface-accent)}.employee-letter-notifications small{display:block;color:var(--ui-muted);margin-top:5px}.employee-letter-notifications>p{color:var(--ui-muted);font-size:12px}@media(max-width:480px){.employee-letter-notifications{position:fixed;top:65px;right:16px}}.attendance-report-employees{display:grid;gap:24px}.attendance-report-employee{min-width:0;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface)}.attendance-report-employee>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-left:3px solid var(--ui-accent);background:var(--ui-surface-soft)}.attendance-report-employee h3{margin:0;color:var(--ui-text);font-size:18px}.attendance-report-employee header p{margin:5px 0 0;color:var(--ui-muted);font-size:12px}.attendance-report-employee .table-scroll{max-width:100%;overflow-x:auto}.attendance-report-employee table{width:100%}.attendance-report-employee td,.attendance-report-employee th{padding:10px 14px;font-size:12px}.report-day-note{display:block;color:var(--ui-muted);margin-top:5px}.attendance-report-employee-sessions{padding:14px;border-top:1px solid var(--ui-border)}.attendance-report-employee-sessions summary{cursor:pointer;color:var(--ui-accent);font-size:13px;font-weight:600}.attendance-report-employee>footer{padding:18px 20px;border-top:1px solid var(--ui-border)}.attendance-report-employee h4{font-size:13px;margin:0 0 12px;color:var(--ui-text)}.attendance-report-work-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.attendance-report-work-summary>div{padding:12px;border:1px solid var(--ui-border);border-radius:8px}.attendance-report-work-summary span{display:block;color:var(--ui-muted);font-size:11px}.attendance-report-work-summary strong{display:block;margin-top:6px;color:var(--ui-text);font-size:16px}.attendance-report-status-counts{display:flex;flex-wrap:wrap;gap:8px}.attendance-report-status-counts>span{padding:6px 9px;border-radius:7px;color:var(--ui-muted);background:var(--ui-surface-soft);font-size:12px}.attendance-report-status-counts strong{color:var(--ui-text);margin-left:5px}@media(max-width:640px){.attendance-report-work-summary{grid-template-columns:minmax(0,1fr)}.attendance-report-employee>header,.attendance-report-employee>footer{padding:14px}}.finance-payment-method{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--ui-info);background:var(--ui-info-soft)}.finance-payment-cash{color:var(--ui-success);background:var(--ui-success-soft)}.finance-external-reference{font-family:monospace;font-size:12px;color:var(--ui-muted);overflow-wrap:anywhere}.finance-txn-number strong{font-size:12px;font-family:monospace}.email-page-heading{display:flex;align-items:center;justify-content:flex-start;gap:13px}.email-heading-icon{display:inline-flex;padding:11px;border-radius:12px;color:var(--ui-accent);background:var(--ui-surface-accent)}.email-compose-page .email-compose-card{width:100%;max-width:1040px;box-sizing:border-box;margin-left:0;margin-right:auto;padding:24px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.email-compose-title{display:flex;align-items:center;gap:9px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--ui-border)}.email-compose-title svg{color:var(--ui-accent)}.email-compose-card .field-label{display:flex;align-items:center;gap:7px;margin-top:16px;margin-bottom:7px}.email-compose-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.email-compose-card .form-grid .field-label{margin-top:0;min-height:26px}.email-compose-card .form-grid>div:first-child{grid-column:1 / -1}.email-compose-card .field-input{background:var(--ui-surface)}:root[data-theme=dark] .email-compose-card .field-input:not([type=file]):not(:focus),:root[data-theme=dark] .email-compose-card .email-attachment-area:not(:focus-within){box-shadow:var(--ui-shadow-hover)}.email-from-label svg,.email-recipient-label svg{box-sizing:content-box;padding:5px;border-radius:7px}.email-from-label svg{color:var(--ui-accent);background:var(--ui-surface-accent)}.email-recipient-label svg{color:var(--ui-info);background:var(--ui-info-soft)}.email-recipient-area{margin-top:16px;padding:0 0 16px;border-bottom:1px solid var(--ui-border)}.email-client-select{position:relative;min-width:0}.email-client-control{position:relative;margin-bottom:16px}.email-client-control .field-input{display:block;margin-bottom:0;padding-right:64px}.email-client-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ui-muted);pointer-events:none}.email-client-clear{position:absolute;right:34px;top:50%;transform:translateY(-50%);display:flex;padding:5px;border:none;border-radius:6px;background:transparent;color:var(--ui-muted);cursor:pointer}.email-client-clear:hover{color:var(--ui-accent);background:var(--ui-surface-soft)}.email-client-clear:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.email-client-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:5px;max-height:min(260px,40vh);overflow-y:auto;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;box-shadow:var(--ui-shadow-hover);padding:4px}.email-client-option{display:grid;gap:3px;padding:10px 12px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere;color:var(--ui-text);font-size:13px}.email-client-option span{font-size:12px;color:var(--ui-muted)}.email-client-option.is-active,.email-client-option:hover{background:var(--ui-surface-accent)}.email-client-empty{padding:10px 12px;margin:0;color:var(--ui-muted);font-size:13px}.email-recipient-area .field-label{margin-top:0}.email-recipient-area svg{color:var(--ui-info)}.email-recipient-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;height:auto;padding:7px 10px}.email-recipient-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 7px;border-radius:6px;color:var(--ui-text);background:var(--ui-surface-soft);font-size:12px;overflow-wrap:anywhere}.email-recipient-chip button{display:inline-flex;padding:0;border:0;color:var(--ui-muted);background:transparent;cursor:pointer}.email-recipient-chip button:hover,.email-recipient-chip button:focus-visible{color:var(--ui-danger)}.email-recipient-placeholder{color:var(--ui-muted)}.email-multiple-recipients{display:inline-flex;align-items:center;gap:8px;margin-top:-8px;color:var(--ui-muted);font-size:13px;cursor:pointer}.email-multiple-recipients input{accent-color:var(--ui-accent)}.email-compose-card input[readonly]{background:var(--ui-surface);color:var(--ui-muted);border-style:dashed}.email-compose-card .email-message-area{min-height:240px;height:240px;background:var(--ui-surface);resize:vertical;line-height:1.6;padding:14px}.email-attachment-area{margin-top:18px;padding:12px 14px;border:1px dashed var(--ui-border);border-radius:10px;background:transparent}.email-attachment-area .field-label{margin-top:0}.email-attachment-area .field-input{height:auto;padding:7px;background:transparent;border:0;max-width:100%}.email-attachment-area input::file-selector-button{padding:8px 12px;margin-right:12px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text);cursor:pointer;font:inherit}.email-compose-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border)}.email-compose-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;margin:0;padding-inline:24px}.email-compose-success{padding:12px;border-radius:8px;color:var(--ui-success);background:var(--ui-success-soft)}@media(max-width:640px){.email-compose-page .email-compose-card{padding:16px}.email-compose-card .form-grid,.email-recipient-area{grid-template-columns:minmax(0,1fr)}.email-compose-actions .btn-primary{width:100%}}.client-invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-invoice-card,.client-progress-page .client-progress-group{padding:22px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow);min-width:0}.client-invoice-card header{display:flex;align-items:center;gap:12px;color:var(--ui-text)}.client-invoice-card header strong{overflow-wrap:anywhere;font-size:16px}.client-invoice-project{display:inline-flex;align-items:center;gap:6px;margin:16px 0 12px;padding:5px 9px;border-radius:7px;color:var(--ui-info);background:var(--ui-info-soft);font-size:12px;overflow-wrap:anywhere}.client-invoice-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--ui-muted);font-size:12px}.client-invoice-meta>span{display:inline-flex;align-items:center;gap:6px}.client-invoice-amount{display:block;margin:18px 0;color:var(--ui-text);font-size:23px;overflow-wrap:anywhere}.client-invoice-card .inline-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--ui-border)}.client-invoice-card .btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px}.client-invoice-empty{grid-column:1 / -1;text-align:center;padding:36px 16px}.client-invoice-empty>svg{color:var(--ui-accent)}.client-progress-page .client-progress-group{margin-bottom:20px}.client-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px;color:var(--ui-muted);font-size:13px}.client-progress-label span,.client-progress-history-title{display:flex;align-items:center;gap:7px}.client-progress-label strong{color:var(--ui-accent);font-size:22px}.client-progress-history-title{color:var(--ui-muted);font-size:12px;margin:24px 0 16px;font-weight:600}.client-update-timeline{padding-left:8px}.client-update-entry{position:relative;display:flex;align-items:flex-start;gap:14px;padding:0 0 22px 20px;border-left:1px solid var(--ui-border)}.client-update-entry:before{content:"";position:absolute;left:-4px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--ui-accent)}.client-update-entry:last-child{border-left-color:transparent;padding-bottom:0}.client-update-entry>strong{padding:6px 9px;border-radius:7px;color:var(--ui-accent);background:var(--ui-surface-accent);font-size:13px;flex-shrink:0}.client-update-entry>div{min-width:0;overflow-wrap:anywhere}.client-update-entry p{margin:3px 0 8px;color:var(--ui-text);font-size:14px;line-height:1.55;white-space:pre-wrap}.client-update-entry small{display:inline-flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:11px}@media(max-width:768px){.client-invoice-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.client-invoice-card,.client-progress-page .client-progress-group{padding:16px}.client-update-entry{gap:10px;padding-left:14px}}.client-project-detail-page>.form-card{margin-top:18px;padding:22px;border:1px solid var(--ui-border);border-radius:14px;box-shadow:var(--ui-shadow);min-width:0}.client-detail-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.client-detail-header>div{flex:1;min-width:0}.client-detail-header .page-title{overflow-wrap:anywhere}.client-detail-header .page-sub{display:flex;align-items:center;gap:6px}.client-project-detail-page .form-title{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:16px}.client-project-detail-page .form-title svg{color:var(--ui-accent);flex-shrink:0}.client-project-detail-page .client-detail-progress{border-top:3px solid var(--ui-accent)}.client-detail-percentage{color:var(--ui-accent);font-size:30px;letter-spacing:-.03em}.client-billing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.client-billing-grid>div{padding:14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft);min-width:0}.client-billing-grid svg{box-sizing:content-box;padding:7px;border-radius:8px;color:var(--ui-accent);background:var(--ui-surface-accent);margin-bottom:10px}.client-billing-grid .detail-label{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0}.client-billing-grid strong{display:block;font-size:17px;margin-top:7px;overflow-wrap:anywhere;color:var(--ui-text)}.client-billing-grid .billing-info svg{color:var(--ui-info);background:var(--ui-info-soft)}.client-billing-grid .billing-paid svg{color:var(--ui-success);background:var(--ui-success-soft)}.client-billing-grid .billing-paid strong{color:var(--ui-success)}.client-project-detail-page .project-progress-update{border-left:2px solid var(--ui-accent);padding:12px;background:var(--ui-surface-soft);border-radius:0 9px 9px 0;gap:14px}.client-project-detail-page .project-progress-update>strong{padding:6px 9px;align-self:flex-start;border-radius:7px;color:var(--ui-accent);background:var(--ui-surface-accent)}.client-project-detail-page .project-progress-update>div{min-width:0;overflow-wrap:anywhere;line-height:1.5}.client-project-detail-page .project-progress-update small{display:block;margin-top:5px;color:var(--ui-muted)}.client-project-detail-page .table-scroll{max-width:100%;overflow-x:auto}.client-project-detail-page th{background:var(--ui-surface-soft);color:var(--ui-muted);font-size:11px}.client-project-detail-page td,.client-project-detail-page th{padding:13px 12px;border-color:var(--ui-border)}.client-project-detail-page td:nth-child(5){font-weight:700;white-space:nowrap}.client-project-detail-page .inline-actions{flex-wrap:wrap;gap:8px}.client-project-detail-page .btn-sm,.client-detail-requirements .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px}.client-detail-requirements textarea{margin-top:7px;min-height:105px;resize:vertical}.client-detail-requirements .empty-note{text-align:center;color:var(--ui-muted)}.client-detail-requirements .empty-note svg{color:var(--ui-accent)}.client-project-detail-page .requirement-card{overflow-wrap:anywhere}@media(max-width:1100px){.client-billing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.client-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-project-detail-page>.form-card{padding:16px}}@media(max-width:360px){.client-billing-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.client-portal-page.content{padding:16px 12px}.client-portal-page .client-project-card{padding:18px}.client-app-layout .app-topbar{padding-inline:12px}}.employee-projects-page h2{display:flex;align-items:center;gap:10px}.employee-project-details{max-width:780px;min-width:0}.employee-project-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.employee-project-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.employee-project-heading h3,.employee-project-heading>strong{flex:1;min-width:100px;margin:0;overflow-wrap:anywhere;color:var(--ui-text)}.employee-project-heading h3{font-size:21px}.employee-project-icon{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:12px;color:var(--ui-accent);background:var(--ui-surface-accent)}.employee-project-description{color:var(--ui-muted);line-height:1.6;overflow-wrap:anywhere}.employee-project-handover{display:flex;align-items:center;gap:10px;margin:24px 0;color:var(--ui-muted)}.employee-project-handover small,.employee-project-handover strong{display:block}.employee-project-handover strong{color:var(--ui-text);margin-top:5px}.employee-project-progress-block{width:100%;max-width:480px;min-width:0}.employee-project-progress-block>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:var(--ui-muted);font-size:13px}.employee-project-progress-block span{display:inline-flex;align-items:center;gap:7px}.employee-project-progress-block strong{color:var(--ui-accent)}.employee-project-progress{display:block;height:8px;border:0;border-radius:99px;overflow:hidden;background:var(--ui-surface-soft)}.employee-project-progress::-webkit-progress-bar{background:var(--ui-surface-soft);border-radius:99px}.employee-project-progress::-webkit-progress-value{background:var(--ui-accent);border-radius:99px}.employee-project-progress::-moz-progress-bar{background:var(--ui-accent);border-radius:99px}.employee-project-card{padding:20px;margin:0;gap:22px}.employee-project-link{display:inline-flex;align-items:center;gap:8px;color:var(--ui-accent);font-size:13px;font-weight:650}.employee-project-update-list{display:grid;gap:12px;margin-top:18px}.employee-project-update-list article{overflow-wrap:anywhere}.employee-project-update-list article>div{display:flex;justify-content:space-between;gap:12px}.employee-project-update-list small{color:var(--ui-muted)}.employee-attendance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 0;margin-bottom:18px;border-bottom:1px solid var(--ui-border)}.employee-attendance-summary span{display:block;color:var(--ui-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.employee-attendance-summary strong{display:block;margin-top:8px;color:var(--ui-text);font-size:17px;overflow-wrap:anywhere}.employee-attendance-overview .attendance-section-head h3{margin:0}.employee-attendance-overview .attendance-session-times,.employee-attendance-overview .attendance-break-row{flex-wrap:wrap}.employee-attendance-statistics{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-live-attendance .attendance-current-card{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);background:var(--ui-surface)}.employee-live-attendance .attendance-clock-block{background:var(--ui-surface-soft);border-color:var(--ui-border)}.employee-live-attendance .attendance-clock-block p,.employee-live-attendance .attendance-clock-block small{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ui-muted)}.employee-live-attendance .attendance-clock-block p svg{color:var(--ui-accent)}.employee-live-attendance .attendance-clock-block time{font-variant-numeric:tabular-nums;color:var(--ui-text);letter-spacing:-.04em}.employee-live-attendance .attendance-state-copy{padding-left:14px;border-left:3px solid var(--ui-accent)}.employee-live-attendance .attendance-state-working,.employee-live-attendance .attendance-state-completed{border-left-color:var(--ui-success)}.employee-live-attendance .attendance-state-working h2,.employee-live-attendance .attendance-state-completed h2{color:var(--ui-success)}.employee-live-attendance .attendance-state-on_break h2{color:var(--ui-accent)}.employee-live-attendance .attendance-status-working,.employee-live-attendance .attendance-status-completed{background:var(--ui-success-soft);color:var(--ui-success);border-color:color-mix(in srgb,var(--ui-success) 20%,transparent)}.employee-live-attendance .attendance-status-on_break,.employee-live-attendance .attendance-status-not_checked_in{background:var(--ui-surface-accent);color:var(--ui-accent-deep)}.employee-live-attendance .attendance-mode-pill{color:var(--ui-info);background:var(--ui-info-soft);border-color:color-mix(in srgb,var(--ui-info) 20%,transparent)}.employee-live-attendance .attendance-actions{gap:10px;flex-wrap:wrap}.employee-live-attendance .attendance-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;padding:10px 18px;margin:0}.employee-live-attendance .employee-attendance-summary{gap:12px}.employee-live-attendance .employee-attendance-summary>div{padding:12px;border-radius:10px;background:var(--ui-surface-soft);min-width:0}.employee-live-attendance .employee-attendance-summary span{display:flex;align-items:center;gap:7px;font-size:10px}.employee-live-attendance .employee-attendance-summary span svg{box-sizing:content-box;padding:5px;border-radius:7px;background:var(--ui-surface-accent);color:var(--ui-accent);flex-shrink:0}.employee-live-attendance .employee-attendance-summary>div:nth-child(3) svg{background:var(--ui-info-soft);color:var(--ui-info)}.employee-live-attendance .employee-attendance-summary strong{font-size:19px}.employee-live-attendance .attendance-current-card{display:flex;flex-direction:column;max-width:760px;margin-inline:auto}.employee-live-attendance .attendance-clock-block{padding:24px 18px 12px;min-height:0;background:transparent;border:0}.employee-live-attendance .attendance-clock-block p{margin:0;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0}.employee-live-attendance .attendance-clock-block time{margin:12px 0 8px;font-size:clamp(36px,5vw,48px);font-weight:700}.employee-live-attendance .attendance-clock-block small{font-size:11px;font-weight:400}.employee-live-attendance .attendance-control-block{padding:10px 24px 22px}.employee-live-attendance .attendance-state-copy{border:0;padding:0;text-align:center}.employee-live-attendance .attendance-state-copy>p{margin:8px 0 0;font-size:12px;color:var(--ui-muted)}.employee-live-attendance .attendance-actions{justify-content:center;margin-top:16px}.employee-live-attendance .attendance-live-timer{align-self:center;text-align:center;padding:8px 12px;margin-top:10px;background:transparent;border:0}.employee-live-attendance .attendance-live-timer strong{font-size:22px}.employee-live-attendance .employee-attendance-summary{margin-top:22px;padding-top:16px}.employee-live-attendance .employee-attendance-summary>div{padding:0 10px;border-radius:0;background:transparent;border-left:1px solid var(--ui-border)}.employee-live-attendance .employee-attendance-summary>div:first-child{border-left:0}.employee-live-attendance .employee-attendance-summary span{font-size:11px;text-transform:none;letter-spacing:0;font-weight:400}.employee-live-attendance .employee-attendance-summary span svg{padding:0;background:transparent;border-radius:0}.employee-live-attendance .employee-attendance-summary>div:nth-child(3) svg{background:transparent}.employee-live-attendance .employee-attendance-summary strong{margin-top:6px;font-size:17px}@media(max-width:480px){.employee-live-attendance .attendance-clock-block time{font-size:clamp(32px,10vw,42px)}.employee-live-attendance .attendance-actions button{flex:1 1 auto}.employee-live-attendance .employee-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.employee-live-attendance .employee-attendance-summary>div{padding:8px}.employee-live-attendance .employee-attendance-summary>div:nth-child(odd){border-left:0}.employee-live-attendance .attendance-control-block{padding-inline:16px}}.employee-attendance-overview>h2,.employee-attendance-overview h3{display:flex;align-items:center;gap:9px;color:var(--ui-text)}.employee-attendance-overview h3{margin-top:26px;font-size:16px}.employee-attendance-month-header{flex-wrap:wrap;gap:12px}.employee-attendance-month-header h2{display:flex;align-items:center;gap:9px;margin:0}.employee-attendance-month-header h2>svg{color:var(--ui-accent)}.employee-attendance-month-header .field-input{width:auto;max-width:100%;height:36px;margin:0;font-size:13px}.employee-attendance-overview h3>svg,.employee-attendance-overview>h2>svg{color:var(--ui-accent);flex-shrink:0}.employee-attendance-overview .employee-attendance-statistics{border-bottom:0;gap:12px}.employee-attendance-statistics>div{position:relative;padding:17px 64px 17px 17px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow);min-width:0}.employee-attendance-statistics>div:hover{border-color:color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border))}.employee-attendance-statistics strong{font-size:24px;letter-spacing:-.03em}.employee-attendance-statistics i{position:absolute;top:17px;right:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--ui-accent);background:var(--ui-surface-accent)}.employee-attendance-statistics .employee-stat-success i{color:var(--ui-success);background:var(--ui-success-soft)}.employee-attendance-statistics .employee-stat-info i{color:var(--ui-info);background:var(--ui-info-soft)}.employee-attendance-overview .attendance-progress-grid>div{position:relative;min-width:0}.employee-progress-icon{position:absolute;top:14px;right:16px;color:var(--ui-accent);z-index:1}.employee-month-progress .employee-progress-icon{color:var(--ui-info)}.employee-attendance-overview .attendance-progress-card{height:100%;box-sizing:border-box;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow)}.employee-attendance-overview .employee-week-progress .attendance-progress-ring-value{stroke:var(--ui-accent)}.employee-attendance-overview .employee-month-progress .attendance-progress-ring-value{stroke:var(--ui-info)}.employee-attendance-overview .attendance-progress-ring-track{stroke:var(--ui-border)}.employee-attendance-overview .attendance-progress-ring-copy{min-width:0}.employee-attendance-overview .attendance-session{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:12px}.employee-attendance-overview .attendance-session-head{padding-bottom:12px;border-bottom:1px solid var(--ui-border)}.employee-attendance-overview .attendance-record-completed{color:var(--ui-success);background:var(--ui-success-soft)}.employee-attendance-overview .attendance-record-open{color:var(--ui-accent);background:var(--ui-surface-accent)}.employee-attendance-overview .attendance-session-times small{display:flex;align-items:center;gap:5px}.employee-attendance-overview .attendance-break-list{background:var(--ui-surface-soft);padding:10px;border-radius:8px}.employee-attendance-overview .employee-attendance-activity{max-height:350px;padding:2px 8px 2px 2px}.employee-attendance-activity>.attendance-session>strong{color:var(--ui-text);font-size:13px}.employee-attendance-overview .employee-attendance-activity-row{padding:10px 12px;border-left:3px solid var(--ui-accent);background:var(--ui-surface-soft);border-radius:0 8px 8px 0}.employee-attendance-overview .activity-completed{border-left-color:var(--ui-success)}.employee-attendance-activity-row>span{display:inline-flex;align-items:center;gap:6px}@media(max-width:480px){.employee-attendance-overview .employee-attendance-statistics>div{padding:54px 12px 12px}.employee-attendance-statistics i{top:10px;left:12px;right:auto;width:30px;height:30px}.employee-attendance-statistics strong{font-size:20px}.employee-attendance-overview .attendance-progress-grid{grid-template-columns:minmax(0,1fr)}.employee-attendance-overview .employee-attendance-activity-row{flex-direction:column;gap:8px}}.employee-attendance-activity{display:grid;gap:10px;max-height:420px;overflow-y:auto;margin-bottom:22px}.employee-attendance-activity-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--ui-muted);font-size:13px}.attendance-current-card .employee-attendance-summary{margin-bottom:0;padding-bottom:0;border-bottom:0;border-top:1px solid var(--ui-border)}@media(max-width:768px){.employee-attendance-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-dashboard-tabs{display:flex;flex-wrap:wrap;margin-bottom:20px;max-width:100%}.employee-dashboard-tabs-page #employee-dashboard-section{min-width:0}.employee-dashboard-tabs-page .employee-self-profile{max-width:none}.employee-dashboard-tabs-page .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard-tabs-page .detail-value{overflow-wrap:anywhere}.applications-page .employee-dashboard-tabs{background:transparent;border-bottom:1px solid var(--ui-border);border-radius:0;padding:0}.applications-page .employee-dashboard-tabs button{background:transparent;border-radius:0;border-bottom:2px solid transparent;padding:12px 16px}.applications-page .employee-dashboard-tabs button.active{background:transparent;color:var(--ui-accent);border-bottom-color:var(--ui-accent);box-shadow:none}.applications-page .applications-new-request{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:auto;min-width:0;margin:0;padding:0 16px;min-height:40px;white-space:nowrap}.applications-page>.content-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.applications-page>.content-head>div{flex:1;min-width:0}.applications-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.applications-summary-grid .summary-card{display:flex;align-items:center;gap:12px;padding:18px;min-width:0}.applications-summary-grid .summary-card svg{flex-shrink:0;box-sizing:content-box;padding:10px;border-radius:10px;color:var(--ui-accent);background:var(--ui-surface-accent)}.applications-summary-grid .summary-card span{display:block;color:var(--ui-muted);font-size:13px}.applications-summary-grid .summary-card strong{display:block;color:var(--ui-text);font-size:24px;margin-top:4px}.applications-summary-approved svg{color:var(--color-green)!important}.applications-summary-rejected svg{color:var(--ui-danger, var(--ui-accent-deep))!important}.applications-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ui-muted)}.applications-page .leave-list-section{padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.applications-page .leave-request-list{display:grid;gap:12px}@media(max-width:768px){.applications-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.applications-page .content-head{flex-wrap:wrap;gap:14px}.employee-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard-tabs-page .detail-grid{grid-template-columns:minmax(0,1fr)}.employee-dashboard-tabs-page .employee-profile-hero{flex-wrap:wrap}.employee-dashboard-tabs-page .employee-profile-identity h2{overflow-wrap:anywhere}}@media(max-width:480px){.employee-dashboard-tabs-page.content,.applications-page.content{padding:16px 12px}.employee-dashboard-tabs button{min-width:0;flex:1 1 auto;padding-inline:10px}.applications-summary-grid .summary-card{padding:12px;gap:8px}.applications-page .leave-request-list{min-width:0}.applications-page .leave-request-list>*{overflow-wrap:anywhere}.employee-project-detail-card,.applications-page .leave-list-section{padding:16px}.applications-summary-grid .summary-card svg{padding:7px}.employee-projects-page.content{padding:16px 12px}}@media(max-width:480px){.employee-app-layout .app-topbar{padding:0 10px}.employee-app-layout .app-topbar-left,.employee-app-layout .app-topbar-right{gap:6px}}.app-search-box{display:flex;align-items:center;gap:8px;width:260px;height:38px;padding:0 12px;background:var(--ui-surface-soft, #f8fafc);border:1px solid var(--ui-border, #e2e8f0);border-radius:8px;color:var(--ui-muted, #64748b);transition:all .15s ease}.app-search-box:focus-within{border-color:#ea580c;background:var(--ui-surface, #ffffff);box-shadow:0 0 0 3px #ea580c1f}.app-search-input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ui-text, #0f172a);width:100%}.app-search-input::placeholder{color:var(--ui-muted, #94a3b8)}.app-topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-icon-action-btn{position:relative;width:38px;height:38px;border:1px solid var(--ui-border, #e2e8f0);border-radius:8px;background:var(--ui-surface, #ffffff);color:var(--ui-muted, #64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.app-icon-action-btn:hover{color:var(--ui-text, #0f172a);background:var(--ui-surface-soft, #f8fafc);border-color:var(--ui-border-strong, #cbd5e1)}.app-notification-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ea580c;box-shadow:0 0 0 2px var(--ui-surface, #ffffff)}.app-topbar-user{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border:1px solid var(--ui-border, #e2e8f0);border-radius:9px;background:var(--ui-surface-soft, #f8fafc);cursor:pointer;transition:all .15s ease}.app-topbar-user:hover{background:var(--ui-surface, #ffffff);border-color:var(--ui-border-strong, #cbd5e1)}.app-topbar-director{border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));background:var(--ui-surface-accent)}.app-topbar-director .app-user-avatar{position:relative;box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 24%,transparent)}.app-topbar-director .app-user-role{color:var(--ui-accent-deep)}.app-director-mark{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:5px;background:var(--ui-surface);color:var(--ui-accent-deep);box-shadow:0 0 0 1px color-mix(in srgb,var(--ui-accent) 30%,transparent)}.app-user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffedd5;color:#c2410c;font-size:12px;font-weight:750;flex-shrink:0}:root[data-theme=dark] .app-user-avatar{background:#f9731633;color:#fb923c}.app-user-info{display:flex;flex-direction:column;line-height:1.2}.app-user-name{font-size:12.5px;font-weight:650;color:var(--ui-text, #0f172a);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-role{font-size:10px;font-weight:600;color:var(--ui-muted, #64748b);text-transform:uppercase;letter-spacing:.03em}.app-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}.app-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:992px){.app-sidebar{transform:translate(-100%);box-shadow:6px 0 28px #00000029;z-index:100}.app-sidebar.drawer-open{transform:translate(0)}.app-main-wrapper{margin-left:0}.app-hamburger-btn{display:inline-flex}.app-search-box{display:none}.app-topbar{padding:0 16px}.app-user-info{display:none}}.main-dashboard-page{padding:24px 28px 48px;box-sizing:border-box}.dash-greeting-header{margin-bottom:22px}.dash-greeting-title{font-size:clamp(22px,2.2vw,28px);font-weight:800;color:var(--ui-text, #0f172a);letter-spacing:-.025em;line-height:1.2}.dash-greeting-subtitle{font-size:13.5px;color:var(--ui-muted, #64748b);margin-top:4px}.dash-kpi-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.dash-kpi-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.dash-private-kpi{position:relative;min-width:0}.fin-kpi-card:has(.dash-amount-toggle){position:relative}.fin-kpi-card:has(.dash-amount-toggle) .fin-kpi-label{padding-right:24px}.dash-private-kpi>.dash-kpi-card{width:100%;height:100%}.dash-private-kpi .dash-kpi-top{padding-right:24px}.dash-amount-toggle{position:absolute;top:16px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);cursor:pointer}.dash-amount-toggle:hover{background:var(--ui-surface-soft);color:var(--ui-accent)}.dash-amount-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.dash-kpi-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:18px 20px;background:var(--ui-surface, #ffffff);border:1px solid var(--ui-border, #e2e8f0);border-radius:14px;box-shadow:0 1px 3px #0000000a,0 4px 10px -2px #00000005;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none}.dash-kpi-card:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:0 10px 24px -4px #00000014}.dash-kpi-card:active{transform:translateY(0)}.dash-kpi-top{display:flex;align-items:center;gap:12px}.dash-kpi-icon-bubble{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.dash-bubble-orange{background:#fff7ed;color:#ea580c}:root[data-theme=dark] .dash-bubble-orange{background:#ea580c2e;color:#fb923c}.dash-bubble-blue{background:#eff6ff;color:#2563eb}:root[data-theme=dark] .dash-bubble-blue{background:#2563eb2e;color:#60a5fa}.dash-bubble-green{background:#ecfdf5;color:#059669}:root[data-theme=dark] .dash-bubble-green{background:#0596692e;color:#34d399}.dash-bubble-purple{background:#f5f3ff;color:#7c3aed}:root[data-theme=dark] .dash-bubble-purple{background:#7c3aed2e;color:#a78bfa}.dash-bubble-inflow{background:#ecfdf5;color:#10b981}:root[data-theme=dark] .dash-bubble-inflow{background:#10b9812e;color:#34d399}.dash-bubble-outflow{background:#fef2f2;color:#ef4444}:root[data-theme=dark] .dash-bubble-outflow{background:#ef44442e;color:#f87171}.dash-bubble-net{background:#f0f9ff;color:#0284c7}:root[data-theme=dark] .dash-bubble-net{background:#0284c72e;color:#38bdf8}.dash-kpi-label{font-size:13px;font-weight:600;color:var(--ui-muted, #64748b)}.dash-kpi-body{margin-top:14px}.dash-kpi-number{display:block;font-size:clamp(24px,2.2vw,30px);font-weight:800;color:var(--ui-text, #0f172a);line-height:1.1;letter-spacing:-.02em}.dash-number-inflow{color:#059669}:root[data-theme=dark] .dash-number-inflow{color:#34d399}.dash-number-outflow{color:#dc2626}:root[data-theme=dark] .dash-number-outflow{color:#f87171}.dash-number-net-pos{color:#0284c7}:root[data-theme=dark] .dash-number-net-pos{color:#38bdf8}.dash-kpi-footnote{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:500;color:var(--ui-muted, #94a3b8);transition:color .15s ease}.dash-kpi-card:hover .dash-kpi-footnote{color:#ea580c}.dash-kpi-link-arrow{opacity:0;transform:translate(-4px);transition:opacity .15s ease,transform .15s ease}.dash-kpi-card:hover .dash-kpi-link-arrow{opacity:1;transform:translate(0)}.dash-analytics-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.1fr);gap:20px;margin-bottom:24px}.dash-panel-card{display:flex;flex-direction:column;background:var(--ui-surface, #ffffff);border:1px solid var(--ui-border, #e2e8f0);border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #0000000a,0 4px 10px -2px #00000005}.dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.dash-panel-title{font-size:17px;font-weight:750;color:var(--ui-text, #0f172a);letter-spacing:-.015em;line-height:1.25}.dash-panel-sub{font-size:12.5px;color:var(--ui-muted, #64748b);margin-top:3px}.dash-filter-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-select-container{position:relative;display:flex;align-items:center}.dash-select-icon{position:absolute;left:10px;color:var(--ui-muted, #64748b);pointer-events:none}.dash-select-input{height:36px;padding:0 12px 0 30px;border-radius:8px;border:1px solid var(--ui-border, #e2e8f0);background:var(--ui-surface-soft, #f8fafc);color:var(--ui-text, #0f172a);font-size:12.5px;font-weight:550;outline:none;cursor:pointer;transition:all .15s ease}.dash-select-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f}.dash-custom-range-inputs{display:flex;align-items:center;gap:6px}.dash-date-picker{height:36px;padding:0 8px;border-radius:8px;border:1px solid var(--ui-border, #e2e8f0);background:var(--ui-surface-soft, #f8fafc);color:var(--ui-text, #0f172a);font-size:12px;outline:none}.dash-date-picker:focus{border-color:#ea580c}.dash-range-sep{font-size:12px;color:var(--ui-muted, #94a3b8)}.dash-chart-wrapper{flex:1 1 auto;min-height:220px}.dash-chart-legend{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-border, #f1f5f9)}.dash-legend-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ui-muted, #475569)}.dash-dot{width:9px;height:9px;border-radius:50%}.dash-dot-inflow{background:#10b981}.dash-dot-outflow{background:#ef4444}.dash-team-status-container{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.dash-accounts-section{background:var(--ui-surface, #ffffff);border:1px solid var(--ui-border, #e2e8f0);border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a,0 4px 10px -2px #00000005}.dash-accounts-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dash-section-title{font-size:18px;font-weight:800;color:var(--ui-text, #0f172a);letter-spacing:-.015em;line-height:1.25}.dash-section-subtitle{font-size:13px;color:var(--ui-muted, #64748b);margin-top:3px}.dash-add-account-action{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:8px;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa;font-size:12.5px;font-weight:650;cursor:pointer;transition:all .15s ease}.dash-add-account-action:hover{background:#ffedd5;border-color:#ea580c}:root[data-theme=dark] .dash-add-account-action{background:#ea580c26;color:#fb923c;border-color:#ea580c59}:root[data-theme=dark] .dash-add-account-action:hover{background:#ea580c40}.dash-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dash-account-card{display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px;background:var(--ui-surface-soft, #f8fafc);border:1px solid var(--ui-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dash-account-card:hover{transform:translateY(-2px);border-color:#ea580c;background:var(--ui-surface, #ffffff);box-shadow:0 8px 20px -4px #00000014}.dash-account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dash-account-identity{display:flex;align-items:center;gap:10px;min-width:0}.dash-account-icon-wrap{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.dash-account-icon-bank{background:#eff6ff;color:#2563eb}:root[data-theme=dark] .dash-account-icon-bank{background:#2563eb33;color:#60a5fa}.dash-account-icon-cash{background:#fffbeb;color:#d97706}:root[data-theme=dark] .dash-account-icon-cash{background:#d9770633;color:#fbbf24}.dash-account-icon-digital{background:#ecfdf5;color:#059669}:root[data-theme=dark] .dash-account-icon-digital{background:#05966933;color:#34d399}.dash-account-text{min-width:0}.dash-account-name{font-size:14px;font-weight:700;color:var(--ui-text, #0f172a);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-account-meta{font-size:11px;color:var(--ui-muted, #64748b);display:block;margin-top:2px}.dash-account-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:6px;flex-shrink:0}.dash-status-pill-active{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.2)}:root[data-theme=dark] .dash-status-pill-active{background:#05966933;color:#34d399}.dash-status-pill-inactive{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}:root[data-theme=dark] .dash-status-pill-inactive{background:#334155;color:#94a3b8;border-color:#475569}.dash-account-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;color:var(--ui-muted, #64748b);margin-top:8px}.dash-account-footer{margin-top:14px;padding-top:10px;border-top:1px solid var(--ui-border, #e2e8f0)}.dash-account-balance-label{display:block;font-size:10px;font-weight:700;color:var(--ui-muted, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.dash-account-balance-amount{display:block;font-size:16px;font-weight:800;margin-top:2px}.dash-amount-pos{color:#059669}:root[data-theme=dark] .dash-amount-pos{color:#34d399}.dash-amount-neg{color:#dc2626}:root[data-theme=dark] .dash-amount-neg{color:#f87171}.dash-accounts-empty-state{text-align:center;padding:36px 16px;color:var(--ui-muted, #64748b)}.dash-empty-account-icon{margin-bottom:8px;opacity:.5}@media(max-width:1200px){.dash-kpi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-analytics-row{grid-template-columns:1fr}}@media(max-width:768px){.main-dashboard-page{padding:16px}.dash-kpi-grid-4,.dash-kpi-grid-3{grid-template-columns:1fr;gap:12px}.dash-accounts-grid{grid-template-columns:1fr}.dash-panel-card,.dash-accounts-section{padding:16px}}.attendance-shared-header{padding:24px 28px 0;box-sizing:border-box}.attendance-shared-header .admin-attendance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.attendance-shared-header .attendance-section-nav.request-tabs{display:inline-flex;align-items:center;gap:4px;margin:0 0 4px;padding:4px;border:1px solid var(--ui-border, #e2e8f0);border-radius:10px;background:var(--ui-surface-soft, #f8fafc);max-width:100%;width:fit-content}.attendance-shared-header .attendance-section-nav.request-tabs button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:0;border-radius:7px;font-size:13px;font-weight:600;color:var(--ui-muted, #64748b);background:transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.attendance-shared-header .attendance-section-nav.request-tabs button svg{flex-shrink:0}.attendance-shared-header .attendance-section-nav.request-tabs button:hover:not(.active){color:var(--ui-text, #0f172a);background:var(--ui-surface, #ffffff)}.attendance-shared-header .attendance-section-nav.request-tabs button.active{color:#fff!important;background:#ea580c!important;box-shadow:0 2px 6px #ea580c40}:root[data-theme=dark] .attendance-shared-header .attendance-section-nav.request-tabs button.active{color:#fff!important;background:#f97316!important}.attendance-admin-wrapper>.content{padding-top:14px}@media(max-width:768px){.attendance-shared-header{padding:16px 16px 0}.attendance-admin-wrapper>.content{padding-top:12px}}.fin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.fin-page-header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.fin-page-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent);margin:0 0 2px}.fin-page-sub{font-size:13.5px;color:var(--ui-muted);margin:4px 0 0}.fin-page-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.fin-btn-primary{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:9px;font-size:13.5px;font-weight:600;color:#fff;background:var(--ui-accent);border:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,box-shadow .15s ease}.fin-btn-primary:hover{background:var(--ui-accent-deep);box-shadow:0 4px 14px #0000001f}.fin-btn-secondary{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.fin-btn-secondary:hover{background:var(--ui-surface-accent);border-color:var(--ui-accent)}.fin-btn-secondary>svg,.fin-detail-nav .btn-download>svg{color:var(--ui-accent)}.portal-back-button{margin-bottom:16px}.app-portal-label{display:flex;align-items:center;width:180px;max-width:100%;min-height:38px;flex-shrink:1;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.06em;color:var(--ui-accent);text-transform:uppercase}.app-topbar{height:60px;min-height:60px}@media(max-width:768px){.app-topbar,.client-app-layout .app-topbar,.employee-app-layout .app-topbar{padding-inline:12px}.app-topbar-left,.employee-app-layout .app-topbar-left{gap:6px}.app-portal-label{width:142px;font-size:11px;letter-spacing:.04em}}.fin-btn-secondary:focus-visible,.fin-btn-primary:focus-visible,.fin-tab:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.fin-back-button>svg{transition:transform .15s ease}.fin-back-button:hover>svg{transform:translate(-2px)}.fin-btn-secondary>svg,.fin-btn-primary>svg,.fin-tab>svg{flex-shrink:0}.fin-detail-nav .btn-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:500}.fin-detail-nav .icon-button{width:40px;height:40px;border-radius:9px}.fin-page-header-right{max-width:100%}.fin-tab-badge{flex-shrink:0;line-height:1}@media(prefers-reduced-motion:reduce){.fin-back-button>svg{transition:none}.fin-back-button:hover>svg{transform:none}}.fin-tabs-row{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:var(--ui-surface-soft);border:1px solid var(--ui-border);margin-bottom:28px}.fin-tab{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:8px;border:none;background:transparent;color:var(--ui-muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fin-tab:hover{color:var(--ui-text);background:var(--ui-surface-accent)}.fin-tab:not(.fin-tab-active)>svg{color:var(--ui-accent)}.fin-tab-active{background:var(--ui-accent);color:#fff;font-weight:600}.fin-tab-active:hover{background:var(--ui-accent-deep);color:#fff}.fin-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:11px;font-weight:700;background:#ffffff47;color:inherit}.fin-tab:not(.fin-tab-active) .fin-tab-badge{background:var(--ui-surface-accent);color:var(--ui-accent-deep)}.fin-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.fin-kpi-card{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:14px;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow)}.fin-kpi-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;border-radius:50%;flex-shrink:0}.fin-kpi-icon-accent{background:var(--ui-surface-accent);color:var(--ui-accent)}.fin-kpi-icon-success{background:#dcfce7;color:#16a34a}:root[data-theme=dark] .fin-kpi-icon-success{background:#4ade8024;color:#4ade80}.fin-kpi-icon-danger{background:#fee2e2;color:#dc2626}:root[data-theme=dark] .fin-kpi-icon-danger{background:#f8717124;color:#f87171}.fin-kpi-icon-muted{background:var(--ui-surface-soft);color:var(--ui-muted);border:1px solid var(--ui-border)}.fin-kpi-body{display:flex;flex-direction:column;gap:3px;min-width:0}.fin-kpi-label{font-size:12px;font-weight:600;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em}.fin-kpi-value{font-size:22px;font-weight:800;color:var(--ui-text);letter-spacing:-.025em;line-height:1.1}.fin-kpi-value-success{color:var(--fin-positive)}.fin-kpi-value-danger{color:var(--fin-negative)}.fin-kpi-value-muted{color:var(--ui-muted)}.fin-account-currency-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:28px;align-items:center;font-size:11px}.fin-account-currency-total{display:flex;flex-direction:column;min-width:0;line-height:14px;color:var(--ui-muted)}.fin-account-currency-total strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-account-currency-totals.is-single{display:flex}.fin-account-currency-totals.is-single .fin-account-currency-total{flex-direction:row;align-items:baseline;gap:6px;font-size:17px}.fin-account-currency-totals.is-single strong{font-size:20px}.fin-account-currency-more{position:relative;color:var(--ui-accent-deep)}.fin-account-currency-more summary{cursor:pointer;white-space:nowrap}.fin-account-currency-more>div{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:max-content;max-width:min(240px,70vw);padding:10px 12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.fin-account-currency-more p{margin:5px 0;color:var(--ui-text);overflow-wrap:anywhere}.fin-account-currency-more summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.payroll-currency-totals{display:flex;flex-wrap:wrap;gap:4px 12px;max-height:52px;overflow:auto;font-size:14px;color:var(--ui-text)}.payroll-list{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;box-shadow:var(--ui-shadow)}.payroll-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(100px,1fr)) auto;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ui-border)}.payroll-row:last-child{border-bottom:0}.payroll-row>div{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.payroll-row small{display:block;color:var(--ui-muted);font-size:12px}.payroll-row .payroll-employee{flex-direction:row;align-items:center;gap:12px}.payroll-employee .fin-acc-avatar{flex-shrink:0}.payroll-pending{color:var(--ui-accent-deep);background:var(--ui-surface-accent);align-self:flex-start}.payroll-link-toolbar{display:flex;justify-content:flex-end;margin:0 0 16px}.workspace-tabs,.workspace-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.workspace-toolbar .field-input{width:min(260px,100%)}.workspace-page .page-title{display:flex;align-items:center;gap:10px}.workspace-save-state{color:var(--ui-muted);font-size:13px}.workspace-page{container:workspace / inline-size}.workspace-sheet-layout{display:grid;grid-template-columns:minmax(0,1fr) 12px var(--workspace-calculator-width, 320px);align-items:stretch;gap:8px}.workspace-sheet-main{min-width:0}.workspace-sheet-main .workspace-grid{min-height:min(440px,65vh)}.workspace-calculator-divider{position:relative;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px}.workspace-calculator-divider:before{content:"";position:absolute;width:2px;height:44px;left:5px;top:calc(50% - 22px);border-radius:2px;background:var(--ui-border-strong)}.workspace-calculator-divider:hover:before,.workspace-calculator-divider:active:before{background:var(--ui-accent)}.workspace-calculator-divider:focus-visible{outline:2px solid var(--ui-accent);outline-offset:0}.workspace-selection-empty{display:flex;align-items:center;gap:14px;padding:24px;border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.workspace-selection-empty>svg{flex-shrink:0;width:28px;height:28px;color:var(--ui-accent)}.workspace-selection-empty h2,.workspace-calculator h2{margin:0;font-size:15px;color:var(--ui-text)}.workspace-selection-empty p{margin:5px 0 0;color:var(--ui-muted);font-size:13px}.workspace-back{margin-bottom:4px}.workspace-calculator{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;contain:size;overflow:auto;padding:16px;border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow);color:var(--ui-text)}.workspace-calculator-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px}.workspace-calculator h2{display:flex;align-items:center;gap:8px}.workspace-calculator h2 svg{color:var(--ui-accent)}.workspace-calculator-display{flex:0 0 auto;padding:12px;margin:14px 0;background:var(--ui-surface-soft);border-radius:8px;text-align:right}.workspace-calculator-expression{display:block;min-height:18px;font-size:12px;color:var(--ui-muted);overflow-wrap:anywhere}.workspace-calculator output{display:block;min-height:40px;font-size:clamp(26px,2.3vw,36px);font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.workspace-calculator output.workspace-calculator-result-error{font-size:16px}.workspace-calculator-keys{display:grid;flex:1 0 264px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(44px,1fr));gap:8px}.workspace-calculator-keys button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border:0;border-radius:8px;background:var(--ui-surface-soft);color:var(--ui-text);font:inherit;font-size:18px;cursor:pointer}.workspace-calculator-keys button:hover{background:var(--ui-surface-accent)}.workspace-calculator-keys button:active{filter:brightness(.94)}.workspace-calculator-keys .workspace-calculator-operator{color:var(--ui-accent)}.workspace-calculator-keys .workspace-calculator-equals,.workspace-calculator-keys .workspace-calculator-equals:hover{background:var(--ui-accent);color:var(--ui-on-accent, #fff)}.workspace-calculator-keys [aria-pressed=true]{background:var(--ui-surface-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}.workspace-calculator:focus-visible,.workspace-calculator button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.workspace-calculator-history-toggle,.workspace-calculator-history-heading button{display:inline-flex;align-items:center;gap:4px;border:0;padding:6px;border-radius:6px;color:var(--ui-muted);background:transparent;font:inherit;font-size:12px;cursor:pointer}.workspace-calculator-history-toggle:hover,.workspace-calculator-history-toggle[aria-expanded=true]{background:var(--ui-surface-accent);color:var(--ui-accent)}.workspace-calculator-history{position:absolute;z-index:3;top:52px;left:12px;right:12px;max-height:min(280px,calc(100% - 64px));overflow:auto;padding:12px;border-radius:10px;background:var(--ui-surface);box-shadow:var(--ui-shadow-hover)}.workspace-calculator-history-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.workspace-calculator-history-heading span{color:var(--ui-muted);font-weight:400}.workspace-calculator-history-heading button{color:var(--ui-danger)}.workspace-calculator-history button:disabled{opacity:.5;cursor:default}.workspace-calculator-history ol{list-style:none;padding:0;margin:8px 0 0}.workspace-calculator-history li button{display:block;width:100%;padding:9px 6px;border:0;border-radius:6px;color:var(--ui-text);background:transparent;text-align:right;font:inherit;cursor:pointer;overflow-wrap:anywhere}.workspace-calculator-history li button:hover{background:var(--ui-surface-soft)}.workspace-calculator-history li span{display:block;color:var(--ui-muted);font-size:12px;margin-bottom:3px}.workspace-calculator-history li strong{font-size:16px;font-variant-numeric:tabular-nums}.workspace-calculator-history>p{padding:16px 0;color:var(--ui-muted);font-size:12px;text-align:center}@media(max-width:1100px){.workspace-sheet-layout{grid-template-columns:minmax(0,1fr)}.workspace-calculator-divider{display:none}.workspace-calculator{width:min(100%,360px);min-height:440px;box-sizing:border-box;contain:none;overflow:visible}}@container workspace (max-width: 740px){.workspace-sheet-layout{grid-template-columns:minmax(0,1fr)}.workspace-calculator-divider{display:none}.workspace-calculator{width:min(100%,360px);min-height:440px;contain:none;overflow:visible}}.workspace-error{padding:12px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:10px}.workspace-error button{margin:4px}.workspace-grid{max-height:65vh;overflow:auto;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}.workspace-grid table{border-collapse:separate;border-spacing:0;table-layout:fixed}.workspace-grid th{background:var(--ui-surface-soft);color:var(--ui-muted);padding:8px;position:sticky;top:0;z-index:1;font-size:12px}.workspace-grid tbody th{left:0;top:auto}.workspace-grid td,.workspace-grid th{border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.workspace-grid td{padding:0;position:relative;vertical-align:top}.workspace-cell-measure,.workspace-grid textarea{box-sizing:border-box;padding:7px;font:inherit;font-size:13px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.workspace-cell-measure{visibility:hidden}.workspace-grid textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;resize:none;overflow:hidden;background:transparent;color:var(--ui-text)}.workspace-grid textarea:focus{outline:2px solid var(--ui-accent);outline-offset:-2px;background:var(--ui-surface-accent)}.workspace-grid textarea:disabled{opacity:.7}.workspace-resize{position:absolute;padding:0;border:0;background:transparent;touch-action:none;z-index:2}.workspace-resize:hover,.workspace-resize:focus-visible{background:var(--ui-accent)}.workspace-resize-widths{right:-3px;top:0;bottom:0;width:7px;cursor:col-resize}.workspace-resize-heights{left:0;right:0;bottom:-3px;height:7px;cursor:row-resize}.workspace-add{width:100%;min-height:28px;border:0;background:transparent;color:var(--ui-muted);cursor:pointer;font-size:20px}.workspace-add:hover:not(:disabled){color:var(--ui-accent);background:var(--ui-surface-accent)}.workspace-add:disabled{opacity:.4;cursor:default}.workspace-grid .workspace-add-row th{position:relative}.workspace-extension{background:var(--ui-surface-soft)}:root[data-theme=dark] .workspace-page .workspace-grid,:root[data-theme=dark] .workspace-page .workspace-error{background:var(--ui-surface);box-shadow:var(--ui-shadow)}:root[data-theme=dark] .workspace-page .workspace-toolbar .field-input,:root[data-theme=dark] .workspace-page .workspace-toolbar .fin-btn-secondary,:root[data-theme=dark] .workspace-page .workspace-tabs button{background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow)}:root[data-theme=dark] .workspace-page .workspace-toolbar .fin-btn-secondary:hover,:root[data-theme=dark] .workspace-page .workspace-tabs .fin-btn-secondary:hover{background:var(--ui-surface-hover);box-shadow:var(--ui-shadow-hover)}:root[data-theme=dark] .workspace-page .workspace-tabs .fin-btn-primary{background:var(--ui-accent);color:var(--ui-on-accent)}:root[data-theme=dark] .workspace-page .workspace-tabs .fin-btn-primary:hover{background:var(--ui-accent-hover)}:root[data-theme=dark] .workspace-page .workspace-toolbar .workspace-destructive:hover{color:var(--ui-danger);background:var(--ui-danger-soft)}:root[data-theme=dark] .workspace-page .workspace-toolbar .workspace-destructive>svg{color:var(--ui-danger)}:root[data-theme=dark] .workspace-page .workspace-toolbar .field-input:focus,:root[data-theme=dark] .workspace-page .workspace-toolbar button:focus-visible,:root[data-theme=dark] .workspace-page .workspace-tabs button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}:root[data-theme=dark] .workspace-page .workspace-grid td{background:var(--ui-surface)}:root[data-theme=dark] .workspace-page .workspace-grid th,:root[data-theme=dark] .workspace-page .workspace-grid .workspace-extension{background:var(--ui-surface-soft)}:root[data-theme=dark] .workspace-page .workspace-grid td,:root[data-theme=dark] .workspace-page .workspace-grid th{box-shadow:inset -1px 0 color-mix(in srgb,var(--ui-border) 45%,var(--ui-surface)),inset 0 -1px color-mix(in srgb,var(--ui-border) 45%,var(--ui-surface))}:root[data-theme=dark] .workspace-page .workspace-grid textarea:hover:not(:focus){background:var(--ui-surface-hover)}:root[data-theme=dark] .workspace-page .workspace-grid textarea:focus{outline:2px solid var(--ui-accent);outline-offset:-2px;background:var(--ui-surface-accent)}.payroll-link-modal{position:fixed;inset:0;margin:auto;height:fit-content;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow);overflow:auto}.payroll-link-modal::backdrop{background:#00000073}.payroll-link-modal h2{margin:0 0 12px;font-size:20px}.payroll-link-modal .field-label{display:grid;gap:8px;margin:16px 0}.payroll-link-options{display:grid;gap:8px;margin:16px 0;max-height:260px;overflow:auto}.payroll-link-option{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--ui-border);border-radius:10px;cursor:pointer}.payroll-link-option:has(input:checked){background:var(--ui-surface-accent)}.payroll-link-option span{min-width:0;overflow-wrap:anywhere}.payroll-link-option small{display:block;color:var(--ui-muted);margin-top:4px}.payroll-link-modal input{accent-color:var(--ui-accent);flex-shrink:0}.payroll-link-confirm{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:13px}.payroll-link-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.payroll-link-modal button:disabled{opacity:.55;cursor:not-allowed}.payroll-link-trigger{min-height:40px;box-shadow:var(--ui-shadow)}.payroll-link-header{padding:20px;border-bottom:1px solid var(--ui-border);display:flex;gap:12px;align-items:flex-start}.payroll-link-heading{display:flex;gap:12px;align-items:flex-start;flex:1;min-width:0}.payroll-link-icon{padding:10px;border-radius:10px;background:var(--ui-surface-accent);color:var(--ui-accent);display:flex}.payroll-link-header h2{font-size:18px;margin:0 0 5px}.payroll-link-header .page-sub{margin:0;font-size:12px}.payroll-link-close{padding:8px;min-height:34px}.payroll-link-body{padding:18px 20px}.payroll-link-period{display:flex;justify-content:space-between;padding:10px 12px;background:var(--ui-surface-soft);border-radius:8px;font-size:13px}.payroll-link-summary{display:grid;gap:4px;padding:12px;border:1px solid var(--ui-border);border-radius:10px}.payroll-link-summary>span,.payroll-link-summary small,.payroll-link-confirm small{color:var(--ui-muted);font-size:12px}.payroll-link-summary strong{font-size:20px}.payroll-link-confirm{margin:12px 0 0;padding:12px;border-radius:10px;background:var(--ui-surface-soft);line-height:1.5}.payroll-link-confirm small{display:block;margin-top:4px}.payroll-link-actions{padding:14px 20px;border-top:1px solid var(--ui-border);background:var(--ui-surface-soft)}@media(max-width:480px){.payroll-link-header,.payroll-link-body,.payroll-link-actions{padding:14px}.payroll-link-toolbar>button{width:100%}.payroll-link-actions>button{flex:1;justify-content:center}}@media(max-width:900px){.payroll-row{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-employee{grid-column:1 / -1}.payroll-row>button{justify-self:start}}@media(max-width:480px){.payroll-row{padding:16px;gap:12px}}.fin-kpi-sub{font-size:12px;color:var(--ui-muted);margin-top:1px}.fin-controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.fin-search-box{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);flex:1 1 300px;max-width:440px;transition:border-color .15s,box-shadow .15s}.fin-search-box:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 3px #ff7a1a1f}.fin-search-icon{color:var(--ui-muted);flex-shrink:0}.fin-search-input{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--ui-text);outline:none!important;width:100%}.fin-search-input::placeholder{color:var(--ui-muted)}.fin-sort-box{display:flex;align-items:center;gap:8px;flex-shrink:0}.fin-sort-label{font-size:13px;color:var(--ui-muted);font-weight:500;white-space:nowrap}.fin-accounts-table .fin-acc-cell{display:flex;align-items:center;gap:12px}.fin-acc-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--ui-surface-accent);color:var(--ui-accent-deep);font-size:14px;font-weight:800;flex-shrink:0}.fin-acc-name{font-size:13.5px;font-weight:600;color:var(--ui-text);line-height:1.2}.fin-acc-type{font-size:11.5px;color:var(--ui-muted);margin-top:2px}.fin-acc-identifier{font-family:JetBrains Mono,monospace,monospace;font-size:12.5px;color:var(--ui-text)}.fin-acc-balance{font-size:14px;font-weight:700;line-height:1.2}.fin-status-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.fin-status-active{background:var(--ui-surface-accent);color:var(--ui-accent-deep);border-color:color-mix(in srgb,var(--ui-accent) 30%,transparent)}.fin-status-inactive{background:var(--ui-surface-soft);color:var(--ui-muted);border-color:var(--ui-border)}.fin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.fin-action-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);cursor:pointer;white-space:nowrap;transition:all .12s ease}.fin-action-btn:hover{background:var(--ui-surface-soft);border-color:var(--ui-border-strong)}.fin-action-btn-danger{color:var(--fin-negative);border-color:color-mix(in srgb,var(--fin-negative) 30%,transparent)}.fin-action-btn-danger:hover{background:color-mix(in srgb,var(--fin-negative) 8%,transparent);border-color:color-mix(in srgb,var(--fin-negative) 50%,transparent)}@media(max-width:900px){.fin-kpi-row{grid-template-columns:1fr 1fr}.fin-page-header{flex-direction:column;align-items:stretch}.fin-page-header-right{justify-content:flex-start}}@media(max-width:600px){.fin-kpi-row{grid-template-columns:1fr}.fin-controls-row{flex-direction:column;align-items:stretch}.fin-search-box{max-width:100%}.fin-tabs-row{width:100%;justify-content:stretch}.fin-tab{flex:1;justify-content:center}}.cln-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.cln-search-box{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);flex:1 1 360px;transition:border-color .15s,box-shadow .15s}.cln-search-box:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 3px #ff7a1a1f}.cln-search-input{border:none;outline:none!important;background:transparent;font-size:13.5px;color:var(--ui-text);width:100%}.cln-search-input::placeholder{color:var(--ui-muted)}.cln-select{height:40px;padding:0 32px 0 14px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);color:var(--ui-text);font-size:13.5px;font-weight:500;outline:none;cursor:pointer;min-width:160px;transition:border-color .15s,box-shadow .15s}.cln-select:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px #ff7a1a1f}.cln-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 1px 4px #0000000a;overflow:hidden}.cln-table{width:100%;border-collapse:collapse;text-align:left}.cln-table th{padding:14px 18px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);border-bottom:1px solid var(--ui-border);background:var(--ui-surface-soft);white-space:nowrap}.cln-table td{padding:14px 18px;font-size:13.5px;color:var(--ui-text);border-bottom:1px solid var(--ui-border);vertical-align:middle}.cln-table tbody tr{transition:background-color .12s ease}.cln-table tbody tr:hover{background:var(--ui-surface-soft)}.cln-table tbody tr:last-child td{border-bottom:none}.cln-company-cell{display:flex;align-items:center;gap:12px}.cln-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border-radius:50%;background:var(--ui-surface-accent);color:var(--ui-accent-deep);font-size:15px;font-weight:700;flex-shrink:0}.cln-company-name{font-size:13.5px;font-weight:600;color:var(--ui-text);line-height:1.25}.cln-company-ntn{font-size:11.5px;color:var(--ui-muted);margin-top:2px}.cln-status-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.cln-status-badge.active{background:color-mix(in srgb,var(--fin-positive) 12%,transparent);color:var(--fin-positive);border:1px solid color-mix(in srgb,var(--fin-positive) 25%,transparent)}.cln-status-badge.inactive{background:var(--ui-surface-soft);color:var(--ui-muted);border:1px solid var(--ui-border)}.cln-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.cln-btn-edit{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);cursor:pointer;white-space:nowrap;transition:all .12s ease}.cln-btn-edit:hover{background:var(--ui-surface-soft);border-color:var(--ui-border-strong)}.cln-btn-delete{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--fin-negative);background:color-mix(in srgb,var(--fin-negative) 6%,transparent);border:1px solid color-mix(in srgb,var(--fin-negative) 25%,transparent);cursor:pointer;white-space:nowrap;transition:all .12s ease}.cln-btn-delete:hover{background:color-mix(in srgb,var(--fin-negative) 14%,transparent);border-color:color-mix(in srgb,var(--fin-negative) 40%,transparent)}.cln-btn-chevron{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--ui-accent);cursor:pointer;border-radius:6px;padding:0;transition:all .15s ease}.cln-btn-chevron:hover{color:var(--ui-accent-deep);background:var(--ui-surface-accent)}@media(max-width:768px){.cln-controls-row{flex-direction:column;align-items:stretch}.cln-search-box{max-width:100%}.cln-select{width:100%}}.email-modal-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#0000007a}.email-modal{width:min(600px,100%);max-height:90vh;overflow-y:auto;margin:0}.finance-invoice-toggle{background:#f9fafb;border:1.5px solid #E5E7EB}.finance-invoice-toggle.selected{background:#fff7ed;border-color:#fdba74}.finance-invoice-toggle-title{color:#374151}.finance-invoice-toggle.selected .finance-invoice-toggle-title{color:#92400e}.finance-invoice-toggle-description{color:var(--ui-muted)}.finance-invoice-toggle.selected .finance-invoice-toggle-description{color:var(--ui-accent-deep)}.finance-invoice-toggle:focus-within{outline:2px solid var(--ui-accent);outline-offset:2px}:root[data-theme=dark] .finance-invoice-toggle{background:var(--ui-surface-soft);border:1.5px solid var(--ui-border)!important}:root[data-theme=dark] .finance-invoice-toggle.selected{background:var(--ui-surface-accent);border-color:var(--ui-accent-deep)!important}:root[data-theme=dark] .finance-invoice-toggle:hover{border-color:var(--ui-accent)!important}:root[data-theme=dark] .finance-invoice-toggle-title{color:var(--ui-text)}.attendance-employee-profile>.admin-dashboard-card{padding:20px;margin-bottom:16px}.attendance-employee-profile .admin-attendance-progress-card{display:flex;align-items:center;gap:20px;padding:20px;min-width:0}.attendance-employee-profile .admin-attendance-progress-ring{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:50%}.attendance-employee-profile .admin-attendance-progress-ring>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:var(--ui-surface);color:var(--ui-text);font-size:16px;font-weight:700}.attendance-employee-profile .admin-attendance-progress-copy{display:grid;gap:6px;min-width:0}.attendance-employee-profile .admin-attendance-progress-copy>span{color:var(--ui-muted);font-size:12px;font-weight:700}.attendance-employee-profile .admin-attendance-progress-copy>strong{color:var(--ui-text);font-size:20px}.attendance-employee-profile .admin-attendance-progress-copy>small{color:var(--ui-muted);font-size:11px}.attendance-employee-profile .attendance-session{padding:12px 14px;box-shadow:none;border-radius:10px}.attendance-employee-profile .attendance-session-times{margin-top:10px;gap:10px}.attendance-employee-profile .attendance-breaks{margin-top:10px;padding:8px 10px;background:var(--ui-surface-soft);border-radius:6px}.admin-attendance-history{display:grid;gap:10px}.admin-attendance-history-day{background:var(--ui-surface-soft);border-radius:10px;padding:12px 14px}.admin-attendance-history-day>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--ui-text);font-size:13px}.admin-attendance-history-day>summary:after{content:"+";color:var(--ui-accent);font-size:18px}.admin-attendance-history-day[open]>summary:after{content:"−"}.admin-attendance-history-day>summary>span{color:var(--ui-muted);font-size:12px;margin-left:auto}.admin-attendance-history-day>.attendance-session-list{margin-top:12px;gap:8px}.admin-attendance-history-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:var(--ui-muted);font-size:12px}@media(max-width:600px){.attendance-employee-profile>.admin-dashboard-card{padding:16px}.attendance-employee-profile .admin-attendance-progress-card{padding:16px;gap:14px}.admin-attendance-history-day>summary{flex-wrap:wrap;gap:6px}.admin-attendance-history-day>summary>span{margin-left:0;flex:1 1 100%}.admin-attendance-history-pagination{flex-wrap:wrap;justify-content:center}}.my-payroll-page{display:grid;gap:16px;min-width:0}.my-payroll-page>.attendance-section-card{min-width:0}.my-payroll-page .page-title,.my-payroll-page h3{margin:0}.my-payroll-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.my-payroll-salary{display:grid;gap:10px}.my-payroll-net{display:grid;gap:6px}.my-payroll-net>span,.my-payroll-summary dt,.my-payroll-date,.my-payroll-history-title{display:flex;align-items:center;gap:7px}.my-payroll-net>span,.my-payroll-date{color:var(--ui-muted);font-size:.875rem}.my-payroll-net>strong{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.my-payroll-net svg,.my-payroll-history-title svg{color:var(--ui-accent)}.my-payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-top:16px;border-top:1px solid var(--ui-border)}.my-payroll-summary dt{color:var(--ui-muted);font-size:.875rem}.my-payroll-summary dd{margin:8px 0 0;font-weight:600;overflow-wrap:anywhere}.my-payroll-table{margin-top:16px}.my-payroll-table table{width:100%;border-collapse:collapse;text-align:left}.my-payroll-table th,.my-payroll-table td{padding:12px 10px;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}.my-payroll-table th{color:var(--ui-muted);font-size:.875rem}.my-payroll-table tbody tr:hover{background:var(--ui-surface-soft)}.my-payroll-amount{text-align:right;font-variant-numeric:tabular-nums}.my-payroll-page .fin-status-badge{display:inline-flex;align-items:center;gap:5px}.my-payroll-page .fin-status-active{background:var(--ui-success-soft);color:var(--ui-success);border-color:transparent}.my-payroll-review{display:block;color:var(--ui-accent-deep);font-size:.75rem;margin-top:4px}@media(max-width:600px){.my-payroll-summary{gap:12px}.my-payroll-summary dt{font-size:.75rem;flex-wrap:wrap}.my-payroll-summary dd{font-size:.875rem}.my-payroll-table table,.my-payroll-table tbody{display:block}.my-payroll-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.my-payroll-table tr{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--ui-border)}.my-payroll-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:0;text-align:right;flex-wrap:wrap}.my-payroll-table td:before{content:attr(data-label);color:var(--ui-muted);font-size:.8125rem;text-align:left}}.payroll-advance-selector{grid-column:1 / -1;padding:12px;border-radius:10px;background:var(--ui-surface-soft)}.payroll-advance-options{max-height:220px;overflow:auto;margin-top:10px}.payroll-advance-options label{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer}.payroll-advance-options label:hover{background:var(--ui-surface)}.payroll-advance-options label.is-selected{background:var(--ui-surface-accent);box-shadow:inset 3px 0 var(--ui-accent)}.payroll-advance-options input,.payroll-advance-confirm input{accent-color:var(--ui-accent);flex-shrink:0}.payroll-advance-options strong{font-variant-numeric:tabular-nums;white-space:nowrap}.payroll-advance-options label>span{flex:1;min-width:0;overflow-wrap:anywhere}.payroll-advance-options small{display:block;color:var(--ui-muted)}.payroll-advance-totals{display:grid;gap:6px;margin-top:12px;font-variant-numeric:tabular-nums}.payroll-advance-confirm{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.payroll-advance-breakdown{min-width:0;margin-top:8px;font-size:12px}.payroll-advance-breakdown summary{color:var(--ui-accent-deep);cursor:pointer}.payroll-advance-breakdown ul{padding:0;list-style:none;margin:8px 0}.payroll-advance-breakdown li{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.payroll-settlement-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-variant-numeric:tabular-nums}.payroll-settlement-line>span{color:var(--ui-muted)}.payroll-settlement-line>strong{text-align:right}.payroll-advance-totals .payroll-settlement-line:last-child{padding-top:12px;font-size:1.1rem}.payroll-advance-totals .payroll-settlement-line:last-child>span{color:var(--ui-text);font-weight:600}.my-payroll-breakdown-title{margin:16px 0 8px;color:var(--ui-muted);font-size:.8125rem}.my-payroll-salary .payroll-advance-breakdown{padding:12px;background:var(--ui-surface-soft);border-radius:10px;font-size:.875rem}.payroll-advance-breakdown li{padding:6px 0;font-variant-numeric:tabular-nums}.my-payroll-salary .my-payroll-net{margin-top:16px}.admin-layout .app-sidebar{transition:width .18s ease,transform .25s ease}.admin-layout .app-main-wrapper{transition:margin-left .18s ease;min-width:0}.admin-layout .app-sidebar-brand{padding-right:38px}.admin-layout .app-sidebar-brand-text{white-space:nowrap}.admin-layout .app-sidebar-brand{gap:10px;padding-inline:12px 36px}.admin-layout .admin-expanded-logo{width:38px;height:38px}.admin-layout .app-sidebar-brand-name{font-size:17px;font-weight:750;color:var(--ui-accent);line-height:1.2}.admin-brand-expand,.admin-rail-expand-icon{display:none}.fin-page-header-left>.fin-back-button{width:fit-content;align-self:flex-start}.admin-sidebar-collapse{position:absolute;top:19px;right:8px;width:26px;height:26px;padding:4px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--ui-surface-soft);color:var(--ui-muted);cursor:pointer;opacity:0;transition:opacity .15s ease}.admin-layout .app-sidebar:hover .admin-sidebar-collapse,.admin-sidebar-collapse:focus-visible,.admin-layout .app-sidebar:focus-within .admin-sidebar-collapse{opacity:1}.admin-group-nav{gap:10px}.admin-nav-group{position:relative}.admin-nav-group-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;min-height:40px;border:0;background:transparent;color:var(--ui-muted);text-align:left;cursor:pointer;border-radius:8px}.admin-nav-group-toggle>span{flex:1;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.admin-nav-group-toggle:hover{background:var(--ui-surface-soft);color:var(--ui-text)}.admin-layout:not(.sidebar-collapsed) .contains-active>.admin-nav-group-toggle{color:var(--ui-accent-deep)}.admin-nav-group-toggle>svg:last-child{transition:transform .15s ease}.admin-nav-group-toggle>svg.expanded{transform:rotate(180deg)}.admin-nav-children{display:none;padding-left:8px}.admin-nav-children.is-open{display:grid;gap:3px;animation:admin-nav-reveal .12s ease}.admin-flyout-title{display:none}.admin-group-nav button:focus-visible,.admin-sidebar-collapse:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}@keyframes admin-nav-reveal{0%{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(min-width:993px){.admin-layout.sidebar-collapsed .app-sidebar{width:72px}.admin-layout.sidebar-collapsed .app-main-wrapper{margin-left:72px}.admin-layout.sidebar-collapsed .app-sidebar-inner{overflow:visible}.admin-layout.sidebar-collapsed .app-sidebar-brand{padding:8px;height:64px;justify-content:center;align-items:center}.admin-layout.sidebar-collapsed .app-sidebar-logo{width:34px;height:34px}.admin-layout.sidebar-collapsed .app-sidebar-brand-text,.admin-layout.sidebar-collapsed .admin-sidebar-collapse,.admin-layout.sidebar-collapsed .admin-expanded-logo{display:none}.admin-layout.sidebar-collapsed .admin-brand-expand{display:grid;place-items:center;width:40px;height:40px;padding:3px;border:0;border-radius:7px;background:transparent;color:var(--ui-muted);cursor:pointer}.admin-rail-logo{width:34px;height:34px;object-fit:contain}.admin-brand-expand:is(:hover,:focus-visible) .admin-rail-logo{display:none}.admin-brand-expand:is(:hover,:focus-visible) .admin-rail-expand-icon{display:block;animation:admin-nav-reveal .1s ease}.admin-brand-expand:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.admin-layout.sidebar-collapsed .admin-group-nav{padding:8px;overflow:visible}.admin-layout.sidebar-collapsed .admin-group-nav>.app-sidebar-item{justify-content:center;padding:12px}.admin-layout.sidebar-collapsed .admin-group-nav>.app-sidebar-item>span:not(.app-sidebar-icon){display:none}.admin-layout.sidebar-collapsed .admin-nav-group-toggle{justify-content:center;padding:12px}.admin-layout.sidebar-collapsed .admin-nav-group-toggle>span,.admin-layout.sidebar-collapsed .admin-nav-group-toggle>svg:last-child{display:none}.admin-layout.sidebar-collapsed .contains-active>.admin-nav-group-toggle{color:var(--ui-accent-deep);background:var(--ui-surface-accent)}.admin-layout.sidebar-collapsed .admin-nav-children{display:none;position:absolute;top:0;left:calc(100% + 4px);width:220px;padding:8px;background:var(--ui-surface);border-radius:10px;box-shadow:var(--ui-shadow);z-index:110}.admin-layout.sidebar-collapsed .flyout-open .admin-nav-children{display:grid;gap:3px}.admin-layout.sidebar-collapsed .admin-flyout-title{display:block;padding:8px 12px;font-size:11px;font-weight:700;color:var(--ui-muted)}.admin-layout.sidebar-collapsed .app-sidebar-footer{padding:12px 8px}.admin-layout.sidebar-collapsed .app-sidebar-footer button{justify-content:center;padding:12px}.admin-layout.sidebar-collapsed .app-sidebar-footer button>span:not(.app-sidebar-icon){display:none}}@media(max-width:992px){.admin-sidebar-collapse{display:none}.admin-layout .contains-active>.admin-nav-group-toggle{color:var(--ui-accent-deep)}}@media(hover:none){.admin-sidebar-collapse{opacity:1}}@media(prefers-reduced-motion:reduce){.admin-layout .app-sidebar,.admin-layout .app-main-wrapper,.admin-nav-group-toggle>svg:last-child{transition:none}.admin-nav-children.is-open{animation:none}}.company-readonly [data-company-write=true]{display:none}.payroll-page .fin-page-header{margin-bottom:16px}.payroll-page .fin-kpi-row{margin-bottom:20px}.payroll-payment-section{margin:0 0 20px;border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow);overflow:hidden}.payroll-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}.payroll-section-head h2{margin:0;color:var(--ui-text);font-size:16px;font-weight:700}.payroll-section-head p,.payroll-section-head>span{margin:4px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.5}.payroll-page .payroll-list{border:0;border-radius:0;box-shadow:none}.payroll-page .payroll-row{grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(120px,.85fr) minmax(140px,1fr) auto;padding:16px 20px;border-top:1px solid var(--ui-border);border-bottom:0}.payroll-page .payroll-row>*{min-width:0}.payroll-page .payroll-row>div>strong{color:var(--ui-text);font-size:15px;font-variant-numeric:tabular-nums}.payroll-page .fin-status-badge{align-self:flex-start;width:fit-content}.payroll-page .payroll-payment-reference{overflow-wrap:anywhere}.payroll-empty-state{display:flex;align-items:center;gap:12px;padding:18px 20px;margin:0;color:var(--ui-muted);font-size:13px;background:var(--ui-surface-soft)}.payroll-empty-state>svg{flex:0 0 auto;color:var(--ui-accent)}.payroll-empty-state strong,.payroll-empty-state span{display:block}.payroll-empty-state strong{color:var(--ui-text);font-size:13px;font-weight:600}.payroll-empty-state span{margin-top:3px;font-size:12px}.ui-badge-on-hold{color:var(--ui-warning);background:var(--ui-warning-soft)}.attendance-directory-row>.attendance-status,.attendance-directory-row>.ui-badge{justify-self:start}.attendance-directory-person>.ui-badge{font-size:9px;padding:4px 7px}.attendance-directory-row>strong{font-variant-numeric:tabular-nums}.attendance-directory-row.attendance-directory-inactive{opacity:1;background:var(--ui-surface-soft)}@media(max-width:1100px){.payroll-page .payroll-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.payroll-page .payroll-employee{grid-column:1 / -1}.payroll-page .payroll-row>button{justify-self:start}}@media(max-width:480px){.payroll-section-head{align-items:flex-start;flex-direction:column;padding:14px 16px;gap:4px}.payroll-page .payroll-row,.payroll-empty-state{padding:14px 16px}.payroll-page .payroll-row>button{grid-column:1 / -1}}.initiative-ui{min-width:0}.initiative-ui .form-card{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:var(--ui-shadow);margin-bottom:20px}.initiative-ui .form-title{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.initiative-ui .form-title>svg{color:var(--ui-accent);flex-shrink:0;width:18px;height:18px}.initiative-ui .field-help,.initiative-ui .page-sub{color:var(--ui-muted);margin:6px 0 0;line-height:1.5}.initiative-ui .btn-primary,.initiative-ui .btn-sm{width:auto;flex:0 0 auto;margin-top:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.initiative-ui .btn-sm>svg{width:15px;height:15px}.initiative-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.initiative-page-heading>div{min-width:0}.initiative-page-heading .attendance-kicker,.initiative-profile .attendance-kicker{margin:0 0 5px}.initiative-page-heading .page-title{margin:0}.initiative-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 20px}.initiative-toolbar .field-label{flex:0 1 240px;margin:0;min-width:0}.initiative-toolbar .field-label:has(input[type=date]){flex-basis:190px}.initiative-toolbar>.btn-sm{min-height:40px;margin-bottom:0}.initiative-result-count{color:var(--ui-muted);font-size:13px;margin-left:auto;padding-bottom:11px}.initiative-card-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.initiative-card-heading>div{min-width:0}.initiative-card-heading h3,.initiative-form>h3{margin:0;font-size:16px}.initiative-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.initiative-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.initiative-ui .field-label{display:flex;flex-direction:column;gap:7px;margin:0;font-size:13px;font-weight:600;color:var(--ui-text-secondary)}.initiative-ui .field-input{width:100%;min-width:0;margin:0;font-weight:400}.initiative-form>h3{margin-bottom:17px}.initiative-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}.initiative-check{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:18px;color:var(--ui-text-secondary)}.initiative-check input{accent-color:var(--ui-accent)}.initiative-directory{padding:0;overflow:hidden}.initiative-ui .table-scroll{position:relative;max-width:100%;overflow-x:auto}.initiative-table{width:100%;margin:0;box-shadow:none}.initiative-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ui-muted);padding:14px 18px;white-space:nowrap}.initiative-table td{padding:16px 18px;font-size:14px;vertical-align:middle}.initiative-table td strong{font-weight:600}.initiative-table td small{display:block;margin-top:4px;font-size:12px;color:var(--ui-muted);overflow-wrap:anywhere}.initiative-table tbody tr:hover{background:var(--ui-surface-hover)}.initiative-table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.initiative-row-action{text-align:right;white-space:nowrap}.initiative-person{display:flex;align-items:center;gap:12px;min-width:200px}.initiative-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent);font-weight:700;font-size:14px}.initiative-profile .initiative-avatar{width:58px;height:58px;font-size:21px}.initiative-profile{align-items:center;flex-wrap:wrap}.initiative-profile .employee-profile-identity{min-width:0}.initiative-profile .employee-profile-identity>div{min-width:0}.initiative-profile .page-title,.initiative-profile .page-sub{overflow-wrap:anywhere}.initiative-contact{color:var(--ui-muted);font-size:12px;margin:6px 0 0;overflow-wrap:anywhere}.initiative-back{margin-bottom:18px!important}.initiative-capsule{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:650;line-height:1.3;background:var(--ui-surface-soft);color:var(--ui-muted);white-space:nowrap;text-transform:capitalize}.initiative-capsule.tone-success{background:var(--ui-success-soft);color:var(--ui-success)}.initiative-capsule.tone-warning{background:var(--ui-warning-soft);color:var(--ui-warning)}.initiative-capsule.tone-info{background:var(--ui-info-soft);color:var(--ui-info)}.initiative-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 20px}.initiative-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:22px 0 0}.initiative-details dt{color:var(--ui-muted);font-size:12px;margin-bottom:7px}.initiative-details dd{font-size:14px;font-weight:500;margin:0;overflow-wrap:anywhere}.initiative-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.initiative-summary>div{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;border-radius:13px;padding:19px;background:var(--ui-surface);box-shadow:var(--ui-shadow);border:1px solid var(--ui-border);min-width:0}.initiative-summary svg{grid-row:span 2;color:var(--ui-accent);width:20px;height:20px}.initiative-summary span{font-size:12px;color:var(--ui-muted)}.initiative-summary strong{font-size:19px;line-height:1.3;overflow-wrap:anywhere}.initiative-batch-context{font-size:13px;color:var(--ui-muted)}.student-portal .student-attendance-card-wrap{max-width:none;padding-bottom:0}.initiative-session-details{margin-top:8px;font-size:12px;color:var(--ui-muted)}.initiative-session-details summary{cursor:pointer;color:var(--ui-accent)}.initiative-session-details>div{padding-block:8px}.initiative-ui .initiative-danger{color:var(--ui-danger);border-color:var(--ui-danger)}.initiative-empty{padding:34px 18px;text-align:center;color:var(--ui-muted)}.initiative-empty>svg{width:26px;height:26px;color:var(--ui-accent)}.initiative-empty h3{font-size:15px;font-weight:600;color:var(--ui-text);margin:12px 0 5px}.initiative-empty p{margin:0;font-size:13px}.initiative-empty-inline{font-size:13px;color:var(--ui-muted);padding:12px 0}.initiative-settings>.initiative-card-heading{margin-top:20px}.initiative-management-title{display:flex;align-items:center;gap:12px}.initiative-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--ui-accent-soft);color:var(--ui-accent);width:40px;height:40px;border-radius:11px;flex-shrink:0}.initiative-mark svg{width:21px;height:21px}.initiative-batch-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--ui-border)}.initiative-batch-row>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px}.initiative-batch-form{display:flex;align-items:flex-end;gap:10px;margin-top:15px}.initiative-batch-form .field-label{flex:1;max-width:360px;margin:0}.initiative-batch-form button{min-height:40px}.initiative-notice{display:flex;align-items:center;gap:9px;color:var(--ui-muted);font-size:13px;background:var(--ui-surface-soft);padding:12px 16px;border-radius:10px;margin-bottom:20px}.initiative-enrollment-filter{width:280px;flex:0 1 280px;margin:0}.student-portal .app-sidebar-brand-text{min-width:0}.student-portal .content{width:100%;min-width:0}.student-portal .applications-page{padding:0}.student-portal .app-sidebar-brand-name{color:var(--ui-accent);white-space:nowrap}.student-portal .app-sidebar-brand-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.initiative-user-chip{font-size:13px;color:var(--ui-text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initiative-drawer-close{display:none}.initiative-ui .initiative-nowrap{white-space:nowrap}.initiative-dialog{margin:auto;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow)}.initiative-dialog::backdrop{background:color-mix(in srgb,var(--ui-text) 40%,transparent)}.initiative-dialog p{font-size:14px;line-height:1.6;color:var(--ui-muted);margin-bottom:20px}.initiative-dialog .error-text{color:var(--ui-danger)}@media(max-width:1100px){.initiative-table th,.initiative-table td{padding-inline:14px}.initiative-profile{align-items:flex-start}}@media(max-width:992px){.initiative-drawer-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;background:transparent;color:var(--ui-muted);padding:5px;margin-left:auto}.student-portal .app-sidebar-brand-sub{max-width:130px}}@media(max-width:700px){.initiative-page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.initiative-page-heading>.btn-primary{margin-left:auto}.initiative-enrollment-filter{width:100%;flex-basis:100%}.initiative-form-grid,.initiative-details{grid-template-columns:minmax(0,1fr)}.initiative-toolbar .field-label{flex:1 1 150px}.initiative-result-count{margin-left:0}.initiative-ui .form-card{padding:17px}.initiative-ui .initiative-directory{padding:0}.initiative-summary{gap:8px}.initiative-summary>div{grid-template-columns:1fr;padding:13px 11px;gap:6px;align-content:start}.initiative-summary svg{grid-row:auto}.initiative-summary strong{font-size:16px}.initiative-summary span{font-size:11px}.initiative-table{min-width:580px}.initiative-history .initiative-table{min-width:450px}.initiative-batch-row{align-items:flex-start}.initiative-batch-form{flex-wrap:wrap}.initiative-batch-form .field-label{flex-basis:100%;max-width:none}.initiative-card-heading{align-items:flex-start}.initiative-user-chip{display:none}.initiative-profile .employee-profile-identity{align-items:flex-start}.initiative-profile .initiative-avatar{width:45px;height:45px;font-size:16px}.initiative-history .initiative-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.initiative-history .initiative-toolbar>button{grid-column:1 / -1;justify-self:end}}