/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (max-width:800px){.login-page{grid-template-columns:1fr!important}.login-aside{display:none!important}.login-panel{align-items:start;min-height:100vh;padding:22px!important}.login-mobile-brand{align-items:center;gap:10px;margin:18px 0 34px;display:flex!important}.login-form h2{font-size:24px}.demo-accounts>button{min-height:54px}.form-grid{grid-template-columns:1fr!important}.modal-backdrop{align-items:end!important;padding:0!important}.modal{max-height:92vh;overflow:auto;border-radius:18px 18px 0 0!important;width:100%!important;padding:22px 18px!important}.modal input,.modal select,.modal textarea{min-height:46px;font-size:16px!important}.modal-actions{background:#fff;padding:12px 0 4px;position:sticky;bottom:-22px}.modal-actions button{flex:1;min-height:44px}.employee-card{min-height:142px;text-align:left!important;padding-left:82px!important}.employee-card .large{position:absolute;top:18px;left:16px}.employee-card>button{padding:8px;font-size:16px}.employee-card>div:not(.person-avatar){gap:10px;justify-content:flex-start!important}.holiday-row{min-height:68px}.holiday-row>button{padding:10px;font-size:18px}.topbar{height:58px!important}.role-chip{display:none}.content{padding-top:18px!important}.primary.compact{min-height:40px}.settings-card{padding:18px!important}.table-wrap{margin-inline:-18px;padding-inline:18px}.request{flex-wrap:wrap;align-items:flex-start!important}.request-dates{margin-left:39px!important}.request>.badge{margin-left:auto}}:root{--ink:#172039;--muted:#758096;--line:#e8ebef;--canvas:#f7f8fa;--navy:#17233d;--mint:#44b99a;--mint-light:#e8f7f2;--blue:#5f7de7;--amber:#eba94c;--coral:#ee796d;--purple:#896fe7}*{box-sizing:border-box}body,html{background:var(--canvas)}body{color:var(--ink);font-family:var(--font-geist-sans),Inter,system-ui,sans-serif;margin:0;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:246px;padding:24px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:11px;padding:0 10px 22px;display:flex}.brand-mark{background:var(--navy);border-radius:8px;justify-content:center;align-items:flex-end;gap:3px;width:29px;height:29px;padding:7px;display:flex}.brand-mark i{background:#fff;border-radius:4px;width:3px;display:block;transform:rotate(30deg)}.brand-mark i:first-child{opacity:.7;height:8px}.brand-mark i:nth-child(2){background:#67ddbc;height:15px}.brand-mark i:nth-child(3){height:11px}.brand b{letter-spacing:.4px;font-size:15px}.brand small{color:var(--mint);margin-left:5px;font-size:15px;font-weight:650}.workspace{border:1px solid var(--line);border-radius:11px;align-items:center;gap:9px;margin-bottom:20px;padding:10px;display:flex}.user-card div,.workspace div{flex-direction:column;min-width:0;display:flex}.user-card b,.workspace b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-card small,.workspace small{color:var(--muted);margin-top:2px;font-size:10px}.avatar{color:#2f5b99;background:#dce8fc;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.company{background:var(--navy);color:#fff;border-radius:8px}.chevron{color:#9aa2af;margin-left:auto}.nav-label{letter-spacing:1.2px;color:#a2a9b5;margin:8px 10px;font-size:9px}.nav-item{color:#697287;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:42px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:550;display:flex}.nav-item>span{text-align:center;color:#8f98a8;width:18px;font-size:16px}.nav-item:hover{color:var(--ink);background:#f5f7f9}.nav-item.active{color:#238e72;background:#edf8f5;font-weight:650}.nav-item.active>span{color:#30a989}.nav-item em{color:#b94f49;background:#f0d8d5;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.sidebar-bottom{margin-top:auto}.help-card,.user-card{align-items:center;gap:9px;display:flex}.help-card{background:#f6f8fa;border-radius:10px;margin:0 2px 12px;padding:11px}.help-card>span:first-child{border:1px solid var(--line);color:#718096;background:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.help-card>span:last-child{margin-left:auto}.help-card div{flex-direction:column;display:flex}.help-card b{font-size:10px}.help-card small{color:var(--muted);margin-top:3px;font-size:9px}.user-card{border-top:1px solid var(--line);padding:12px 8px 0}.user-card button{color:#8c95a3;background:0 0;border:0;margin-left:auto}.app-shell>main{width:calc(100% - 246px);min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;height:68px;padding:0 28px;position:sticky;top:0}.search,.topbar{align-items:center;display:flex}.search{color:#8b94a3;gap:8px;width:min(450px,48vw);height:37px}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search kbd{color:#9aa2ae;border:1px solid var(--line);background:#f8f9fb;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.top-actions select{border:1px solid var(--line);color:#657086;background:#fff;border-radius:8px;padding:7px 28px 7px 10px;font-size:11px}.icon-button{color:#748094;background:0 0;border:0;font-size:18px;position:relative}.icon-button i{background:#e86e67;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:1px}.mini{width:30px;height:30px}.mobile-menu{background:0 0;border:0;font-size:20px;display:none}.content{max-width:1480px;margin:auto;padding:31px 34px 60px}.page-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-heading .eyebrow{letter-spacing:1.35px;color:#9aa2af;margin:0 0 8px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.65px;margin:0 0 7px;font-size:27px;font-weight:720;line-height:1.15}.page-heading h1 span{font-size:23px}.page-heading>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.weather{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 13px;display:flex;box-shadow:0 3px 12px #1c263c08}.weather>span{font-size:21px}.weather div{flex-direction:column;display:flex}.weather b{font-size:12px}.weather small{color:var(--muted);margin-top:2px;font-size:9px}.attendance-hero{color:#fff;background:linear-gradient(122deg,#17243d,#202e49 70%,#1d3947);border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 18px 40px #17233d21}.hero-head{letter-spacing:1.2px;color:#bdc6d5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:17px 22px;font-size:9px;display:flex}.live-dot{background:#52d6ac;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #52d6ac1a}.status-pill{letter-spacing:0;text-transform:none;color:#ffd68e;background:#ffc9691a;border-radius:30px;padding:5px 9px;font-size:10px}.status-pill.complete,.status-pill.live{color:#7ee6c4;background:#52d6ac1a}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);display:grid}.hero-main{padding:24px 26px 18px}.hero-main>p:first-child{color:#d2d8e2;margin:0 0 14px;font-size:12px}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode{color:#fff;text-align:left;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:12px;transition:all .2s;display:flex}.mode:hover{background:#ffffff14}.mode.active{background:#47c29f1a;border-color:#56d0ad;box-shadow:inset 0 0 0 1px #47c29f26}.mode>span{background:#ffffff12;border-radius:8px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.mode div{flex-direction:column;min-width:0;display:flex}.mode b{white-space:nowrap;font-size:11px}.mode small{color:#aeb8c8;white-space:nowrap;margin-top:3px;font-size:8px}.mode>i{background:var(--mint);border-radius:50%;place-items:center;width:16px;height:16px;margin-left:auto;font-size:8px;font-style:normal;display:grid}.check{justify-content:center;align-items:center;gap:9px;width:100%;height:54px;margin-top:14px;display:flex;position:relative;color:#102a28!important;background:#51c6a5!important;border-radius:10px!important}.check>small{color:#2c735f;font-size:8px;position:absolute;right:15px}.check.checkout{color:#3c2c17!important;background:#f6b765!important}.check.done{color:#356156!important;background:#dce7e4!important}.pulse-ring{font-size:17px}.helper{text-align:center;color:#9ba8ba;margin:9px 0 0;font-size:8px}.time-card{border-left:1px solid #ffffff14;padding:22px 28px}.clock-face,.time-card{flex-direction:column;justify-content:center;display:flex}.clock-face{background:radial-gradient(circle at center,#1f2e49 61%,transparent 62%),conic-gradient(#51c6a5 0 58%,#ffffff14 58%);border-radius:50%;align-self:center;align-items:center;width:116px;height:116px;margin-bottom:19px;box-shadow:0 0 22px #49c8a512}.clock-face span{letter-spacing:-.5px;font-size:20px;font-weight:650}.clock-face small{color:#9daabd;margin-top:4px;font-size:8px}.time-row{align-items:center;gap:9px;padding:5px 0;display:flex}.time-icon{color:#62d7b6;background:#50cda91f;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.time-icon.coral{color:#ed8c83;background:#ee796d1f}.time-row div{flex-direction:column;display:flex}.time-row small{letter-spacing:.8px;color:#8f9caf;font-size:7px}.time-row b{margin-top:2px;font-size:11px}.time-line{border-left:1px dashed #48556b;height:13px;margin-left:13px}.dashboard-grid{grid-template-columns:1.4fr 1fr 1fr;gap:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 4px 14px #16223606}.holidays,.leave-card,.week-card{padding:18px}.card-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title h3{margin:0;font-size:13px}.card-title button{color:#4d9d88;background:0 0;border:0;font-size:9px;font-weight:600}.card-title button span{margin-left:3px}.week-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-bottom:14px;display:grid}.week-stats>div{border-right:1px solid var(--line);flex-direction:column;padding-left:14px;display:flex}.week-stats>div:first-child{padding-left:0}.week-stats>div:last-child{border:0}.week-stats b{letter-spacing:-.4px;font-size:18px}.week-stats b span{color:#a2a9b5;font-size:11px}.week-stats small{color:var(--muted);margin-top:3px;font-size:8px}.week-bars{justify-content:space-around;align-items:flex-end;height:116px;padding-top:16px;display:flex}.week-bars>div{color:#7d8798;flex-direction:column;align-items:center;gap:6px;height:100%;font-size:8px;display:flex}.week-bars>div>i{background:#eef0f3;border-radius:8px;align-items:flex-end;width:11px;height:75px;display:flex;overflow:hidden}.week-bars em{border-radius:8px;width:100%;display:block}.office{background:#4cc4a2!important}.wfh{background:#6e85df!important}.today{background:#f0ac55!important}.legend,.week-bars small{font-size:7px}.legend{color:#8b94a4;justify-content:center;gap:14px;margin-top:8px;display:flex}.cal-legend i,.legend i{border-radius:2px;width:6px;height:6px;margin-right:4px;display:inline-block}.leave-balance{grid-template-columns:112px 1fr;align-items:center;gap:18px;display:grid}.donut{background:radial-gradient(circle at center,white 60%,transparent 61%),conic-gradient(#54c3a4 0 68%,#eef1f3 68%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.donut b{font-size:23px}.donut small{color:var(--muted);font-size:8px}.balance{margin:9px 0}.balance>div{justify-content:space-between;display:flex}.balance div b,.balance>div{font-size:8px}.balance>i{background:#edf0f2;border-radius:4px;height:4px;margin-top:5px;display:block;overflow:hidden}.balance em{width:68%;height:100%;display:block}.mint{background:var(--mint)!important}.amber{background:var(--amber)!important}.blue{background:var(--blue)!important}.red{background:var(--coral)!important}.gray{background:#a4acb8!important}.secondary{border:1px solid var(--line);color:#536076;background:#fff;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:600}.full{width:100%;margin-top:16px}.holiday{border-bottom:1px solid #f0f1f3;align-items:center;gap:10px;padding:10px 0;display:flex}.holiday:last-child{border:0}.date-box{color:#bf7924;background:#fff5e8;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:40px;height:42px;display:flex!important}.date-box.green{color:#288e73;background:#e9f7f1}.date-box.blue{color:#5a72c5;background:#eef2fc}.date-box b{font-size:14px}.date-box small{font-size:7px}.holiday>div{flex-direction:column;display:flex}.holiday>div b{font-size:10px}.holiday>div small{color:var(--muted);margin-top:3px;font-size:8px}.holiday>span:last-child{color:#9ca4b0;margin-left:auto}.primary{background:var(--navy);color:#fff;border:0;border-radius:8px;font-weight:650}.compact{height:37px;padding:0 15px;font-size:10px}.admin-heading{align-items:flex-end}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;column-gap:9px;padding:15px;display:grid}.kpi-icon{color:#667ad0;background:#eef2fc;border-radius:9px;grid-row:1/4;place-items:center;width:32px;height:32px;display:grid}.kpi small{color:var(--muted);font-size:8px}.kpi b{margin-top:4px;font-size:20px;line-height:1.1}.kpi em{color:#8e97a6;margin-top:3px;font-size:7px;font-style:normal}.k1{color:#279276;background:#eaf8f3}.k2{color:#5971c6;background:#edf2fb}.k3{color:#775fc7;background:#f1edfc}.k4{color:#c78127;background:#fff5e8}.k5{color:#c85c55;background:#fdeeed}.admin-columns{grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px;display:grid}.admin-columns.lower{grid-template-columns:1.4fr .8fr}.admin-columns.lower>.card,.attendance-card,.exceptions{padding:18px}.mini-filters{gap:8px;margin-bottom:8px;display:flex}.mini-filters button,.section-tabs button{color:#8490a2;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:9px}.mini-filters button.active,.section-tabs button.active{color:#319377;background:#edf7f4;font-weight:650}.mini-filters b{background:#edf0f3;border-radius:10px;margin-left:3px;padding:2px 5px;font-size:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:9px}th{color:#929baa;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:9px 10px;font-size:7px;font-weight:600}td,th{white-space:nowrap}td{color:#657085;border-bottom:1px solid #f0f2f4;padding:10px}tbody tr:hover{background:#fafbfc}td:first-child{color:var(--ink);align-items:center;gap:8px;display:flex}td:first-child>div:not(.person-avatar){flex-direction:column;display:flex}.person-avatar{color:#6455a7;background:#e9e5fb;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-weight:700;display:grid}.a1,.a5{color:#a65f3e;background:#fce9df}.a2,.a6{color:#337b67;background:#e5f4ee}.a3,.a7{color:#506aa9;background:#e6ecfa}.a4{color:#a77028;background:#f9ead5}.large{width:58px;height:58px;font-size:15px}.badge{color:#318e73;background:#eaf7f2;border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.wfh{color:#5b71c6;background:#edf1fb!important}.badge.leave{color:#b97628;background:#fff3e3}.badge.attention{color:#bb5e58;background:#fcebea}.muted{color:#9ba3af}.exception-text{color:#c67443}.dots{color:#8d95a2;background:0 0;border:0}.exception,.request{border-bottom:1px solid #f0f2f4;align-items:center;gap:10px;padding:11px 0;display:flex}.exception:last-child,.request:last-child{border:0}.exception div,.request>div:not(.request-actions){flex-direction:column;display:flex}.exception div b,.request div b{font-size:9px}.exception div small,.request div small{color:var(--muted);margin-top:3px;font-size:8px}.exception .red{color:#cb6059;background:0 0!important}.exception .amber{color:#bc792b;background:0 0!important}.exception .purple{color:#7964c4}.exception .blue{color:#5c73c2;background:0 0!important}.exception time{color:#9ba4b1;margin-left:auto;font-size:7px}.exception button{color:#969fac;background:0 0;border:0}.request-dates{text-align:right;margin-left:auto}.request-actions{gap:5px;display:flex}.request-actions button{color:#299174;background:#eff9f6;border:1px solid #d8ece6;border-radius:7px;width:27px;height:27px}.request-actions button:last-child{color:#bb635d;background:#fcf0ef;border-color:#f2ddda}.table-card{padding:18px}.table-tools{gap:8px;margin-bottom:13px;display:flex}.inner-search,.table-tools>button{border:1px solid var(--line);color:#657085;background:#fff;border-radius:8px;height:34px;padding:0 10px;font-size:9px}.inner-search{align-items:center;gap:7px;width:240px;display:flex}.inner-search input{border:0;outline:0;width:100%;font-size:9px}.table-tools>button:last-child{margin-left:auto}.table-card table{font-size:10px}.table-card th{padding:12px;font-size:8px}.table-card td{padding:12px}.pagination{color:#8a94a4;justify-content:space-between;align-items:center;margin-top:15px;font-size:8px;display:flex}.pagination div{gap:4px;display:flex}.pagination button{border:1px solid var(--line);color:#697487;background:#fff;border-radius:6px;width:27px;height:27px}.pagination button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.calendar-layout{grid-template-columns:1fr 260px;gap:18px;display:grid}.big-calendar,.month-summary{padding:19px}.calendar-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.calendar-head button{border:1px solid var(--line);background:#fff;border-radius:7px;width:29px;height:29px}.calendar-head h3{margin:0;font-size:14px}.cal-legend{color:#778195;gap:13px;margin-left:auto;font-size:8px;display:flex}.cal-legend .holiday{border:0;padding:0;background:var(--amber)!important}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid.names span{text-align:center;color:#98a1ae;padding:8px;font-size:7px}.calendar-grid.days button{text-align:left;color:#445168;background:#fff;border-top:1px solid #edf0f2;border-bottom:0;border-left:0;border-right:1px solid #edf0f2;flex-direction:column;gap:10px;height:82px;padding:8px;display:flex}.calendar-grid.days button:nth-child(7n){border-right:0}.calendar-grid.days button:disabled{cursor:default}.calendar-grid.days button span{color:#2b8c72;background:#e9f7f2;border-radius:4px;align-self:flex-start;padding:3px 5px;font-size:7px}.calendar-grid.days .w span{color:#5971c6;background:#edf1fb}.calendar-grid.days .wo span{color:#9098a5;background:#f0f1f3}.calendar-grid.days .h span{color:#bc792b;background:#fff3e4}.calendar-grid.days .today{box-shadow:inset 0 0 0 2px #50b99c;background:#f3faf8!important}.month-summary .summary{padding:13px 0}.summary{border-bottom:1px solid #f0f2f3;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.summary span{color:#738093;font-size:9px}.summary i{border-radius:3px;width:7px;height:7px;margin-right:7px;display:inline-block}.summary b{font-size:12px}.summary-total{background:var(--navy);color:#fff;border-radius:9px;flex-direction:column;margin-top:16px;padding:15px;display:flex}.summary-total small{color:#aeb9c9;font-size:8px}.summary-total b{margin:5px 0;font-size:20px}.summary-total span{color:#5bd0ae;font-size:8px}.leave-kpis{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.leave-kpis>div{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;padding:16px;display:flex}.leave-kpis small{color:var(--muted);font-size:9px}.leave-kpis b{margin:6px 0;font-size:21px}.leave-kpis span{color:#9ba4b1;font-size:8px}.section-tabs{border-bottom:1px solid var(--line);margin-bottom:5px;display:flex}.leave-list{max-width:780px}.holiday-banner{color:#fff;background:linear-gradient(110deg,#17243d,#213d4a);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:24px 28px;display:flex}.holiday-banner p{letter-spacing:1.2px;color:#7cd9bd;font-size:8px}.holiday-banner h2{margin:7px 0 5px;font-size:24px}.holiday-banner span{color:#b9c5d4;font-size:10px}.holiday-banner>b{color:#ba7627;background:#fff1da;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;font-size:27px;display:flex}.holiday-banner>b small{font-size:8px}.holiday-list{max-width:850px;padding:20px}.holiday-list>h3{margin:0 0 12px;font-size:13px}.holiday-list>h3 span{color:var(--muted);margin-left:8px;font-size:8px;font-weight:400}.holiday-row{border-bottom:1px solid #f0f2f4;align-items:center;gap:12px;padding:11px 0;display:flex}.holiday-row>div:nth-child(2){flex-direction:column;display:flex}.holiday-row>div:nth-child(2) b{font-size:10px}.holiday-row>div:nth-child(2) small{color:var(--muted);margin-top:3px;font-size:8px}.holiday-row .t0{color:#b97729;background:#fff3e4}.holiday-row .t1{color:#2b8d73;background:#eaf7f2}.holiday-row .t2{color:#5970c3;background:#edf1fb}.outline-badge{border:1px solid var(--line);color:#758093;border-radius:20px;margin-left:auto;padding:4px 8px;font-size:8px}.holiday-row>button{background:0 0;border:0}.employee-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.employee-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:19px;position:relative}.employee-card>button{color:#8b94a3;background:0 0;border:0;position:absolute;top:9px;right:11px}.employee-card .large{margin:auto}.employee-card h3{margin:10px 0 3px;font-size:13px}.employee-card p{color:#758093;margin:0;font-size:9px}.employee-card>span{color:#6b7687;background:#f0f3f7;border-radius:20px;margin:9px;padding:4px 8px;font-size:8px;display:inline-block}.employee-card>div:not(.person-avatar){border-top:1px solid var(--line);justify-content:space-between;margin-top:3px;padding-top:10px;display:flex}.employee-card>div small{color:#9aa3b0;font-size:7px}.employee-card>div b{font-size:8px}.employee-card a{color:#4a8f7c;margin-top:9px;font-size:8px;text-decoration:none;display:block}.report-filters{align-items:flex-end;gap:12px;margin-bottom:18px;padding:16px;display:flex}.report-filters label{color:#7f8999;flex-direction:column;gap:5px;font-size:8px;display:flex}.report-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:180px;height:35px;padding:0 10px;font-size:9px}.report-stats{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.report-stats .summary{border-right:1px solid var(--line);border-bottom:0}.report-stats .summary:last-child{border:0}.report-stats .summary b{font-size:18px}.audit-list{padding:8px 20px}.audit-row{border-bottom:1px solid #eef0f2;gap:13px;padding:17px 0;display:flex}.audit-row:last-child{border:0}.audit-icon{color:#5c72c3;background:#edf1fb;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.audit-row>div{flex-direction:column;display:flex}.audit-row b{font-size:10px}.audit-row p{color:#657185;margin:4px 0;font-size:9px}.audit-row small{font-size:8px}.audit-row em{color:#8791a0;margin-top:4px;font-size:8px;font-style:normal}.audit-row time{color:#98a0ad;margin-left:auto;font-size:8px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-card{padding:22px}.settings-card h3{margin:0;font-size:14px}.settings-card>p{color:var(--muted);margin:5px 0 20px;font-size:9px}.settings-card>label{color:#697487;flex-direction:column;gap:5px;margin:14px 0;font-size:9px;display:flex}.settings-card input,.settings-card select{border:1px solid var(--line);height:37px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-size:10px}.split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;width:100%;padding:14px 0;display:flex}.toggle-row>div{flex-direction:column;display:flex}.toggle-row b{font-size:10px}.toggle-row small{color:var(--muted);margin-top:3px;font-size:8px}.toggle-row>i{background:#dfe3e8;border-radius:20px;width:32px;height:18px;padding:2px;transition:all .2s}.toggle-row>i em{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;display:block;box-shadow:0 1px 3px #788}.toggle-row>i.on{background:var(--mint)}.toggle-row>i.on em{transform:translate(14px)}.profile{padding:25px}.profile-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:23px;display:flex}.profile-avatar{width:76px;height:76px;font-size:19px}.profile-head h2{margin:0 0 4px;font-size:20px}.profile-head p{color:var(--muted);margin:0 0 8px;font-size:10px}.profile-head>button{margin-left:auto}.profile-grid{grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;display:grid}.info{border-bottom:1px solid #eef0f2;flex-direction:column;padding:18px;display:flex}.info small{color:#8d96a5;font-size:8px}.info b{margin-top:6px;font-size:10px}.toast{color:#fff;z-index:100;background:#18243d;border-radius:10px;padding:12px 17px;font-size:10px;animation:toast .25s;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0d172b40}.toast span{background:var(--mint);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:9px;display:inline-grid}.scrim{display:none}.loading-screen{background:var(--navy);color:#dce5ef;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.loading-screen p{font-size:11px}.role-chip{color:#547066;background:#edf7f4;border:1px solid #d9eee8;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:650}.avatar-button{border:0}.login-page{background:#fff;grid-template-columns:minmax(480px,1.05fr) minmax(460px,.95fr);min-height:100vh;display:grid}.login-aside{color:#fff;background:radial-gradient(circle at 85% 15%,#41b99a33,#0000 26%),linear-gradient(145deg,#121d34,#1a2945 65%,#193543);flex-direction:column;padding:42px 7vw;display:flex;position:relative;overflow:hidden}.login-aside:after{content:"";border:1px solid #54caab1f;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-210px;right:-240px;box-shadow:0 0 0 70px #54caab08,0 0 0 140px #54caab05}.login-brand{z-index:1;align-items:center;gap:11px;font-size:16px;display:flex;position:relative}.login-brand span:last-child{color:#5bd0ae}.login-brand b{color:#fff}.login-message{z-index:1;margin:auto 0 40px;position:relative}.login-kicker{letter-spacing:2px;color:#62d5b4;font-size:9px;font-weight:700}.login-message h1{letter-spacing:-2.4px;margin:17px 0 20px;font-size:clamp(38px,4.5vw,66px);line-height:1.02}.login-message p{color:#b8c3d2;max-width:500px;font-size:14px;line-height:1.7}.login-preview{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:16px;width:min(520px,100%);padding:20px;position:relative;box-shadow:0 30px 70px #040c1a38}.preview-top{justify-content:space-between;font-size:11px;font-weight:650;display:flex}.preview-top em{color:#8e9cb0;font-size:8px;font-style:normal}.preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.preview-grid>div{background:#ffffff0e;border-radius:10px;flex-direction:column;padding:12px;display:flex}.preview-grid small{color:#9eabba;font-size:8px}.preview-grid b{margin:6px 0;font-size:23px}.preview-grid i{color:#62d5b4;font-size:8px;font-style:normal}.preview-people{border-top:1px solid #ffffff14;align-items:center;padding-top:12px;display:flex}.preview-people span{background:#dabfa4;border:2px solid #24334d;border-radius:50%;width:24px;height:24px;margin-right:-5px}.preview-people span:nth-child(2){background:#9cb7d5}.preview-people span:nth-child(3){background:#c3a9d8}.preview-people span:nth-child(4){background:#8ec8b7}.preview-people p{color:#96a4b7;margin-left:13px;font-size:8px}.login-foot{z-index:1;color:#77869b;margin-top:24px;font-size:8px;position:relative}.login-panel{place-items:center;padding:35px;display:grid}.login-form{width:min(390px,100%)}.login-mobile-brand{display:none}.login-form>.eyebrow{letter-spacing:1.4px;color:#41a88c;margin:0 0 9px;font-size:9px;font-weight:700}.login-form h2{letter-spacing:-.7px;margin:0 0 9px;font-size:27px}.login-sub{color:var(--muted);margin:0 0 28px;font-size:11px}.login-form>label{color:#546074;flex-direction:column;gap:7px;margin:15px 0;font-size:9px;font-weight:650;display:flex}.login-form>label>span{justify-content:space-between;display:flex}.login-form>label button{color:#3b9a82;background:0 0;border:0;font-size:8px}.login-form input{height:45px;color:var(--ink);border:1px solid #dfe3e8;border-radius:9px;outline:0;padding:0 12px;font-size:11px;transition:all .2s}.login-form input:focus{border-color:#55bca0;box-shadow:0 0 0 3px #55bca01f}.login-submit{justify-content:center;align-items:center;gap:10px;width:100%;height:46px;margin-top:21px;display:flex}.login-error{color:#b9534c;background:#fdf0ef;border-radius:8px;padding:10px 12px;font-size:9px}.demo-divider{align-items:center;gap:10px;margin:25px 0 13px;display:flex}.demo-divider:after,.demo-divider:before{content:"";background:var(--line);flex:1;height:1px}.demo-divider span{letter-spacing:1px;color:#a0a8b4;font-size:7px}.demo-accounts{gap:7px;display:grid}.demo-accounts>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;transition:all .2s;display:flex}.demo-accounts>button.selected,.demo-accounts>button:hover{background:#f4fbf8;border-color:#8dcfbd}.demo-accounts>button>div{flex-direction:column;display:flex}.demo-accounts b{font-size:9px}.demo-accounts small{color:var(--muted);margin-top:2px;font-size:8px}.demo-accounts>button>span:last-child{color:#98a1ad;margin-left:auto}.demo-icon{color:#318a72;background:#e8f5f1;border-radius:8px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:grid}.demo-icon.d1{color:#5b70c0;background:#edf1fb}.demo-icon.d2{color:#b47424;background:#fff1df}.credential-note{text-align:center;color:#9aa3b0;margin-top:13px;font-size:8px}.badge.pending{color:#b97628;background:#fff3e3}.badge.approved{color:#318e73;background:#eaf7f2}.badge.rejected{color:#bb5e58;background:#fcebea}.empty-state{text-align:center;color:#758096;flex-direction:column;padding:45px;display:flex}.empty-state b{color:#455066;margin-bottom:6px;font-size:11px}.empty-state span{font-size:9px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a12207a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(470px,100%);padding:24px;animation:toast .2s;box-shadow:0 28px 80px #050d1a47}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head .eyebrow{letter-spacing:1.2px;color:#46a98e;margin:0 0 6px;font-size:8px}.modal-head h2{margin:0;font-size:20px}.modal-head>button{color:#707b8e;background:#f3f5f7;border:0;border-radius:7px;width:28px;height:28px}.modal .split label,.modal>label{color:#647084;flex-direction:column;gap:6px;margin:12px 0;font-size:9px;display:flex}.modal input,.modal select,.modal textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px;font-size:10px}.modal textarea{resize:vertical;min-height:85px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.form-grid .full-row{grid-column:1/-1}.modal.wide{width:min(680px,100%)}.check-label{align-items:center;flex-direction:row!important}.check-label input{width:16px;height:16px}.loading-card{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:12px;padding:40px}.form-message{color:#358e75!important;margin-top:10px!important;font-size:9px!important}.form-message.error{color:#b42318!important}.credential-result{gap:14px;padding:8px 0 24px;display:grid}.credential-result>span{color:var(--muted);line-height:1.5}.credential-result label{border:1px solid var(--line);background:#f7f8fa;border-radius:12px;padding:14px}.credential-result label b{color:var(--ink);-webkit-user-select:all;user-select:all;margin-top:7px;font-size:16px;display:block}.working-days{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:8px;display:grid}.working-days button{border:1px solid var(--line);color:var(--muted);background:#f7f8fa;border-radius:10px;padding:10px 4px;font-weight:700}.working-days button small{margin-top:4px;font-size:7px;font-weight:500;display:block}.working-days button.selected{color:#176b55;background:#eaf8f3;border-color:#69bca5}.policy-summary{border:1px solid var(--line);background:#f7f8fa;border-radius:12px;gap:7px;margin-top:20px;padding:18px;display:grid}.policy-summary small,.policy-summary span{color:var(--muted)}.policy-summary b{font-size:14px}.date-control{white-space:nowrap;align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.date-control input{min-width:145px}.secondary.mini{white-space:nowrap;padding:7px 10px;font-size:9px}.approval-list{padding:8px 20px 20px}.approval-list .request{flex-wrap:wrap;grid-template-columns:auto minmax(160px,1fr) minmax(210px,1fr) auto}.approval-reason{color:var(--muted);grid-column:2/-1;margin:0;font-size:10px}.review-proposal{border:1px solid var(--line);background:#f7f8fa;border-radius:12px;gap:6px;margin-bottom:16px;padding:16px;display:grid}.review-proposal em,.review-proposal span{color:var(--muted);font-size:10px}.employee-register{margin-top:18px}.employee-register .card-title p{color:var(--muted);margin-top:4px;font-size:10px}.detailed-register{max-height:620px;overflow:auto}.detailed-register thead{z-index:2;background:#fff;position:sticky;top:0}.help-card{text-align:left;width:calc(100% - 4px);color:inherit;border:0}.help-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.help-topic{padding:22px}.help-topic>span{color:#268a70;background:#eaf7f2;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.help-topic h3{margin:14px 0 7px}.help-topic p{color:var(--muted);margin:0;line-height:1.6}.help-topic a{color:#278b72;margin-top:14px;font-weight:700;display:inline-block}.day-detail-grid{grid-template-columns:1fr 1fr;display:grid}.attendance-day-detail .full{height:42px}.calendar-grid.days button:not(:disabled){cursor:pointer}.calendar-grid.days button:not(:disabled):hover{box-shadow:inset 0 0 0 2px #75bda9}.brand-logo{object-fit:contain;border-radius:8px;width:34px;height:34px}.brand-admin{margin-top:18px}.brand-admin .eyebrow{color:#6874bd;margin:0 0 8px}.audit-filters{flex-wrap:wrap}.audit-filters label{flex:1;min-width:150px}.audit-filters input{border:1px solid var(--line);border-radius:8px;height:35px;padding:0 10px}.workspace-switcher{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;gap:5px;margin:0 12px 12px;padding:10px;display:grid}.workspace-switcher>small{color:#78879c;letter-spacing:1px;padding:3px 7px;font-size:7px}.workspace-switcher button{color:#aeb9c9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:10px;display:flex}.workspace-switcher button.active,.workspace-switcher button:hover{color:#72d8bb;background:#55d0ae21}.workspace-select{border:1px solid var(--line);color:#455166;background:#fff;border-radius:20px;padding:6px 28px 6px 10px;font-size:9px;font-weight:700}.role-list{flex-wrap:wrap;gap:5px;display:flex}.role-picker{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.role-picker label{border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:12px;font-size:10px;display:flex}.role-picker input{width:16px;height:16px}.role-access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.role-access-card{padding:18px}.role-access-card h3{margin:10px 0 4px;font-size:16px}.role-access-card p{color:var(--muted);min-height:42px;line-height:1.45}.role-access-card ul{border-top:1px solid var(--line);gap:8px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:grid}.role-access-card li{color:#455166;font-size:10px;line-height:1.35}.role-section-title{margin-top:18px}.role-help{color:var(--muted);margin:-3px 0 10px;line-height:1.45;display:block}.section-heading{padding:18px 18px 8px}.section-heading h3{margin:3px 0;font-size:16px}.section-heading p:last-child{color:var(--muted)}@media (max-width:1100px){.role-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.role-access-grid{grid-template-columns:1fr}.role-access-card p{min-height:0}.role-picker{grid-template-columns:1fr}}.directory-filters{justify-content:flex-end;margin:-8px 0 14px;display:flex}.directory-filters label,.role-assignment-heading>label{color:var(--muted);gap:5px;font-size:10px;display:grid}.directory-filters select,.role-assignment-heading select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:180px;padding:9px 30px 9px 10px}.role-assignment-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.employee-role-list{justify-content:center;margin:8px 0}.generated-id-note{border:1px dashed var(--line);background:#f8fafb;border-radius:10px;gap:3px;padding:11px 12px;display:grid}.generated-id-note small{color:var(--muted);letter-spacing:1px}.generated-id-note b{font-size:12px}.generated-id-note span{color:var(--muted);font-size:9px;line-height:1.35}.audit-row summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;list-style:none;display:grid}.audit-row summary::-webkit-details-marker{display:none}.audit-detail{background:#f7f8fa;border-radius:9px;flex-wrap:wrap;gap:10px;margin:12px 0 0 42px;padding:12px;display:flex}.audit-detail span{color:var(--muted);font-size:9px}.audit-detail pre{white-space:pre-wrap;word-break:break-word;color:#455166;width:100%;margin:0;font-size:9px;line-height:1.45}@media (max-width:600px){.directory-filters,.role-assignment-heading{flex-direction:column;align-items:stretch}.directory-filters select,.role-assignment-heading select{width:100%}.employee-role-list{justify-content:flex-start}.audit-row summary{grid-template-columns:auto 1fr}.audit-row time{grid-column:2}.audit-detail{margin-left:0}}.governance-kpis{margin-bottom:16px;grid-template-columns:repeat(4,1fr)!important}.governance-kpis button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:12px;gap:5px;padding:18px;display:grid;box-shadow:0 1px 2px #1018280d}.governance-kpis button small,.governance-kpis button span{color:var(--muted)}.governance-kpis button b{font-size:21px}.badge.present{color:#18775d;background:#e7f7f0}.badge.half-day{color:#a8660e;background:#fff4dc}.badge.approved-leave,.badge.leave{color:#6f48a8;background:#f1eafb}.badge.absent,.badge.attention{color:#b4433c;background:#fdebea}.badge.official-holiday{color:#3f62b5;background:#eaf0ff}.badge.off-day{color:#687385;background:#eef1f4}.badge.holiday-worked{color:#a13f70;background:#fce9f2}.badge.off-day-worked{color:#177a72;background:#e2f6f4}.badge.not-applicable,.badge.upcoming{color:#7a8494;background:#f4f5f7}.badge.late{color:#b9571d;background:#fff0e5}.functional-badge{color:#8d5d13;background:#fff4dc;margin:5px 0 0;display:inline-block}.secondary:disabled{cursor:not-allowed;opacity:.55}.mode-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.mode-badge.office{color:#18775d;background:#e7f7f0}.mode-badge.wfh{color:#405fb0;background:#eaf0ff}.mode-badge.off{color:#6f48a8;background:#f1eafb}.mode-badge.none{color:#7b8491;background:#f2f4f6;font-weight:500}.flag-list{flex-wrap:wrap;gap:5px;display:flex}.flag{border-radius:20px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.flag.late{color:#b9571d;background:#fff0e5}.flag.adjusted{color:#405fb0;background:#eaf0ff}.flag.pending{color:#9a620d;background:#fff4dc}.attendance-key{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.attendance-key>div{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:9px;padding:12px;display:flex}.attendance-key small{color:var(--muted);font-size:9px;line-height:1.4}.leave-balance-register{margin-bottom:18px}.leave-balance-register .card-title p{color:var(--muted);margin:4px 0 0;font-size:10px}.balance-value{color:#18775d;background:#e7f7f0;border-radius:20px;padding:4px 8px;font-weight:700;display:inline-flex}.balance-value.low{color:#b4433c;background:#fdebea}@media (max-width:800px){.governance-kpis{grid-template-columns:1fr 1fr!important}.approval-list .request{display:flex!important}.approval-reason{width:100%}.attendance-key{grid-template-columns:1fr 1fr}.mode-badge{font-size:8px}}@media (max-width:560px){.attendance-key{grid-template-columns:1fr}}@media (max-width:800px){.help-grid{grid-template-columns:1fr}.employee-register{box-shadow:none;background:0 0;border:0;padding:0}.employee-register .table-wrap{margin:0;padding:0;overflow:visible}.employee-register table,.employee-register tbody{display:block}.employee-register thead{display:none}.employee-register tr{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px;padding:14px;display:grid}.employee-register td{white-space:normal;border:0;flex-direction:column;gap:4px;align-items:flex-start!important;padding:0!important;display:flex!important}.employee-register td:before{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px}.employee-register td:first-child:before{content:"Date"}.employee-register td:nth-child(2):before{content:"Classification"}.employee-register td:nth-child(3):before{content:"Mode"}.employee-register td:nth-child(4):before{content:"Check in"}.employee-register td:nth-child(5):before{content:"Check out"}.employee-register td:nth-child(6):before{content:"Worked"}.employee-register td:nth-child(7):before{content:"Standard hours"}.employee-register td:nth-child(8){grid-column:1/-1}.employee-register td:nth-child(8) button{width:100%;min-height:42px}.day-detail-grid{grid-template-columns:1fr 1fr}.working-days{grid-template-columns:repeat(4,1fr)}}@media (min-width:801px){body{font-size:15px}.hero-main>p:first-child,.nav-item,.page-heading>div>p:last-child,.search input,.user-card b,.weather b,.workspace b{font-size:13px}.card-title button,.compact,.employee-card p,.help-card b,.help-card small,.holiday>div b,.inner-search,.modal input,.modal select,.modal textarea,.mode b,.profile-head p,.secondary,.settings-card input,.settings-card select,.table-tools>button,.time-row b,.user-card small,.weather small,.workspace small{font-size:11px}.audit-row p,.info small,.kpi small,.leave-kpis small,.nav-label,.page-heading .eyebrow,.report-filters label,.settings-card>label,.summary span,.toggle-row small,.week-stats small{font-size:10px}.calendar-head h3,.card-title h3,.employee-card h3,.holiday-list>h3,.settings-card h3{font-size:15px}.table-card table,table{font-size:11px}.table-card th,th{font-size:9px}.table-card td,td{padding-top:13px;padding-bottom:13px}.audit-row em,.audit-row small,.audit-row time,.badge,.employee-card a,.employee-card>span,.holiday-row>div:nth-child(2) small,.info b,.outline-badge{font-size:9px}.audit-row b,.holiday-row>div:nth-child(2) b,.toggle-row b{font-size:11px}}@keyframes toast{0%{opacity:0;transform:translateY(12px)}}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.week-card{grid-column:1/3}.employee-cards,.kpi-grid{grid-template-columns:repeat(3,1fr)}.mode small{display:none}}@media (max-width:800px){.sidebar{transition:all .25s;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.scrim{z-index:25;background:#0c142359;border:0;display:block;position:fixed;inset:0}.app-shell>main{width:100%;margin-left:0}.mobile-menu{display:block}.topbar{gap:10px;padding:0 15px}.search{width:100%}.search kbd,.top-actions select{display:none}.content{padding:22px 16px 90px}.hero-grid{grid-template-columns:1fr}.time-card{border:0;border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;padding:18px 24px;display:grid}.clock-face{grid-row:1/4;width:100px;height:100px;margin:0}.time-line{display:none}.admin-columns,.admin-columns.lower,.calendar-layout,.dashboard-grid,.settings-grid{grid-template-columns:1fr}.week-card{grid-column:auto}.employee-cards,.kpi-grid{grid-template-columns:repeat(2,1fr)}.calendar-layout .month-summary{order:-1}.report-filters{flex-wrap:wrap}.report-filters label{flex:1}.report-filters select{width:100%;min-width:130px}.profile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.page-heading{align-items:flex-start}.weather{display:none}.page-heading h1{font-size:24px}.admin-heading{gap:12px}.admin-heading .compact{white-space:nowrap}.mode-tabs{grid-template-columns:1fr}.mode{padding:10px}.mode small{display:block}.hero-main{padding:20px 17px 14px}.time-card{grid-template-columns:105px 1fr;padding:18px}.dashboard-grid{grid-template-columns:1fr}.week-card{overflow:hidden}.leave-kpis,.report-stats{grid-template-columns:1fr}.report-stats .summary{border-right:0}.employee-cards{grid-template-columns:1fr}.calendar-grid.days button{height:57px;padding:5px}.calendar-grid.days button span{padding:3px;font-size:0}.calendar-grid.days button span:after{content:"•";font-size:8px}.cal-legend{display:none}.table-tools{flex-wrap:wrap}.inner-search{width:100%}.table-tools>button:last-child{margin-left:0}.profile-head{flex-wrap:wrap;align-items:flex-start}.profile-head>button{margin-left:0}.profile-grid{grid-template-columns:1fr}.holiday-banner{padding:20px}.holiday-banner>b{width:58px;height:58px}.request-actions{display:none}.top-actions{gap:4px}.mini-filters{overflow:auto}.kpi{padding:12px}.page-heading>div>p:last-child{max-width:240px}.week-stats b{font-size:15px}}.sidebar{overscroll-behavior:contain;overflow-y:auto}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}