*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.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)}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#26312f;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--green:#204d40;--muted:#87908e;--line:#edf0ee;--lime:#d9ef9e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}svg{flex-shrink:0;stroke-width:1.7}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #89ae65;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #8fb89f;outline-offset:1px}button{transition:background .16s,transform .16s,color .16s}button:active:not(:disabled){transform:translateY(1px)}::-moz-selection{background:#d9ef9e}::selection{background:#d9ef9e}button:hover:not(:disabled){filter:brightness(.98)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid #e8ece9;z-index:30;padding:30px 20px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.6px;padding-left:10px;width:-moz-max-content;width:max-content}.brand-mark{width:33px;height:33px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--lime);font-size:30px;font-weight:750;letter-spacing:-4px;padding-right:5px;position:relative;line-height:1}.brand-mark>span{position:absolute;width:5px;height:5px;background:var(--lime);border-radius:50%;right:6px;bottom:8px}.brand-dot{color:#658849;margin-left:-9px}.workspace{margin:35px 4px 29px;display:flex;gap:10px;align-items:center;padding:12px 10px;border:1px solid var(--line);border-radius:9px}.workspace-icon{background:#eff2ef;padding:9px;border-radius:7px}.workspace strong{font-size:11px;font-weight:650;display:block}.workspace small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#77a36f;margin-left:auto}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#9ba29e;font-weight:650;padding:0 15px;margin-bottom:13px}.nav-link{height:48px;display:flex;align-items:center;gap:12px;padding:0 15px;border-radius:7px;font-size:12px;font-weight:550;color:#79827e;margin-bottom:6px;transition:background .15s,color .15s}.nav-link:hover{background:#f6f8f5}.nav-link.active{background:#eaf1e8;color:#365a3d}.nav-link.active svg{stroke-width:2}.nav-link em{font-style:normal;font-size:10px;background:#fff;border:1px solid #e7eae5;padding:2px 6px;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.pocket-card{background:#f4f6f0;border:1px solid #e9eee3;border-radius:10px;margin:0 4px 17px;padding:18px 16px;position:relative;overflow:hidden}.pocket-card:after{content:"";position:absolute;right:-48px;top:27px;width:120px;height:120px;border:1px solid #e5e9dc;border-radius:50%;box-shadow:0 0 0 20px #edf0e7,0 0 0 21px #e7ecdf;pointer-events:none;opacity:.6}.pocket-icon{display:flex;align-items:center;gap:4px;color:#537051;margin-bottom:13px}.pocket-icon span{font-size:12px}.pocket-card h3{font-size:14px;line-height:1.5;font-weight:650;position:relative;z-index:1}.pocket-card p{font-size:10px;line-height:1.8;color:#879080;margin-top:6px}.pocket-card button{display:flex;gap:18px;align-items:center;font-size:11px;font-weight:650;margin-top:15px;color:#466343;position:relative;z-index:1}.help-link{display:flex;align-items:center;gap:10px;color:#79827e;font-size:11px;width:100%;padding:12px}.help-link svg:last-child{margin-left:auto}.sidebar-profile{display:flex;align-items:center;text-align:left;gap:10px;width:calc(100% + 40px);margin-left:-20px;border-top:1px solid var(--line);padding:20px 22px;margin-top:12px}.avatar{background:#ece3d7;color:#745b44;border:3px solid #fff;box-shadow:0 0 0 1px #e7e5df;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.sidebar-profile strong{font-size:11px;display:block}.sidebar-profile small{font-size:10px;color:#919793;display:block;margin-top:4px}.sidebar-profile>svg{margin-left:auto;color:#8b938e}.main-shell{margin-left:246px}.topbar{height:78px;border-bottom:1px solid #e8ece9;background:#ffffffe6;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px}.breadcrumb>span{color:#9ba29e}.breadcrumb svg{color:#b1b7b2}.breadcrumb strong{font-weight:550;color:#59645c}.top-actions{display:flex;align-items:center;gap:21px}.demo-pill{font-size:10px;display:flex;align-items:center;gap:6px;background:#f3f6f0;color:#728368;border:1px solid #e9eee4;padding:6px 9px;border-radius:5px}.demo-pill>span,.tiny-dot{display:inline-block;background:#7c9b67;width:5px;height:5px;border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;color:#7b8580}.icon-button:hover{background:#f0f4ef}.notification-button{position:relative}.notification-button i{position:absolute;top:6px;right:7px;width:5px;height:5px;border-radius:50%;background:#97a579;border:1px solid white}.avatar-small{width:32px;height:32px;font-size:10px}.mobile-brand{display:none}.content{max-width:1540px;margin:0 auto;padding:35px 40px 18px;animation:appear .24s ease-out}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{display:flex;align-items:center;gap:7px;color:#829177;letter-spacing:1.5px;font-size:9px;font-weight:650;margin-bottom:10px}.eyebrow svg{stroke-width:1.4}h1{font-size:29px;font-weight:620;letter-spacing:-1px;line-height:1.3}.greeting-dot{color:#a8bd7a;font-size:31px;font-weight:400;display:inline-block;margin-left:7px;vertical-align:middle}.page-heading p{font-size:12px;color:#929995;margin-top:9px}.date-chip{white-space:nowrap;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e5e9e5;background:#fff;border-radius:7px;font-size:11px;color:#717b75}.date-chip svg{color:#899385}.home-main-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:22px}.clock-card{background:#1c453a;border-radius:13px;color:#fff;padding:23px 25px 20px;position:relative;overflow:hidden}.clock-card:before{content:"";position:absolute;right:-120px;top:-130px;width:460px;height:460px;border:1px solid #ffffff07;border-radius:50%;box-shadow:0 0 0 37px #ffffff02,0 0 0 38px #ffffff04,0 0 0 72px #ffffff02;pointer-events:none}.clock-card-top{display:flex;justify-content:space-between;align-items:center;position:relative}.light-label{font-size:9px;font-weight:550;letter-spacing:1.6px;color:#b7cabe;display:flex;align-items:center;gap:7px}.light-label>span{width:5px;height:5px;background:#c6e398;border-radius:50%}.shift-badge{font-size:9px;background:#ffffff0a;border:1px solid #ffffff14;color:#c1d2c6;padding:5px 8px;border-radius:5px}.clock-middle{display:flex;align-items:center;justify-content:space-between;padding:22px 0 24px;position:relative}.clock-middle h2{font-size:20px;font-weight:500;letter-spacing:-.4px}.clock-middle p{font-size:10px;color:#a2baae;margin-top:7px}.clock-time{font-size:54px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-2.5px;margin-top:15px;color:#fafcf6}.clock-time>span{font-size:25px;color:#839f91;letter-spacing:-1px;margin-left:8px}.clock-zone{font-size:9px;color:#a2b7ab;display:flex;align-items:center;gap:8px;margin-top:6px}.clock-zone>span{color:#768f7f}.clock-orbit{width:136px;height:136px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff17;display:flex;align-items:center;justify-content:center;margin:6px 4px 0 14px;position:relative;box-shadow:0 0 0 14px #ffffff02,0 0 0 15px #ffffff07}.orbit-dots{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:3px dotted #b7ce9d44;border-radius:50%;transform:rotate(12deg)}.orbit-center{display:flex;flex-direction:column;align-items:center;gap:8px;color:#d9efa4}.orbit-center svg{stroke-width:1.2}.orbit-center>span{font-size:8px;color:#a3bdab}.clock-orbit.running .orbit-dots{border-top-color:#d9ef9e}.clock-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff16;padding-top:17px;position:relative}.location{display:flex;gap:8px;align-items:center;color:#b6c9bc}.location strong{display:block;font-size:10px;color:#d9e4d9;font-weight:500}.location small{display:block;font-size:8px;color:#8faa99;margin-top:4px}.check-button{display:flex;align-items:center;justify-content:center;gap:10px;background:#d9edac;padding:12px 17px;color:#244731;border-radius:7px;font-size:12px;font-weight:650;min-width:155px;box-shadow:0 3px 10px #142c1e19}.check-button>svg:last-child{margin-left:15px}.check-button.completed{opacity:.75}.panel{background:#fff;border:1px solid #e8ece9;border-radius:11px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 18px;gap:10px}.section-title h2,.section-heading h2,.quick-panel h2,.pay-summary h2,.preference-panel h2{font-size:14px;font-weight:600;letter-spacing:-.2px}.section-title p{font-size:10px;color:#9aa29c;margin-top:6px}.subtle-icon{background:#f6f8f5;border-radius:6px;color:#98a38f;padding:7px}.today-panel .section-title{padding-bottom:5px}.timeline{padding:0 23px}.timeline-row{display:flex;align-items:center;gap:12px;position:relative;min-height:65px}.timeline-row:not(:last-child):after{content:"";position:absolute;left:14px;top:45px;height:23px;border-left:1px dashed #dfe5dd}.timeline-point{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f5f7f3;color:#96a08c;border-radius:50%;flex-shrink:0}.timeline-row.done .timeline-point{background:#ecf5e4;color:#4a7450}.timeline-row strong{display:block;font-size:11px;font-weight:550}.timeline-row small{display:block;font-size:9px;color:#9aa29c;margin-top:5px}.timeline-row b{margin-left:auto;font-size:12px;font-weight:550;letter-spacing:.2px;font-variant-numeric:tabular-nums;color:#6f7b70}.today-note{display:flex;align-items:center;gap:7px;background:#f6f8f3;margin:8px 19px 18px;padding:10px 12px;font-size:9px;color:#8d9a80;border-radius:6px}.today-note svg{stroke-width:1.5}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 15px}.section-heading h2{display:flex;gap:9px;align-items:center}.section-heading h2>span{font-size:9px;border:1px solid #e3e8e0;padding:3px 6px;border-radius:4px;color:#8e9985;font-weight:400}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#708264;font-weight:550}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat-card{background:#fff;border:1px solid #e8ece9;border-radius:10px;padding:17px 18px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#828d83}.stat-icon{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.green.stat-icon{background:#eef5e7;color:#819b64}.blue.stat-icon{background:#eaf2f8;color:#759bb8}.purple.stat-icon{background:#f2edf8;color:#a08ab7}.orange.stat-icon{background:#fbf1e6;color:#bc9b6e}.stat-value{font-size:28px;letter-spacing:-.8px;font-weight:550;line-height:1.3;margin-top:8px}.stat-value small{font-size:11px;letter-spacing:0;font-weight:400;color:#9da49a;margin-left:7px}.stat-card p{font-size:9px;color:#9aa29b;margin-top:7px;line-height:1.5}.home-bottom-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:22px;margin-top:24px}.attendance-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table-scroll{overflow-x:auto}.attendance-table th{font-size:9px;font-weight:400;color:#9aa29b;background:#fbfcfa;padding:11px 13px;border-bottom:1px solid #f0f2ee}.attendance-table th:first-child,.attendance-table td:first-child{padding-left:23px}.attendance-table th:last-child,.attendance-table td:last-child{padding-right:23px}.attendance-table td{font-size:10px;padding:15px 13px;color:#737e73;border-bottom:1px solid #f1f3ef;font-variant-numeric:tabular-nums}.attendance-table td:first-child strong{display:block;font-size:10px;color:#4e5c4e;font-weight:550}.attendance-table td:first-child small{font-size:8px;display:block;margin-top:4px;color:#a0a79b}.attendance-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.3;border-radius:5px;padding:5px 7px;color:#769059;background:#f1f6e9;white-space:nowrap}.badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.orange{background:#fcf2e4;color:#b29460}.badge.purple{background:#f1edf8;color:#9d85b6}.badge.gray{background:#eff1ef;color:#8a948a}.badge.red{background:#fbefeb;color:#b16e60}.badge.lime{background:#d9ef9e;color:#3b573c}.table-footer{border-top:1px solid #edf0e9;width:100%;display:flex;gap:8px;align-items:center;justify-content:center;padding:14px;font-size:10px;color:#869778}.right-stack{display:flex;flex-direction:column;gap:18px}.salary-preview{background:#edf1e5;border:1px solid #e4e9da;border-radius:11px;padding:21px 22px;position:relative;overflow:hidden}.salary-preview:before{content:"";width:130px;height:130px;position:absolute;right:-45px;top:25px;border:1px solid #dfe6d3;border-radius:50%;box-shadow:0 0 0 20px #e6ecdd,0 0 0 21px #dfe6d3;opacity:.4;pointer-events:none}.salary-preview .section-title{padding:0;color:#789063;position:relative}.salary-preview .section-title>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;font-weight:600}.salary-preview>small{font-size:10px;color:#929d86;display:block;margin-top:19px}.salary-preview h2{font-size:31px;font-weight:550;color:#3c5435;margin-top:5px;letter-spacing:-.7px;position:relative}.salary-preview h2>span{font-size:13px;font-weight:400;letter-spacing:0}.salary-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #dce3d1;position:relative}.salary-preview-footer>span{font-size:8px;color:#8b987b;display:flex;align-items:center;gap:4px}.salary-preview-footer button{font-size:9px;font-weight:550;color:#69825a;display:flex;gap:5px;align-items:center}.quick-panel{padding:22px}.quick-panel h2{font-size:13px}.quick-panel p{font-size:10px;color:#99a18f;margin-top:7px}.quick-panel .secondary-button{width:100%;margin-top:18px;justify-content:flex-start;gap:8px}.quick-panel .secondary-button svg:last-child{margin-left:auto}.secondary-button,.primary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 15px;border-radius:7px;font-size:11px;font-weight:550;white-space:nowrap}.secondary-button{border:1px solid #e2e8dd;background:#fff;color:#6e8063}.primary-button{background:#244d3f;color:#f8fcf2;border:1px solid #244d3f;box-shadow:0 2px 3px #172e1d08}.danger-button{background:#fbefec;color:#a95e4f;border:1px solid #eedbd4}.compact{padding:8px 12px;min-height:35px;font-size:10px}.full-width{width:100%}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:26px 0 6px;font-size:8px;color:#a6aea2}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.tiny-brand{color:#929f84;font-weight:700;font-size:15px;letter-spacing:-1px}.bottom-nav{display:none}.attendance-stats{margin-bottom:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px}.month-switch{display:flex;align-items:center;gap:6px}.month-switch strong{font-size:12px;min-width:135px;text-align:center;font-weight:550}.toolbar-actions{display:flex;align-items:center;gap:14px}.segmented{display:flex;padding:3px;background:#f5f7f2;border:1px solid #e9ede4;border-radius:7px}.segmented button{font-size:10px;padding:7px 14px;color:#8c9783;border-radius:4px}.segmented button.selected{background:#fff;box-shadow:0 1px 5px #1b3b1d0c;color:#47623d}.filter-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 23px}.filter-tabs button{padding:13px 0;font-size:11px;color:#919d85;border-bottom:2px solid transparent;white-space:nowrap}.filter-tabs button.selected{border-color:#6e865c;color:#4a663e;font-weight:600}.panel-note{border-top:1px solid var(--line);padding:17px 23px;font-size:10px;color:#919c86;display:flex;align-items:center;gap:8px}.live-text{color:#79995e;font-size:9px}.info-strip{padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #e5eade;border-radius:10px;margin-top:24px;background:#f0f3e9}.info-icon{display:flex;align-items:center;justify-content:center;background:#e3ebd7;border-radius:10px;width:43px;height:43px;color:#82956b;flex-shrink:0}.info-strip h3{font-size:12px;font-weight:550;color:#5c6e4d}.info-strip p{font-size:10px;color:#95a187;margin-top:7px;line-height:1.7}.info-strip>.text-button{margin-left:auto;white-space:nowrap}.calendar{padding:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:7px;overflow:hidden}.calendar-weekday{background:#f7f9f4;font-size:10px;text-align:center;padding:12px 0;color:#9aa58f;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day,.calendar-blank{min-height:104px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 10px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.calendar-day strong{font-size:11px;font-weight:500;color:#7e8d71}.calendar-day small{font-size:8px;color:#a0ab95}.calendar-day.weekend{background:#fbfcfa}.calendar-day.today{background:#f2f6e9;box-shadow:inset 0 0 0 1px #c2d2a9}.calendar-status{font-size:8px;background:#eff5e5;color:#7e9861;padding:4px 5px;border-radius:4px;white-space:nowrap}.calendar-status.orange{background:#f9f0e0;color:#b29362}.calendar-status.purple{background:#f0eaf7;color:#9782ac}.calendar-legend{display:flex;gap:15px;justify-content:center;padding-top:22px}.empty{padding:56px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#a1af94;gap:12px}.empty h3{font-size:14px;color:#6e7e60}.empty p{font-size:11px;color:#9aa68f;line-height:1.7}.leave-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-bottom:25px}.leave-card{padding:23px}.leave-card-title{display:flex;align-items:center;gap:12px}.leave-card-title strong{font-size:12px;font-weight:550}.leave-card h2{font-size:32px;letter-spacing:-1px;font-weight:550;margin:21px 0 17px}.leave-card h2>span{font-size:12px;color:#9aa490;font-weight:400;letter-spacing:0}.balance-track{height:5px;border-radius:5px;background:#f0f3ea;overflow:hidden}.balance-track>span{height:100%;display:block;background:#b4c992;border-radius:5px}.leave-card.purple .balance-track>span{background:#c5b3dc}.leave-card.orange .balance-track>span{background:#dfc29d}.leave-card p{font-size:10px;color:#9da78f;margin-top:13px}.request-heading h2{display:flex;align-items:center;gap:9px}.count-pill{font-size:10px;color:#839372;background:#f1f5e9;padding:3px 7px;border-radius:5px;font-weight:400}.request-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px;padding-right:23px}.request-controls .filter-tabs{border-bottom:0;gap:22px}.search-field{display:flex;align-items:center;gap:7px;color:#a4af97;max-width:180px}.search-field input{width:100%;font-size:10px;border:0;background:transparent;padding:8px 0;outline:none}.search-field:focus-within{outline:2px solid #b7c7a5;border-radius:4px}.request-row{width:100%;text-align:left;padding:22px 23px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.request-row:last-child{border-bottom:0}.request-row:hover{background:#fafcf7}.request-icon{width:39px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1edf7;color:#a18cb7;flex-shrink:0}.request-icon.blue{background:#edf3f7;color:#839fb4}.request-text{flex:1}.request-text strong{font-size:12px;font-weight:550;display:block}.request-text small{font-size:10px;color:#9ba78e;display:block;margin-top:6px}.request-chevron{color:#aab69d;margin-left:7px}.select-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e7db;border-radius:7px;padding:0 12px;color:#81936f}.select-wrap select{border:0;background:transparent;padding:12px 4px;font-size:11px;color:#697d58;min-width:146px}.payroll-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:23px;margin-bottom:24px}.pay-hero{background:#21493b;border-radius:13px;color:#fff;padding:24px 28px;position:relative;overflow:hidden}.pay-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff0c;border-radius:50%;right:-110px;top:-20px;box-shadow:0 0 0 30px #ffffff03,0 0 0 31px #ffffff08,0 0 0 65px #ffffff02;pointer-events:none}.pay-hero .section-title{padding:0}.pay-amount{display:flex;align-items:baseline;gap:12px;margin-top:31px;position:relative;z-index:1}.pay-amount>span{font-size:15px;color:#b7cda9}.pay-amount h2{font-size:46px;letter-spacing:-1.6px;font-weight:500}.pay-amount h2 small{font-size:24px;color:#809c75}.pay-hero>p{font-size:11px;color:#a5bc99;margin-top:7px}.pay-hero-bottom{border-top:1px solid #ffffff1a;margin-top:26px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:#b2c7a1}.pay-hero-bottom small{font-size:9px;display:block;color:#97b089}.pay-hero-bottom strong{font-size:12px;font-weight:500;margin-top:6px;display:block}.pay-summary{padding:25px}.pay-summary h2{margin-bottom:18px}.pay-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.pay-summary>div>span{display:flex;align-items:center;gap:9px;color:#8b9980}.pay-summary strong{font-weight:550;color:#5b7050}.positive{color:#73975b!important}.negative{color:#b08a6a!important}.pay-summary>p{display:flex;align-items:center;gap:6px;font-size:9px;color:#a0ab95;margin-top:18px}.pay-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:23px}.pay-detail-grid .section-title{border-bottom:1px solid var(--line);color:#7d8f6d}.pay-lines{padding:6px 24px 0}.pay-lines>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:11px;gap:10px}.pay-lines>div>span{color:#7f9070}.pay-lines strong{font-weight:550;color:#667e56}.pay-lines small{display:block;font-size:9px;color:#a6b299;margin-top:5px}.pay-lines .pay-section-label{font-size:9px;letter-spacing:1.6px;color:#9bab8b;padding:20px 0 10px}.deduction-label{border-top:1px solid var(--line);margin-top:10px}.pay-lines .pay-total{background:#f3f6ec;margin:14px -24px 0;padding:21px 24px;font-weight:600}.pay-total strong{font-size:16px}.payslip-card{text-align:center;padding:31px 23px;display:flex;flex-direction:column;align-items:center}.document-illustration{display:flex;align-items:center;justify-content:center;position:relative;width:73px;height:82px;background:#f0f4e8;border:1px solid #e4ecd8;border-radius:12px;color:#9ab17b;margin:3px 0 23px;transform:rotate(-6deg)}.document-illustration>span{position:absolute;bottom:11px;right:-7px;border:3px solid white;background:#b4c993;color:#fff;border-radius:50%;padding:3px}.payslip-card h2{font-size:17px;letter-spacing:-.4px}.payslip-card p{font-size:11px;color:#9eac8e;line-height:1.8;margin-top:10px}.payslip-card button{margin-top:23px;width:100%;font-size:10px}.payslip-card>small{font-size:8px;color:#a3b393;margin-top:12px}.pay-note{display:flex;gap:13px;background:#edf2e5;border:1px solid #e2e9d9;padding:23px;border-radius:10px;color:#90a477}.pay-note h3{font-size:12px;font-weight:550;color:#70875a}.pay-note p{font-size:10px;line-height:1.8;margin-top:7px;color:#97a787}.profile-grid{display:grid;grid-template-columns:.85fr 1.6fr;gap:23px;align-items:start}.profile-summary{text-align:center}.profile-cover{height:104px;background:#e4ebdb;position:relative;overflow:hidden}.profile-cover>span{display:block;position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid #c5d4b5;top:-30px;left:-30px;box-shadow:0 0 0 30px #dfe7d4,0 0 0 31px #cad8bd}.profile-cover>span:last-child{left:auto;right:-80px;top:-125px}.profile-avatar{width:77px;height:77px;border-radius:50%;background:#e8ddca;color:#7b694d;font-size:24px;border:6px solid white;position:relative;margin:-39px auto 13px;font-weight:550;display:flex;align-items:center;justify-content:center}.profile-summary h2{font-size:20px;letter-spacing:-.6px}.profile-summary>p{font-size:11px;color:#a0ab91;margin:8px 0 13px}.employee-details{text-align:left;margin:24px 22px 10px;border-top:1px solid var(--line);padding:13px 0}.employee-details>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:10px}.employee-details span{color:#9ca98d}.employee-details strong{color:#71835f;font-weight:500}.profile-form{padding:4px 23px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.form-grid label{font-size:11px;color:#7b8d69;display:flex;flex-direction:column;gap:9px;font-weight:500}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #e1e8d9;border-radius:7px;background:#fff;padding:12px 11px;color:#5f7351;font-size:12px;min-width:0;box-shadow:0 1px 2px #1f3a1902}.form-grid input[readonly]{background:#fafbf8;color:#829271;border-color:#edf1e7;outline:none}.form-grid textarea{resize:vertical;line-height:1.6;min-height:100px;max-height:250px}.form-grid label>small{font-size:9px;font-weight:400;line-height:1.6;color:#a3ae96}.full-field{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:23px;padding-top:19px}.preference-panel{padding:23px}.preference-panel h2{margin-bottom:15px}.preference-panel>button{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:17px 0;border-top:1px solid var(--line)}.preference-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#f2f5ec;border-radius:8px;color:#91a57c;flex-shrink:0}.preference-panel strong{font-size:11px;color:#768964;font-weight:550;display:block}.preference-panel small{font-size:9px;color:#a2b092;line-height:1.6;display:block;margin-top:5px}.preference-panel>button>svg{margin-left:auto;color:#a1b090}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#122d2252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:80;animation:appear .15s ease}.modal{width:100%;max-width:510px;background:#fff;border:1px solid #ffffff80;border-radius:18px;padding:26px;box-shadow:0 30px 100px #10241830;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;animation:slide-in .2s ease-out}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:27px}.modal-heading h2{font-size:22px;font-weight:600;letter-spacing:-.6px}.modal-heading p{font-size:11px;line-height:1.7;color:#9ba98e;margin-top:9px}.modal-heading .icon-button{flex-shrink:0;margin:-5px -5px 0 0;background:#f6f8f2}.form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:6px;background:#f3f6ec;font-size:10px;color:#8a9c76;line-height:1.7;margin-top:18px}.form-info svg{margin-top:1px}.form-error{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fff1ec;border-radius:6px;font-size:11px;color:#ab715b;line-height:1.7;margin-top:16px}.modal-copy{font-size:12px;line-height:1.8;color:#8b9c79}.checkout-summary{background:#f3f7ed;border-radius:12px;padding:27px;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.checkout-summary>span{background:#e5edd9;border-radius:50%;color:#8ca974;padding:13px}.checkout-summary h3{font-size:35px;letter-spacing:-1px;margin-top:15px;color:#5f7c49}.checkout-summary p{font-size:11px;color:#9caf88;margin-top:8px}.request-detail>div:not(.form-info){margin-top:23px}.request-detail>div>span:not(.badge){font-size:10px;color:#9eac90;display:block;margin-bottom:8px}.request-detail strong{font-size:13px;color:#728761;font-weight:500}.request-detail p{font-size:12px;line-height:1.8;color:#7f9370;overflow-wrap:anywhere}.notification-list>div{display:flex;align-items:flex-start;gap:14px;padding:3px 0 24px}.notification-list>div+div{border-top:1px solid var(--line);padding-top:23px}.notification-list h3{font-size:13px;font-weight:550}.notification-list p{font-size:11px;line-height:1.8;color:#94a384;margin-top:7px}.notification-list small{font-size:9px;color:#acb79e;display:block;margin-top:9px}.notification-list .text-button{margin-top:12px}.install-preview{background:#f1f5e9;border-radius:11px;display:flex;flex-direction:column;align-items:center;padding:26px}.install-preview .brand-mark{width:57px;height:57px;font-size:49px;border-radius:15px;margin-bottom:13px}.install-preview .brand-mark span{right:10px;bottom:14px;width:7px;height:7px}.install-preview strong{font-size:16px}.install-preview small{font-size:10px;color:#9bad86;margin-top:6px}.install-steps{list-style:none;padding:0;margin:24px 0}.install-steps li{display:flex;gap:13px;margin-bottom:20px}.install-steps li>span{border-radius:50%;background:#f0f5e7;color:#90a876;display:flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:10px;flex-shrink:0}.install-steps strong{font-size:12px;font-weight:550;color:#728b5e}.install-steps p,.small-note{font-size:10px;line-height:1.8;color:#9a8;margin-top:5px}.small-note{margin-top:18px}.help-content h3{font-size:12px;font-weight:600;margin-top:18px;color:#6c8558}.help-content p{font-size:11px;color:#95a781;line-height:1.9;margin:7px 0 21px}.toast{position:fixed;bottom:28px;left:calc(50% + 123px);transform:translate(-50%);max-width:calc(100% - 35px);background:#244d3f;color:#f6fbee;box-shadow:0 8px 30px #17342125;border:1px solid #385e49;border-radius:10px;padding:15px 17px;display:flex;align-items:center;gap:11px;font-size:12px;z-index:100;animation:appear .2s ease}.toast>svg{color:#d4eaa0}.toast button{display:flex;align-items:center;color:#b4c89c;margin-left:8px}.connection-banner{background:#eef2e4;border-bottom:1px solid #dfe8d0;color:#7c905f;padding:10px 25px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-heading p,.section-title p,.stat-card p,.timeline-row small,.quick-panel p,.request-text small,.panel-note,.page-footer,.leave-card p,.form-grid label>small,.modal-heading p,.small-note,.help-content p,.modal-copy,.payslip-card p,.payslip-card>small,.pay-note p,.preference-panel small,.employee-details span,.profile-summary>p,.notification-list p,.notification-list small,.install-steps p,.install-preview small,.request-detail p,.request-detail>div>span:not(.badge){color:#75816f}.stat-top,.attendance-table th,.attendance-table td:first-child small,.today-note,.search-field,.calendar-weekday,.calendar-day small,.pay-summary>p,.pay-lines small,.pay-lines .pay-section-label,.info-strip p{color:#75816b}.eyebrow,.nav-caption{color:#76866b}.badge{color:#557637}.badge.orange{color:#926a2e}.badge.purple{color:#806199}.calendar-status{color:#577b35}.calendar-status.orange{color:#93692b}.calendar-status.purple{color:#806199}.salary-preview>small,.salary-preview-footer>span,.pay-note p{color:#728261}.form-info{color:#6b8055}@media(min-width:1600px){.content{padding-top:43px}.clock-card{padding:28px 30px}.clock-middle{padding:30px 0}.clock-middle h2{font-size:25px}.clock-middle p{font-size:12px}.clock-time{font-size:65px}.clock-orbit{width:158px;height:158px}.today-panel .timeline-row{min-height:78px}.today-panel .timeline-row:not(:last-child):after{top:53px;height:29px}.stat-card{padding:21px}.stat-value{font-size:33px}.attendance-table td{padding-top:18px;padding-bottom:18px}}@media(max-width:1200px){.sidebar{width:220px;padding-left:15px;padding-right:15px}.main-shell{margin-left:220px}.sidebar-profile{width:calc(100% + 30px);margin-left:-15px;padding-left:17px;padding-right:17px}.content{padding:28px 25px 15px}.topbar{padding:0 25px}.home-main-grid,.home-bottom-grid{gap:17px;grid-template-columns:1.4fr 1fr}.clock-card{padding:21px}.clock-orbit{width:103px;height:103px;margin-left:8px;margin-right:0}.clock-middle h2{font-size:18px}.clock-middle p{max-width:210px;line-height:1.6}.clock-time{font-size:48px}.clock-zone{font-size:8px;gap:4px}.section-title{padding:20px 18px 15px}.timeline{padding:0 18px}.timeline-row{gap:8px}.timeline-row small{font-size:8px}.stats-grid{gap:12px}.stat-card{padding:14px}.stat-value{font-size:25px}.stat-icon{width:29px;height:29px}.stat-top{font-size:9px}.stat-icon svg{width:17px}.salary-preview{padding:20px 18px}.salary-preview-footer{flex-wrap:wrap;gap:10px}.toast{left:calc(50% + 110px)}.attendance-table th,.attendance-table td{padding-left:10px;padding-right:10px}.attendance-table th:first-child,.attendance-table td:first-child{padding-left:18px}.attendance-table th:last-child,.attendance-table td:last-child{padding-right:18px}h1{font-size:26px}.page-heading p{font-size:11px}.date-chip{font-size:10px}.calendar-day{padding:9px 7px}.calendar-status,.calendar-day small{font-size:7px}.payroll-grid{grid-template-columns:1.1fr 1fr}.pay-summary{padding:22px 18px}.pay-summary>div{font-size:10px}.pay-summary>div>span{gap:6px}.pay-amount h2{font-size:40px}}@media(max-width:1000px)and (min-width:761px){.sidebar{width:190px;padding:25px 12px 0}.main-shell{margin-left:190px}.brand{font-size:26px;padding-left:8px}.workspace{padding:9px 7px;margin-top:28px;gap:7px}.workspace-icon{padding:6px}.workspace strong{font-size:9px}.workspace small{font-size:8px}.workspace-dot{display:none}.nav-link{font-size:10px;padding:0 10px;gap:9px}.nav-link svg{width:17px}.pocket-card{padding:15px 12px}.sidebar-profile{width:calc(100% + 24px);margin-left:-12px;padding:17px 13px;gap:7px}.sidebar-profile strong{font-size:9px}.sidebar-profile small{font-size:8px}.sidebar-profile .avatar{width:30px;height:30px;font-size:9px}.sidebar-profile>svg{width:14px}.content{padding:25px 20px}.topbar{padding:0 20px;height:69px}.home-main-grid{grid-template-columns:1fr}.clock-middle p{max-width:none}.clock-orbit{width:125px;height:125px;margin-right:20px}.clock-middle h2{font-size:23px}.clock-middle p{font-size:11px}.clock-time{font-size:53px}.clock-zone{font-size:9px}.today-panel .timeline{display:flex;gap:10px;justify-content:space-between;padding-top:8px;padding-bottom:14px}.today-panel .timeline-row{flex-direction:column;align-items:flex-start;gap:9px;min-height:0;flex:1}.today-panel .timeline-row:after{display:none}.today-panel .timeline-row b{margin-left:0}.today-note{margin-top:0}.home-bottom-grid{grid-template-columns:1fr}.home-bottom-grid>.right-stack{display:grid;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start;flex-wrap:wrap}.date-chip{margin-top:0}.payroll-grid,.pay-detail-grid{grid-template-columns:1fr}.pay-detail-grid>.right-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.profile-grid{grid-template-columns:1fr}.profile-summary .employee-details{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.request-controls{flex-wrap:wrap;padding:0 20px}.request-controls .filter-tabs{padding:0}.search-field{margin-bottom:12px}.leave-card{padding:17px}.leave-card-title{gap:8px}.leave-card-title strong{font-size:10px}.leave-card h2>span{font-size:10px}.info-strip{flex-wrap:wrap}.info-strip>.text-button{margin-left:59px}.toast{left:calc(50% + 95px)}.page-footer>span:last-child{display:none}}@media(max-width:760px){:root{background:#f7f8fa}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:70px;padding:0 21px;background:#fff}.breadcrumb{display:none}.mobile-brand{display:flex;font-size:25px;letter-spacing:-1.2px;padding:0;gap:8px}.mobile-brand .brand-mark{width:29px;height:29px;font-size:26px;border-radius:9px}.mobile-brand .brand-mark>span{width:4px;height:4px;right:5px;bottom:7px}.top-actions{gap:11px}.top-actions .avatar{display:none}.demo-pill{font-size:8px;padding:5px 7px;gap:4px}.notification-button{width:30px}.content{padding:25px 20px 100px;max-width:650px}.page-heading{margin-bottom:24px;gap:17px;flex-wrap:wrap;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}h1{font-size:27px;letter-spacing:-.9px}.greeting-dot{font-size:27px;margin-left:3px}.page-heading p{font-size:11px;line-height:1.7;margin-top:7px}.date-chip{font-size:10px;gap:6px;padding:7px 9px;border-radius:6px}.date-chip svg{width:14px;height:14px}.home-main-grid{grid-template-columns:1fr;gap:17px}.clock-card{border-radius:13px;padding:20px}.clock-card-top .light-label{font-size:8px;letter-spacing:1.3px}.shift-badge{font-size:8px;padding:5px 7px}.clock-middle{padding:23px 0}.clock-middle h2{font-size:19px;letter-spacing:-.5px}.clock-middle p{font-size:9px;max-width:205px;line-height:1.6}.clock-time{font-size:52px;letter-spacing:-2px;margin-top:15px}.clock-time>span{font-size:23px;margin-left:7px}.clock-zone{font-size:8px;gap:6px;line-height:1.6;flex-wrap:wrap;max-width:190px}.clock-orbit{width:99px;height:99px;margin:7px 0 0 8px;box-shadow:0 0 0 9px #ffffff02,0 0 0 10px #ffffff07}.orbit-dots{top:5px;right:5px;bottom:5px;left:5px;border-width:2px}.orbit-center svg{width:29px;height:29px}.orbit-center>span{font-size:7px}.clock-card-bottom{padding-top:16px}.location strong{font-size:10px}.location small{font-size:8px}.check-button{min-height:44px;font-size:11px;min-width:151px;padding:11px 13px;gap:9px}.check-button>svg:last-child{margin-left:6px}.today-panel .section-title{padding:18px 18px 10px}.section-title h2,.section-heading h2{font-size:13px}.subtle-icon{padding:5px}.subtle-icon svg{width:16px}.today-panel .timeline{display:grid;grid-template-columns:1fr 1.15fr 1fr;padding:0 18px 14px;gap:8px}.today-panel .timeline-row{flex-direction:column;align-items:flex-start;gap:9px;min-height:0;padding-top:7px}.today-panel .timeline-row:not(:last-child):after{left:35px;right:0;top:21px;height:0;border:0;border-top:1px dashed #dfe5dd}.timeline-row b{margin-left:0;font-size:14px;font-weight:500}.timeline-row strong{font-size:10px}.timeline-row small{display:none}.timeline-point{width:28px;height:28px}.today-note{margin:0 14px 14px;padding:9px 10px;font-size:9px}.today-note svg{width:15px}.section-heading{margin:26px 0 13px}.section-heading h2>span{font-size:8px}.text-button{font-size:9px;gap:4px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{border-radius:10px;padding:14px 15px 15px}.stat-top{font-size:10px}.stat-icon{width:30px;height:30px;border-radius:8px}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:28px;margin-top:8px}.stat-value small{font-size:10px;margin-left:5px}.stat-card p{font-size:8px;line-height:1.6;max-width:130px}.home-bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:21px}.section-title{padding:19px 18px 16px}.section-title p{font-size:9px;line-height:1.6}.attendance-table th{font-size:8px;padding:10px 7px}.attendance-table td{font-size:9px;padding:14px 7px}.attendance-table td:first-child strong{font-size:9px}.attendance-table td:first-child small{font-size:8px}.attendance-table th:first-child,.attendance-table td:first-child{padding-left:15px}.attendance-table th:last-child,.attendance-table td:last-child{padding-right:15px}.badge{font-size:8px;padding:5px 6px;gap:4px}.attendance-table .badge{font-size:7px;padding:4px 5px;gap:3px}.table-footer{padding:13px;min-height:44px}.salary-preview{padding:21px}.salary-preview .section-title>span{font-size:9px}.salary-preview h2{font-size:36px;margin-top:7px}.salary-preview>small{font-size:11px}.salary-preview-footer{flex-wrap:nowrap;gap:10px;margin-top:18px}.salary-preview-footer>span{font-size:9px}.salary-preview-footer button{font-size:10px;min-height:30px}.quick-panel{padding:22px}.quick-panel h2{font-size:14px}.quick-panel p{font-size:11px}.quick-panel .secondary-button{font-size:11px;min-height:44px}.right-stack{gap:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e4e9df;z-index:40;padding:8px 7px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #253a1b04}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:5px 0 2px;color:#9aa58f}.bottom-nav a>span{width:42px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative}.bottom-nav a.active{color:#47613d}.bottom-nav a.active>span{background:#edf3e4}.bottom-nav a.active svg{stroke-width:2}.bottom-nav small{font-size:9px;font-weight:500}.bottom-nav i{position:absolute;top:2px;right:7px;width:5px;height:5px;background:#a4b67d;border:1px solid white;border-radius:50%}.page-footer{padding-top:26px;justify-content:center;font-size:8px}.page-footer>span:last-child{display:none}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:-moz-max-content;width:max-content;max-width:calc(100% - 30px);font-size:11px;padding:13px 15px}.toast>span{line-height:1.6}.primary-button,.secondary-button,.danger-button{font-size:11px;min-height:44px}.page-heading>.primary-button{width:100%;justify-content:center;margin-top:2px}.attendance-stats{margin-bottom:20px}.toolbar{padding:13px 12px;gap:8px;flex-wrap:wrap}.month-switch{gap:0}.month-switch strong{font-size:11px;min-width:115px}.month-switch .icon-button{width:30px}.toolbar-actions{gap:7px;margin-left:auto}.segmented button{font-size:9px;padding:7px 9px;min-height:32px}.toolbar-actions>.secondary-button{padding:7px;min-height:38px;width:35px}.toolbar-actions>.secondary-button>span{display:none}.filter-tabs{padding:0 16px;gap:22px}.filter-tabs button{font-size:10px;min-height:46px}.panel-note{font-size:8px;padding:14px 15px;line-height:1.6;gap:6px;align-items:flex-start}.panel-note svg{width:14px}.info-strip{padding:19px 17px;gap:12px;flex-wrap:wrap;margin-top:20px}.info-strip>div{flex:1;min-width:210px}.info-strip h3{font-size:11px}.info-strip p{font-size:10px;margin-top:5px}.info-icon{width:35px;height:35px}.info-icon svg{width:19px}.info-strip>.text-button{margin-left:47px;min-height:30px;font-size:10px}.calendar{padding:10px}.calendar-weekday{font-size:8px;padding:10px 0}.calendar-day,.calendar-blank{min-height:76px;padding:8px 3px;gap:7px;align-items:center}.calendar-day strong{font-size:10px}.calendar-day small{font-size:6px;text-align:center}.calendar-status{font-size:6px;padding:3px 2px}.calendar-legend{padding-top:15px;gap:12px}.leave-balances{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:21px}.leave-card{padding:14px 10px}.leave-card-title{flex-direction:column;align-items:flex-start;gap:10px}.leave-card-title strong{font-size:10px}.leave-card-title .stat-icon{width:29px;height:29px}.leave-card h2{font-size:28px;margin:15px 0 12px}.leave-card h2>span{display:block;font-size:8px;margin-top:3px}.leave-card p{font-size:8px;line-height:1.6;min-height:24px}.balance-track{height:4px}.request-heading{align-items:flex-start}.request-heading h2{font-size:13px}.request-heading .secondary-button{font-size:9px;padding:7px 9px;min-height:36px;gap:4px}.request-controls{display:block;padding:0}.request-controls .filter-tabs{padding:0 17px;gap:22px;justify-content:flex-start;border-bottom:1px solid var(--line)}.request-controls .filter-tabs button{font-size:10px}.search-field{max-width:none;padding:6px 18px;border-bottom:1px solid var(--line)}.search-field input{font-size:11px;min-height:34px}.request-row{padding:18px 15px;gap:10px}.request-icon{width:33px;height:33px;border-radius:8px}.request-icon svg{width:17px}.request-text strong{font-size:11px}.request-text small{font-size:8px;line-height:1.6}.request-chevron{display:none}.request-row .badge{font-size:7px}.select-wrap{width:100%;justify-content:space-between;padding:0 14px}.select-wrap select{flex:1;font-size:12px;padding:13px 8px}.payroll-grid,.pay-detail-grid{grid-template-columns:1fr;gap:18px}.pay-hero{padding:24px}.pay-amount{margin-top:25px}.pay-amount h2{font-size:46px}.pay-hero-bottom{margin-top:24px}.pay-summary{padding:22px}.pay-summary>div{font-size:11px;padding:16px 0}.pay-summary>p{font-size:9px;line-height:1.7}.pay-lines{padding-left:20px;padding-right:20px}.pay-lines .pay-total{margin-left:-20px;margin-right:-20px;padding:20px}.pay-lines .pay-total strong{font-size:15px}.payslip-card{padding:27px 24px}.payslip-card .primary-button{max-width:340px}.pay-note{padding:20px}.profile-grid{grid-template-columns:1fr;gap:21px}.profile-summary .employee-details{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:22px 20px 10px}.employee-details>div{display:flex;flex-direction:column;gap:7px;font-size:10px}.profile-summary h2{font-size:22px}.profile-summary>p{font-size:12px}.profile-form{padding:4px 18px 20px}.form-grid{gap:17px;grid-template-columns:1fr}.form-grid label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:12px;min-height:46px}.profile-form .form-grid input{font-size:14px}.full-field{grid-column:auto}.profile-grid .section-title .compact{font-size:9px;padding:7px 9px;gap:4px;min-height:36px}.profile-grid .section-title h2{font-size:13px}.preference-panel{padding:20px 18px}.preference-panel small{font-size:9px}.preference-panel strong{font-size:11px}.modal-overlay{padding:18px 12px;align-items:center}.modal{padding:24px 21px;border-radius:17px;max-height:calc(100dvh - 36px)}.modal-heading h2{font-size:21px}.modal-heading{margin-bottom:24px}.modal-heading p{font-size:11px}.modal .form-grid{grid-template-columns:1fr 1fr;gap:17px 12px}.modal .full-field{grid-column:1/-1}.modal .form-grid input,.modal .form-grid select{font-size:14px;padding:11px 8px}.modal .form-grid textarea{font-size:14px}.modal .form-grid label>small{font-size:9px}.form-actions{gap:9px;justify-content:stretch}.form-actions>button{flex:1;padding:10px;font-size:10px;min-height:45px}.checkout-summary h3{font-size:33px}.connection-banner{font-size:10px;line-height:1.6;align-items:flex-start;padding:10px 19px}.empty{padding:40px 20px}.empty h3{font-size:13px}}@media(max-width:370px){.content{padding-left:14px;padding-right:14px}.topbar{padding:0 15px}.clock-card{padding:17px}.clock-middle h2{font-size:17px}.clock-middle p{font-size:8px;max-width:170px}.clock-orbit{width:82px;height:82px;margin-left:6px}.clock-time{font-size:47px}.clock-zone{max-width:170px;font-size:7px}.location strong{font-size:9px}.check-button{min-width:135px;padding:10px;font-size:10px}.location{gap:5px}.request-controls .filter-tabs{gap:15px}.request-row{gap:8px}.request-text small,.home-main-grid .clock-card-top .light-label{font-size:7px}h1{font-size:24px}.stat-value{font-size:25px}.stat-top{font-size:9px}.attendance-table td{font-size:8px;padding-left:5px;padding-right:5px}.attendance-table .badge{font-size:6px}.profile-summary .employee-details{gap:0 15px}.modal{padding:22px 17px}.modal-heading h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.calendar-day{text-align:left;border-radius:0}.calendar-day:hover{background:#f4f7ee}.calendar-day.chosen{box-shadow:inset 0 0 0 2px #9db782;background:#f1f6e8}.calendar-day:focus-visible{outline-offset:-3px}.calendar-legend>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#718064}.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#90aa6f}.calendar-legend i.orange{background:#c59d64}.calendar-legend i.purple{background:#b19ac8}.selected-day{margin-top:19px;display:flex;align-items:center;gap:12px;padding:16px;background:#f5f8ef;border:1px solid #e5eddc;border-radius:9px;color:#8ba271}.selected-day strong{font-size:12px;color:#526c42;font-weight:550}.selected-day p{font-size:11px;line-height:1.6;margin-top:5px;color:#7b8d6b}.selected-day>span{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:11px;white-space:nowrap;color:#6c8656}.update-notice{position:fixed;z-index:95;right:25px;bottom:25px;max-width:calc(100% - 40px);background:#fff;border:1px solid #cddbbf;border-radius:10px;box-shadow:0 5px 25px #1e3b1920;padding:16px;display:flex;align-items:center;gap:12px;color:#79985d}.update-notice strong{font-size:12px;display:block;color:#49623b}.update-notice small{font-size:10px;display:block;margin-top:5px;color:#7d8c71}.update-notice button{font-size:11px;font-weight:600;padding:7px}@media(max-width:760px){.page-heading p{font-size:12px}.stat-top{font-size:11px}.stat-card p{font-size:10px;max-width:none}.section-title p,.timeline-row strong{font-size:11px}.today-note,.attendance-table td,.attendance-table td:first-child strong{font-size:10px}.attendance-table td:first-child small,.attendance-table th{font-size:9px}.attendance-table .badge{font-size:8px}.request-text strong{font-size:12px}.request-text small{font-size:10px}.request-row .badge{font-size:9px}.bottom-nav small,.clock-middle p{font-size:10px}.clock-zone{font-size:9px}.form-info{font-size:11px}.panel-note{font-size:10px}.calendar-day,.calendar-blank{min-height:64px;gap:8px;justify-content:flex-start}.calendar-day strong{font-size:13px}.calendar-day small{display:none}.calendar-weekday{font-size:10px}.calendar-status{font-size:0;width:6px;height:6px;border-radius:50%;padding:0;background:#90aa6f}.calendar-status.orange{background:#c59d64}.calendar-status.purple{background:#b19ac8}.selected-day{padding:14px 11px;gap:8px;flex-wrap:wrap}.selected-day>svg{width:17px}.selected-day strong{font-size:11px}.selected-day p{font-size:10px}.selected-day>span{font-size:10px}.update-notice{bottom:calc(90px + env(safe-area-inset-bottom));right:15px;max-width:calc(100% - 30px);padding:12px;gap:8px}.update-notice small{font-size:9px}.update-notice strong{font-size:11px}}.selfie-field{margin-bottom:20px}.selfie-label{display:block;font-size:11px;color:#7b8d69;font-weight:500;margin-bottom:9px}.selfie-box{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f3f7ed;border:1px solid #e4ebd9}.selfie-box video,.selfie-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.selfie-box video{transform:scaleX(-1)}.selfie-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;color:#7d9167;font-size:12px;line-height:1.7;background:#f3f7ed}.selfie-message .secondary-button,.selfie-actions .secondary-button{width:auto;margin-top:0}.selfie-actions{display:flex;justify-content:center;margin-top:12px}.selfie-shutter{min-width:170px}@media(max-width:760px){.selfie-label{font-size:12px}.selfie-box{aspect-ratio:1/1}}.modal-copy+form{margin-top:18px}.clock-time>.clock-meridiem{letter-spacing:0}.calendar-status.red{background:#fbefeb;color:#b16e60}.calendar-legend i.red{background:#c98473}@media(max-width:760px){.calendar-status.red{background:#c98473}}.clock-card-bottom>.check-button:only-child,.salary-preview-footer>button:only-child{margin-left:auto}.profile-avatar img,.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.avatar{overflow:hidden}.avatar-edit{position:absolute;right:-6px;bottom:-4px;width:30px;height:30px;border-radius:50%;background:#244d3f;color:#f8fcf2;border:3px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-edit input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.avatar-edit[aria-busy=true]{opacity:.6}.avatar-edit:focus-within{outline:2px solid #8fb89f;outline-offset:2px}.notification-list>div.unread h3:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#c59d64;margin-left:8px;vertical-align:middle}.notification-actions{display:flex;flex-wrap:wrap;gap:4px 18px}.notification-actions .text-button{margin-left:0}.brand-logo{display:block;height:40px;width:auto;max-width:100%}.mobile-brand .brand-logo,.auth-mobile-brand .brand-logo{height:34px}.auth-brand .brand-logo{height:44px}img.tiny-brand{width:14px;height:14px;-o-object-fit:contain;object-fit:contain}.install-icon{width:57px;height:57px;border-radius:15px;margin-bottom:13px;border:1px solid #e6ece4;box-shadow:0 3px 10px #17342114}@media(max-width:360px){.mobile-brand .brand-logo,.auth-mobile-brand .brand-logo{height:30px}}.preference-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;width:100%;padding:17px 0;border-top:1px solid var(--line)}.preference-row>.segmented{margin-left:auto}@media(max-width:760px){.topbar{position:sticky;top:0;z-index:35}}.avatar{position:relative}.avatar img,.profile-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s}.avatar img.loaded,.profile-avatar img.loaded{opacity:1}.avatar-edit{z-index:1}.dropdown-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:11px;color:#7b8d69;font-weight:500}.dropdown{position:relative;width:100%;min-width:0;max-width:100%;font-weight:400}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:44px;padding:11px 12px;text-align:left;border:1px solid #e1e8d9;border-radius:7px;background:#fff;color:#5f7351;font-size:12px;line-height:1.5}.dropdown-trigger>span,.dropdown-option>span{min-width:0;overflow-wrap:anywhere;white-space:normal}.dropdown-trigger[aria-expanded=true]{border-color:#8fb89f;box-shadow:0 0 0 2px #8fb89f22}.dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;z-index:10;top:calc(100% + 6px);inset-inline:0;width:100%;min-width:0;max-width:100%;margin:0;padding:5px;list-style:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #dce5d4;border-radius:9px;background:#fff;box-shadow:0 8px 24px #1630211c}.dropdown-menu.above{top:auto;bottom:calc(100% + 6px)}.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;min-height:44px;padding:10px;border-radius:5px;color:#536b46;font-size:12px;line-height:1.5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.dropdown-option.highlighted{background:#eef4e7}.dropdown-option[aria-selected=true]{color:#365d36;font-weight:550}.select-wrap{min-width:0;max-width:100%;width:220px;padding:0 10px;gap:6px}.select-wrap>.dropdown{flex:1}.select-wrap .dropdown-trigger{border:0;background:transparent;box-shadow:none;padding-inline:5px;font-size:11px}.select-wrap .dropdown-menu{inset-inline:auto 0;width:calc(100% + 23px);max-width:calc(100% + 23px)}.form-grid>*,.modal .form-grid>*{min-width:0}@media(max-width:760px){.dropdown-trigger,.dropdown-option{font-size:14px;min-height:46px}.select-wrap{width:100%}.select-wrap .dropdown-trigger{font-size:12px}.select-wrap .dropdown-option{font-size:13px}.dropdown-field{font-size:11px}}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#fcfdfb}.auth-story{background:#1c453a;color:#f4f9ec;min-height:100dvh;padding:38px 46px 25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;inset:auto auto -370px -290px;width:800px;height:800px;border:1px solid #ffffff08;border-radius:50%;box-shadow:0 0 0 55px #ffffff02,0 0 0 56px #ffffff06;pointer-events:none}.auth-brand{padding:0;color:#f6faef;font-size:29px;letter-spacing:-1.5px}.auth-brand .brand-mark{background:#d9edac;color:#1c453a}.auth-brand .brand-mark>span{background:#1c453a}.auth-story-content{margin:auto;max-width:450px;width:100%;padding:60px 0 42px;position:relative}.auth-story-kicker{font-size:10px;letter-spacing:2px;color:#b5caa8;display:flex;gap:9px;align-items:center}.auth-story-kicker>span{width:5px;height:5px;background:#d8eda6;border-radius:50%}.auth-story h1{font-size:57px;line-height:1.13;letter-spacing:-2.3px;font-weight:500;margin-top:24px}.auth-story h1 em{font-style:normal;color:#d9edac}.auth-story-content>p{color:#b6c9bc;font-size:15px;line-height:1.85;margin-top:21px}.auth-illustration{height:285px;position:relative;margin:30px 0 22px}.auth-orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:275px;height:275px;right:-15px;top:0}.orbit-two{width:340px;height:340px;right:-47px;top:-32px}.auth-star{position:absolute;right:11px;top:20px;font-size:59px;color:#b9ce92;font-weight:300;transform:rotate(10deg)}.auth-day-card{position:absolute;width:280px;left:7px;top:17px;border:1px solid #ffffffc2;border-radius:15px;background:#fbfcf6;color:#36533c;box-shadow:0 15px 35px #102d2020;padding:20px 22px;transform:rotate(-5deg)}.auth-card-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.auth-card-label>span:first-child{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#7f9271}.auth-card-dots{font-size:13px;letter-spacing:2px;color:#a7b09d}.auth-card-time{font-size:44px;font-weight:500;letter-spacing:-2px;line-height:1.4;margin-top:8px}.auth-card-time>span{font-size:11px;letter-spacing:0;margin-left:8px;color:#87987c}.auth-card-check{display:flex;align-items:center;gap:9px;margin-top:3px}.auth-card-check>span{background:#e7efd9;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#7b9860}.auth-card-check strong{display:block;font-size:11px;font-weight:550}.auth-card-check small{font-size:9px;color:#8b9a80;display:block;margin-top:3px}.auth-card-week{display:flex;justify-content:space-between;border-top:1px solid #e7ecdf;padding-top:14px;margin-top:18px}.auth-card-week>span{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-card-week small{font-size:9px;color:#8d9c83}.auth-card-week i{width:23px;height:23px;border-radius:50%;background:#edf2e5;display:flex;align-items:center;justify-content:center;color:#7d9a5c}.auth-card-week i>span{width:4px;height:4px;background:#c7d1bb;border-radius:50%}.auth-floating-card{position:absolute;bottom:0;left:80px;right:-5px;display:flex;align-items:center;gap:11px;background:#e5edcf;color:#3e5e3d;border:1px solid #eff5e0;border-radius:11px;padding:17px;box-shadow:0 12px 25px #17302120;transform:rotate(4deg)}.auth-floating-card>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#d6e4b7;border-radius:9px;color:#79955c}.auth-floating-card strong{display:block;font-size:12px;font-weight:550}.auth-floating-card small{display:block;font-size:9px;color:#7d9167;margin-top:5px}.auth-floating-card>svg{margin-left:auto;color:#829969}.auth-story-features{display:flex;gap:22px;margin-top:32px}.auth-story-features>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b6c8af}.auth-story-features svg{color:#c4d89f}.auth-story-footer{display:flex;justify-content:space-between;gap:12px;color:#91aa97;font-size:9px;position:relative}.auth-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh;padding:30px 48px 22px}.auth-header{display:flex;justify-content:flex-end;min-height:30px}.auth-mobile-brand{display:none}.auth-form-wrap{width:100%;max-width:385px;margin:auto;padding:50px 0}.auth-form-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#eff4e7;color:#8fa971;border:1px solid #e6edda;border-radius:13px;margin-bottom:27px}.auth-form-wrap .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:10px}.auth-form-wrap h2{font-size:35px;letter-spacing:-1.2px;font-weight:600;line-height:1.25}.auth-intro{font-size:12px;line-height:1.8;color:#7e8c75;margin-top:12px;margin-bottom:31px}.auth-field{margin-bottom:19px;min-width:0}.auth-field>label{display:block;font-size:11px;font-weight:550;color:#65795b;margin-bottom:9px}.auth-input{display:flex;align-items:center;gap:10px;min-height:49px;border:1px solid #dfe6d7;border-radius:8px;background:#fff;padding:0 13px;color:#9ba98e;transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:#8eac79;box-shadow:0 0 0 3px #8eac7916}.auth-input>input{background:none;width:100%;min-width:0;border:0;outline:none;box-shadow:none;padding:14px 0;font-size:12px;color:#42593c}.auth-input>input:focus{outline:none}.auth-input>input::-moz-placeholder{color:#a0aa96}.auth-input>input::placeholder{color:#a0aa96}.auth-input>button{display:flex;align-items:center;justify-content:center;width:36px;min-height:44px;margin-right:-8px;color:#8b9b7e;flex-shrink:0;border-radius:5px}.auth-input.invalid{border-color:#c78e7b}.auth-error{display:block;color:#a7634c;font-size:11px;line-height:1.6;margin-top:7px}.auth-form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-1px 0 23px;font-size:10px}.auth-form-options>span{display:flex;align-items:center;gap:5px;color:#899b78}.auth-form-options a{color:#4b7043;font-weight:600;padding:5px 0}.auth-submit{width:100%;font-size:12px;min-height:48px;justify-content:space-between;padding:12px 17px;box-shadow:0 4px 8px #23432a0b}.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0 18px;font-size:10px;white-space:nowrap;color:#95a08b}.auth-divider>span{height:1px;background:#e5eadf;flex:1}.auth-demo-button{width:100%;min-height:47px;font-size:11px;color:#71865e;justify-content:center;background:#fbfcf8}.auth-demo-button>svg:last-child{margin-left:auto}.auth-demo-button>svg:first-child{margin-right:auto}.auth-switch{font-size:11px;color:#849577;margin-top:26px;text-align:center;line-height:1.8}.auth-switch>a{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:#456d3d;font-weight:600;padding:4px 0}.auth-demo-note{display:flex;justify-content:center;align-items:flex-start;gap:7px;padding-top:20px;margin-top:20px;border-top:1px solid #edf0e7;color:#9caa8e}.auth-demo-note p{font-size:9px;line-height:1.7;color:#86967a}.auth-demo-note svg{margin-top:2px;width:14px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ba98c;font-size:9px;margin-top:auto}.auth-password-hints{display:flex;gap:16px;margin-top:-9px;margin-bottom:19px;font-size:9px;color:#9aa58d}.auth-password-hints>span{display:flex;align-items:center;gap:4px}.auth-password-hints .met{color:#6a8b4a}.register-form{padding-top:30px;padding-bottom:30px}.register-form .auth-form-icon{margin-bottom:20px}.register-form .auth-intro{margin-bottom:24px}.register-form .auth-divider{margin-top:21px}.register-form .auth-switch{margin-top:19px}.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7a9067;margin-bottom:28px;padding:5px 0}.auth-reset-success{background:#f3f6ec;border:1px solid #e4ebd9;border-radius:13px;text-align:center;padding:27px 22px;color:#81966d}.auth-reset-success>span{display:inline-flex;background:#e6eed8;border-radius:50%;padding:13px;margin-bottom:16px}.auth-reset-success h3{font-size:18px;color:#48683c;letter-spacing:-.4px}.auth-reset-success p{font-size:11px;line-height:1.9;margin:10px 0;overflow-wrap:anywhere}.auth-reset-success .primary-button{width:100%;margin:13px 0;font-size:11px}.auth-text-link{font-size:10px;color:#6b8557;padding:9px}.sign-out-row{color:#94705f!important}.sign-out-row .preference-icon{background:#f7eee8;color:#ab8b77}.sign-out-row strong{color:#876c5b}@media(min-width:1600px){.auth-story{padding:45px 60px 28px}.auth-story-content{max-width:480px}.auth-story h1{font-size:67px}.auth-illustration{height:310px}.auth-day-card{width:300px}.auth-floating-card{bottom:5px;left:110px}.auth-form-wrap{max-width:415px}.auth-form-wrap h2{font-size:40px}}@media(max-width:1100px){.auth-story{padding:32px 30px 24px}.auth-story h1{font-size:46px}.auth-story-content>p{font-size:13px}.auth-main{padding:28px 30px 20px}.auth-story-features{gap:13px}.auth-story-features>span{font-size:10px;gap:5px}.auth-day-card{width:245px;left:0}.auth-floating-card{left:40px;right:0;padding:14px 12px;gap:8px}.auth-floating-card small{font-size:8px}.auth-floating-card strong{font-size:11px}.auth-star{right:-5px;font-size:47px}.auth-story-footer>span:last-child{display:none}.auth-form-wrap h2{font-size:31px}}@media(max-width:760px){.auth-shell{display:block;background:#fcfdfb}.auth-story{display:none}.auth-main{min-height:100dvh;padding:0 23px 22px}.auth-header{justify-content:space-between;align-items:center;min-height:77px;margin:0 -23px;padding:0 23px;border-bottom:1px solid #edf0e7;background:#fff}.auth-mobile-brand{display:flex;padding:0;font-size:25px;letter-spacing:-1.2px}.auth-mobile-brand .brand-mark{width:29px;height:29px;font-size:26px;border-radius:9px}.auth-form-wrap{max-width:400px;padding:38px 0 29px;margin:auto}.auth-form-icon{width:45px;height:45px;margin-bottom:23px;border-radius:12px}.auth-form-wrap h2{font-size:33px;letter-spacing:-1.1px}.auth-form-wrap .eyebrow{font-size:8px;letter-spacing:1.3px}.auth-intro{font-size:12px;line-height:1.8;margin-top:10px;margin-bottom:26px}.auth-field{margin-bottom:19px}.auth-field>label{font-size:12px}.auth-input{min-height:51px;padding-left:12px;gap:10px}.auth-input>input{font-size:16px;padding:14px 0}.auth-input>input::-moz-placeholder{font-size:14px}.auth-input>input::placeholder{font-size:14px}.auth-form-options{font-size:10px;margin-bottom:21px;gap:6px}.auth-form-options>span{font-size:9px}.auth-form-options a{padding:10px 0}.auth-submit{min-height:49px;font-size:13px}.auth-demo-button{min-height:47px;font-size:12px}.auth-switch{font-size:12px;margin-top:22px}.auth-divider,.auth-demo-note p{font-size:10px}.auth-demo-note{margin-top:20px;padding-top:18px}.auth-footer{font-size:9px;padding-top:4px}.auth-password-hints{font-size:10px;gap:14px}.register-form{padding-top:29px}.register-form .auth-form-icon{margin-bottom:20px}.register-form h2{font-size:31px}.auth-back,.auth-reset-success p{font-size:12px}}@media(max-width:360px){.auth-main{padding-inline:18px}.auth-header{margin-inline:-18px;padding-inline:18px}.auth-form-wrap h2{font-size:30px}.register-form h2{font-size:28px}.auth-form-options>span{font-size:8px}.auth-form-options a{font-size:10px}.auth-password-hints{font-size:9px;gap:12px}.auth-demo-note p{font-size:9px}}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-alert{display:flex;align-items:flex-start;gap:9px;border:1px solid;border-radius:10px;padding:12px 14px;margin:-8px 0 22px;font-size:11px;line-height:1.7}.auth-alert>svg{flex-shrink:0;margin-top:2px}.auth-alert.error{background:#fbf3ef;border-color:#efd9cf;color:#9a5a45}.auth-alert.success{background:#f3f6ec;border-color:#e4ebd9;color:#48683c}.auth-submit:disabled{opacity:.75;cursor:progress}.auth-spin{animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.auth-alert{font-size:12px}}@media(max-width:360px){.auth-name-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){.auth-spin{animation:none}}.auth-optional{font-weight:400;color:#9aa58d}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2}.theme-fading,.theme-fading *,.theme-fading *:before,.theme-fading *:after{transition:background-color .4s ease,color .4s ease,border-color .4s ease,fill .4s ease,stroke .4s ease!important}.content.page-forward{animation:page-in-right .42s cubic-bezier(.22,.8,.26,1) both}.content.page-back{animation:page-in-left .42s cubic-bezier(.22,.8,.26,1) both}.content.page-forward>*,.content.page-back>*{animation:page-rise .5s cubic-bezier(.22,.8,.26,1) both}.content>*:nth-child(2){animation-delay:.05s}.content>*:nth-child(3){animation-delay:.1s}.content>*:nth-child(4){animation-delay:.15s}.content>*:nth-child(5){animation-delay:.2s}.content>*:nth-child(n+6){animation-delay:.24s}@keyframes page-in-right{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes page-in-left{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@keyframes page-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bottom-nav a.active>span,.nav-link.active svg{animation:nav-pop .38s cubic-bezier(.3,1.6,.5,1)}@keyframes nav-pop{0%{transform:scale(.82)}60%{transform:scale(1.1)}to{transform:scale(1)}}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center;color:#f4f9ec;background:radial-gradient(circle at 50% 42%,#204d40eb,#0a1813f0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:celebrate-life 2.6s ease both}.celebrate-out{background:radial-gradient(circle at 50% 42%,#1c2e3aed,#080e14f2);animation-duration:3.1s}@keyframes celebrate-life{0%{opacity:0}8%{opacity:1}86%{opacity:1}to{opacity:0}}.celebrate-stage{position:relative;width:180px;height:180px;margin-bottom:14px}.celebrate-stage svg{width:100%;height:100%;overflow:visible}.celebrate h2{font-size:27px;font-weight:650;letter-spacing:-.6px;animation:celebrate-text .6s .45s both}.celebrate p{font-size:14px;color:#cfe2c4;margin-top:6px;animation:celebrate-text .6s .6s both}.celebrate-out p{color:#c6d3de}@keyframes celebrate-text{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ci-disc{fill:#d9ef9e;transform-origin:90px 90px;animation:ci-pop .6s cubic-bezier(.3,1.6,.5,1) both}@keyframes ci-pop{0%{transform:scale(0)}to{transform:scale(1)}}.ci-check{fill:none;stroke:#1c453a;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:ci-draw .45s .42s ease-out forwards}@keyframes ci-draw{to{stroke-dashoffset:0}}.ci-ring{fill:none;stroke:#d9ef9e;stroke-width:3;transform-origin:90px 90px;animation:ci-ring 1.2s .3s ease-out both}@keyframes ci-ring{0%{transform:scale(.75);opacity:.9}to{transform:scale(1.45);opacity:0}}.ci-ray{stroke:#f6c66b;stroke-width:4;stroke-linecap:round;stroke-dasharray:14;stroke-dashoffset:14;animation:ci-ray .7s ease-out both}@keyframes ci-ray{0%{stroke-dashoffset:14;opacity:1}55%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-14;opacity:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;left:50%;top:50%;width:8px;height:12px;border-radius:2px;background:var(--c);opacity:0;animation:confetti 1.5s var(--d) cubic-bezier(.15,.7,.3,1) both}.confetti i:nth-child(3n){width:7px;height:7px;border-radius:50%}@keyframes confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.3)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}.co-sky{animation:co-sky 1.7s .15s ease-in-out both}@keyframes co-sky{0%{fill:#f2a65a}45%{fill:#c2607a}to{fill:#13273a}}.co-sun{fill:#ffd27a;animation:co-sun 1.3s .15s cubic-bezier(.5,0,.75,0) both}@keyframes co-sun{0%{transform:translateY(-8px)}to{transform:translateY(70px)}}.co-ground{fill:#1c453a}.co-moon{opacity:0;transform-box:fill-box;transform-origin:center;animation:co-moon 1s 1.15s cubic-bezier(.22,.8,.26,1) forwards}@keyframes co-moon{0%{opacity:0;transform:translateY(26px) rotate(-25deg)}to{opacity:1;transform:none}}.co-star{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:co-star 1.4s ease-in-out both}@keyframes co-star{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.5)}75%{opacity:.6;transform:scale(.9)}to{opacity:.95;transform:scale(1)}}.co-frame{fill:none;stroke:#d9ef9e55;stroke-width:2}:root[data-theme=dark]{color-scheme:dark;color:#d0dad8;background:#0f1513}:root[data-theme=dark] ::-moz-selection{background:#366551}:root[data-theme=dark] ::selection{background:#366551}:root[data-theme=dark] .sidebar{background:#161e1b;border-right:1px solid #323834}:root[data-theme=dark] .brand-dot{color:#b1c99e}:root[data-theme=dark] .workspace-icon{background:#262d26}:root[data-theme=dark] .nav-link{color:#a5aba8}:root[data-theme=dark] .nav-link:hover{background:#202925}:root[data-theme=dark] .nav-link.active{background:#25352e;color:#b8d3bd}:root[data-theme=dark] .nav-link em{background:#161e1b;border:1px solid #333a37}:root[data-theme=dark] .pocket-card{background:#202f29;border:1px solid #2e3e38}:root[data-theme=dark] .pocket-card:after{border:1px solid #32423b;box-shadow:0 0 0 20px #2d3c36,0 0 0 21px #30413a}:root[data-theme=dark] .pocket-icon{color:#afc3ad}:root[data-theme=dark] .pocket-card p{color:#a2a89c}:root[data-theme=dark] .pocket-card button{color:#b6cbb4}:root[data-theme=dark] .help-link{color:#a5aba8}:root[data-theme=dark] .avatar{background:#453828;color:#ccbaaa;border:3px solid #292929;box-shadow:0 0 0 1px #3f3c35}:root[data-theme=dark] .sidebar-profile small{color:#999e9b}:root[data-theme=dark] .sidebar-profile>svg{color:#9ba29e}:root[data-theme=dark] .topbar{border-bottom:1px solid #323834;background:#161e1be6}:root[data-theme=dark] .breadcrumb strong{color:#b5bdb7}:root[data-theme=dark] .demo-pill{background:#202f29;color:#aab6a4;border:1px solid #2f3d37}:root[data-theme=dark] .icon-button{color:#a3aaa7}:root[data-theme=dark] .icon-button:hover{background:#232e2a}:root[data-theme=dark] .notification-button i{border:1px solid #292929}:root[data-theme=dark] .eyebrow{color:#a3ae9b}:root[data-theme=dark] .page-heading p{color:#989e9a}:root[data-theme=dark] .date-chip{border:1px solid #343a34;background:#161e1b;color:#a9b0ac}:root[data-theme=dark] .date-chip svg{color:#9ea69b}:root[data-theme=dark] .panel{background:#161e1b;border:1px solid #323834}:root[data-theme=dark] .subtle-icon{background:#202925;color:#98a390}:root[data-theme=dark] .timeline-row:not(:last-child):after{border-left:1px dashed #36403c}:root[data-theme=dark] .timeline-point{background:#202b27;color:#9ba492}:root[data-theme=dark] .timeline-row.done .timeline-point{background:#203b2f;color:#aac8ae}:root[data-theme=dark] .timeline-row b{color:#a9b1a9}:root[data-theme=dark] .today-note{background:#1e2d27;color:#a0aa95}:root[data-theme=dark] .section-heading h2>span{border:1px solid #343e3a;color:#9ea796}:root[data-theme=dark] .text-button{color:#acb8a4}:root[data-theme=dark] .stat-card{background:#161e1b;border:1px solid #323834}:root[data-theme=dark] .stat-top{color:#9fa79f}:root[data-theme=dark] .green.stat-icon{background:#1f392e;color:#a8b995}:root[data-theme=dark] .blue.stat-icon{background:#1d2b36;color:#7c9eb9}:root[data-theme=dark] .purple.stat-icon{background:#271c34}:root[data-theme=dark] .orange.stat-icon{background:#362a1d;color:#bea178}:root[data-theme=dark] .attendance-table th{background:#1b2722;border-bottom:1px solid #2e3632}:root[data-theme=dark] .attendance-table td{color:#a7afa7;border-bottom:1px solid #2d3532}:root[data-theme=dark] .attendance-table td:first-child strong{color:#b9c3b9}:root[data-theme=dark] .badge{color:#aebf9b;background:#1e372d}:root[data-theme=dark] .badge.orange{background:#372c1d;color:#c1aa83}:root[data-theme=dark] .badge.purple{background:#251c34}:root[data-theme=dark] .badge.gray{background:#282c28;color:#9aa39a}:root[data-theme=dark] .badge.red{background:#33221c;color:#c08e84}:root[data-theme=dark] .table-footer{border-top:1px solid #2e3a35;color:#a2ae97}:root[data-theme=dark] .salary-preview{background:#243930;border:1px solid #32433c}:root[data-theme=dark] .salary-preview:before{border:1px solid #33483f;box-shadow:0 0 0 20px #2f423a,0 0 0 21px #33483f}:root[data-theme=dark] .salary-preview .section-title{color:#a9b99b}:root[data-theme=dark] .salary-preview>small{color:#9ea793}:root[data-theme=dark] .salary-preview h2{color:#c1d3bc}:root[data-theme=dark] .salary-preview-footer{border-top:1px solid #364841}:root[data-theme=dark] .salary-preview-footer>span{color:#a3ac97}:root[data-theme=dark] .salary-preview-footer button{color:#adbea3}:root[data-theme=dark] .quick-panel p{color:#9aa291}:root[data-theme=dark] .secondary-button{border:1px solid #33413b;background:#161e1b;color:#acb8a5}:root[data-theme=dark] .danger-button{background:#33201b;color:#c7958b;border:1px solid #453630}:root[data-theme=dark] .tiny-brand{color:#9ea992}:root[data-theme=dark] .segmented{background:#1f2d27;border:1px solid #303d37}:root[data-theme=dark] .segmented button{color:#9fa898}:root[data-theme=dark] .segmented button.selected{background:#161e1b;color:#bbcfb4}:root[data-theme=dark] .filter-tabs button{color:#9da893}:root[data-theme=dark] .filter-tabs button.selected{color:#bacfb1}:root[data-theme=dark] .panel-note{color:#9da794}:root[data-theme=dark] .live-text{color:#a8bd96}:root[data-theme=dark] .info-strip{border:1px solid #31413a;background:#22352d}:root[data-theme=dark] .info-icon{background:#294539;color:#a8b599}:root[data-theme=dark] .info-strip h3{color:#b9c5ae}:root[data-theme=dark] .info-strip p{color:#9da790}:root[data-theme=dark] .calendar-weekday{background:#1c2d26}:root[data-theme=dark] .calendar-day strong{color:#a7b09e}:root[data-theme=dark] .calendar-day.weekend{background:#1b2722}:root[data-theme=dark] .calendar-day.today{background:#1e372d;box-shadow:inset 0 0 0 1px #425f53}:root[data-theme=dark] .calendar-status{background:#1f3a2f;color:#aabb97}:root[data-theme=dark] .calendar-status.orange{background:#3b3120;color:#c0a883}:root[data-theme=dark] .calendar-status.purple{background:#291d36;color:#9a87ad}:root[data-theme=dark] .empty h3{color:#afbaa6}:root[data-theme=dark] .balance-track{background:#22342d}:root[data-theme=dark] .leave-card.purple .balance-track>span{background:#4a3762}:root[data-theme=dark] .leave-card.orange .balance-track>span{background:#6e583b}:root[data-theme=dark] .count-pill{color:#a6b19a;background:#1f372d}:root[data-theme=dark] .search-field:focus-within{outline:2px solid #465d54}:root[data-theme=dark] .request-row:hover{background:#182c24}:root[data-theme=dark] .request-icon{background:#261d34}:root[data-theme=dark] .request-icon.blue{background:#1d2b34}:root[data-theme=dark] .select-wrap{background:#161e1b;border:1px solid #34423c;color:#a6b29a}:root[data-theme=dark] .select-wrap select{color:#b2bfa6}:root[data-theme=dark] .pay-amount h2 small{color:#9cb194}:root[data-theme=dark] .pay-summary>div>span{color:#9faa96}:root[data-theme=dark] .pay-summary strong{color:#b5c4ad}:root[data-theme=dark] .positive{color:#a7be97!important}:root[data-theme=dark] .negative{color:#bb9d84!important}:root[data-theme=dark] .pay-detail-grid .section-title{color:#a7b39d}:root[data-theme=dark] .pay-lines>div>span{color:#a6b19c}:root[data-theme=dark] .pay-lines strong{color:#b0c0a5}:root[data-theme=dark] .pay-lines .pay-total{background:#1e342b}:root[data-theme=dark] .document-illustration{background:#20372e;border:1px solid #30453c;color:#9eb382}:root[data-theme=dark] .document-illustration>span{border:3px solid #292929}:root[data-theme=dark] .pay-note{background:#223930;border:1px solid #31443c;color:#a1b18d}:root[data-theme=dark] .pay-note h3{color:#afbea0}:root[data-theme=dark] .pay-note p{color:#9aa98b}:root[data-theme=dark] .profile-cover{background:#2a4137}:root[data-theme=dark] .profile-cover>span{border:1px solid #40584e;box-shadow:0 0 0 30px #33473f,0 0 0 31px #3d534a}:root[data-theme=dark] .profile-avatar{background:#50422b;color:#c6baa6;border:6px solid #292929}:root[data-theme=dark] .employee-details strong{color:#afbba3}:root[data-theme=dark] .form-grid label{color:#aab59e}:root[data-theme=dark] .form-grid input,:root[data-theme=dark] .form-grid select,:root[data-theme=dark] .form-grid textarea{border:1px solid #32443d;background:#161e1b;color:#b5c3ab}:root[data-theme=dark] .form-grid input[readonly]{background:#0f1513;color:#a6b19b;border-color:#2c3c36}:root[data-theme=dark] .preference-icon{background:#20332b;color:#9eaf8d}:root[data-theme=dark] .preference-panel strong{color:#acb8a0}:root[data-theme=dark] .modal{background:#161e1b;border:1px solid #29292980}:root[data-theme=dark] .modal-heading .icon-button{background:#0f1513}:root[data-theme=dark] .form-info{background:#1e342b;color:#a3b094}:root[data-theme=dark] .form-error{background:#31201a;color:#c1998a}:root[data-theme=dark] .modal-copy{color:#a1ae94}:root[data-theme=dark] .checkout-summary{background:#1d342a}:root[data-theme=dark] .checkout-summary>span{background:#274337;color:#9db489}:root[data-theme=dark] .checkout-summary h3{color:#b5c9a5}:root[data-theme=dark] .request-detail strong{color:#acbaa1}:root[data-theme=dark] .request-detail p{color:#a4b29a}:root[data-theme=dark] .notification-list p{color:#9caa8e}:root[data-theme=dark] .install-preview{background:#1f372d}:root[data-theme=dark] .install-steps li>span{background:#1f392e;color:#9fb38a}:root[data-theme=dark] .install-steps strong{color:#abbc9e}:root[data-theme=dark] .install-steps p,:root[data-theme=dark] .small-note{color:#99a989}:root[data-theme=dark] .help-content h3{color:#afc0a1}:root[data-theme=dark] .help-content p{color:#9dac8b}:root[data-theme=dark] .connection-banner{background:#223a30;border-bottom:1px solid #334940;color:#aebc9b}:root[data-theme=dark] .page-heading p,:root[data-theme=dark] .section-title p,:root[data-theme=dark] .stat-card p,:root[data-theme=dark] .timeline-row small,:root[data-theme=dark] .quick-panel p,:root[data-theme=dark] .request-text small,:root[data-theme=dark] .panel-note,:root[data-theme=dark] .page-footer,:root[data-theme=dark] .leave-card p,:root[data-theme=dark] .form-grid label>small,:root[data-theme=dark] .modal-heading p,:root[data-theme=dark] .small-note,:root[data-theme=dark] .help-content p,:root[data-theme=dark] .modal-copy,:root[data-theme=dark] .payslip-card p,:root[data-theme=dark] .payslip-card>small,:root[data-theme=dark] .pay-note p,:root[data-theme=dark] .preference-panel small,:root[data-theme=dark] .employee-details span,:root[data-theme=dark] .profile-summary>p,:root[data-theme=dark] .notification-list p,:root[data-theme=dark] .notification-list small,:root[data-theme=dark] .install-steps p,:root[data-theme=dark] .install-preview small,:root[data-theme=dark] .request-detail p,:root[data-theme=dark] .request-detail>div>span:not(.badge){color:#a9b1a5}:root[data-theme=dark] .stat-top,:root[data-theme=dark] .attendance-table th,:root[data-theme=dark] .attendance-table td:first-child small,:root[data-theme=dark] .today-note,:root[data-theme=dark] .search-field,:root[data-theme=dark] .calendar-weekday,:root[data-theme=dark] .calendar-day small,:root[data-theme=dark] .pay-summary>p,:root[data-theme=dark] .pay-lines small,:root[data-theme=dark] .pay-lines .pay-section-label,:root[data-theme=dark] .info-strip p{color:#acb4a5}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .nav-caption{color:#a9b4a2}:root[data-theme=dark] .badge{color:#bcd4a7}:root[data-theme=dark] .badge.orange{color:#dbbf95}:root[data-theme=dark] .badge.purple{color:#aa96bb}:root[data-theme=dark] .calendar-status{color:#bcd6a4}:root[data-theme=dark] .calendar-status.orange{color:#dcc096}:root[data-theme=dark] .calendar-status.purple{color:#aa96bb}:root[data-theme=dark] .salary-preview>small,:root[data-theme=dark] .salary-preview-footer>span,:root[data-theme=dark] .pay-note p{color:#afbaa4}:root[data-theme=dark] .form-info{color:#b3c1a4}@media(max-width:760px){:root[data-theme=dark]{background:#0f1513}:root[data-theme=dark] .topbar{background:#161e1b}:root[data-theme=dark] .today-panel .timeline-row:not(:last-child):after{border-top:1px dashed #36403c}:root[data-theme=dark] .bottom-nav{background:#161e1bf5;border-top:1px solid #333f3a}:root[data-theme=dark] .bottom-nav a.active{color:#bccfb4}:root[data-theme=dark] .bottom-nav a.active>span{background:#213b30}:root[data-theme=dark] .bottom-nav i{border:1px solid #292929}}:root[data-theme=dark] .calendar-day:hover{background:#1d332a}:root[data-theme=dark] .calendar-day.chosen{background:#1e382d}:root[data-theme=dark] .calendar-legend>span{color:#aeb8a5}:root[data-theme=dark] .selected-day{background:#1c3329;border:1px solid #2e433a;color:#a3b48f}:root[data-theme=dark] .selected-day strong{color:#baccae}:root[data-theme=dark] .selected-day p{color:#a8b49e}:root[data-theme=dark] .selected-day>span{color:#afc1a0}:root[data-theme=dark] .selfie-label{color:#aab59e}:root[data-theme=dark] .selfie-box{background:#1d342a;border:1px solid #30453c}:root[data-theme=dark] .selfie-message{color:#aab79b;background:#1d342a}:root[data-theme=dark] .calendar-status.red{background:#33221c;color:#c08e84}:root[data-theme=dark] .install-icon{border:1px solid #313c38}:root[data-theme=dark] .auth-shell{background:#0f1513}:root[data-theme=dark] .auth-form-icon{background:#20392e;color:#a1b689;border:1px solid #2f443b}:root[data-theme=dark] .auth-intro{color:#a5ae9f}:root[data-theme=dark] .auth-field>label{color:#afbda9}:root[data-theme=dark] .auth-input{border:1px solid #34453e;background:#161e1b}:root[data-theme=dark] .auth-input>input{color:#becfb9}:root[data-theme=dark] .auth-input>button{color:#9fab94}:root[data-theme=dark] .auth-error{color:#c89b8c}:root[data-theme=dark] .auth-form-options>span{color:#a1af94}:root[data-theme=dark] .auth-form-options a{color:#b2ccac}:root[data-theme=dark] .auth-divider{color:#9aa491}:root[data-theme=dark] .auth-divider>span{background:#2c3c35}:root[data-theme=dark] .auth-demo-button{color:#aebca1;background:#0f1513}:root[data-theme=dark] .auth-switch{color:#a2ae99}:root[data-theme=dark] .auth-switch>a{color:#b3d0ad}:root[data-theme=dark] .auth-demo-note{border-top:1px solid #2d3c36}:root[data-theme=dark] .auth-demo-note p{color:#a1ad98}:root[data-theme=dark] .auth-password-hints .met{color:#b2c99c}:root[data-theme=dark] .auth-back{color:#a8b79c}:root[data-theme=dark] .auth-reset-success{background:#1e342b;border:1px solid #30453c;color:#a6b498}:root[data-theme=dark] .auth-reset-success>span{background:#254538}:root[data-theme=dark] .auth-reset-success h3{color:#b9d0b0}:root[data-theme=dark] .auth-text-link{color:#afc0a1}:root[data-theme=dark] .sign-out-row{color:#bca499!important}:root[data-theme=dark] .sign-out-row .preference-icon{background:#37281e;color:#b39887}:root[data-theme=dark] .sign-out-row strong{color:#beaca0}@media(max-width:760px){:root[data-theme=dark] .auth-shell{background:#0f1513}:root[data-theme=dark] .auth-header{border-bottom:1px solid #2d3c36;background:#161e1b}}:root[data-theme=dark] .auth-alert.error{background:#31221a;border-color:#473831;color:#cca193}:root[data-theme=dark] .auth-alert.success{background:#1e342b;border-color:#30453c;color:#b9d0b0}:root[data-theme=dark] .dropdown-field{color:#aab59e}:root[data-theme=dark] .dropdown-trigger{border:1px solid #32443d;background:#161e1b;color:#b5c3ab}:root[data-theme=dark] .dropdown-menu{border:1px solid #34473f;background:#161e1b}:root[data-theme=dark] .dropdown-option{color:#b9caaf}:root[data-theme=dark] .dropdown-option.highlighted{background:#20392e}:root[data-theme=dark] .dropdown-option[aria-selected=true]{color:#b6d3b6}.brand-logo.for-dark{display:none}:root[data-theme=dark] .brand-logo.for-light{display:none}:root[data-theme=dark] .brand-logo.for-dark{display:block}:root[data-theme=dark]{--line:#232c28;--muted:#8d9793}