*,:after,:before{--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:rgba(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:rgba(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: }/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,ui-sans-serif,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,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{--wn-bg:#f8fafc;--wn-panel:#fff;--wn-panel-muted:#f6f8fa;--wn-border:#e2e8f0;--wn-text:#0f172a;--wn-subtle:#64748b;--wn-accent:#6679ff;--wn-accent-strong:#5568f4;--wn-danger:#dc2626}body{min-height:100vh;background-color:var(--wn-bg);font-family:Inter,system-ui,ui-sans-serif,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:var(--wn-text)}body[data-theme=dark]{--wn-bg:#0b1224;--wn-panel:#0f172a;--wn-panel-muted:#111827;--wn-border:#1f2937;--wn-text:#e5e7eb;--wn-subtle:#94a3b8;--wn-accent:#8ba3ff;--wn-accent-strong:#738bff;--wn-danger:#f87171}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body[data-page=hr-timesheets] .ts-shell .card{display:flex;gap:1rem}body[data-page=hr] .card{gap:.8rem;flex-wrap:wrap}.card,body[data-page=hr] .card{display:flex}.card{flex-direction:column;gap:.5rem;border-radius:20px;--tw-shadow:0 10px 30px rgba(15,23,42,.06);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:var(--panel,var(--wn-panel));border:1px solid var(--border,var(--wn-border));padding:1rem .9rem 1.15rem}.card h3{font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:.025em;margin:.2rem 0 .15rem}.card p{font-size:.875rem;line-height:1.25rem;line-height:1.25;color:var(--sub,var(--wn-subtle));margin:0}.metric-card,.wn-metric-card{width:100%;border-radius:1rem;border-width:1px;padding:.75rem 1rem;text-align:right;--tw-shadow:0 4px 10px rgba(15,23,42,.06);--tw-shadow-colored:0 4px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:var(--panel,var(--wn-panel));border-color:var(--border,var(--wn-border));min-width:160px;position:relative}.metric-card .\!label,.metric-card .label,.wn-metric-card .\!label,.wn-metric-card .label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.metric-card .label,.wn-metric-card .label{color:var(--sub,var(--wn-subtle));margin-bottom:.25rem}.metric-card .\!label,.wn-metric-card .\!label{color:var(--sub,var(--wn-subtle))!important;margin-bottom:.25rem!important}.metric-card .\!value,.metric-card .value,.wn-metric-card .\!value,.wn-metric-card .value{font-size:1.3rem;font-weight:600;line-height:1.25}.metric-card .value,.wn-metric-card .value{color:var(--text,var(--wn-text))}.metric-card .\!value,.wn-metric-card .\!value{color:var(--text,var(--wn-text))!important}.\!btn,.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\!btn{border-radius:999px!important;border:1px solid var(--border,var(--wn-border))!important;padding:.45rem .9rem!important;font-size:.8rem!important;background:var(--panel,var(--wn-panel))!important;color:var(--text,var(--wn-text))!important}.btn{border-radius:999px;border:1px solid var(--border,var(--wn-border));padding:.45rem .9rem;font-size:.8rem;background:var(--panel,var(--wn-panel));color:var(--text,var(--wn-text))}.\!btn.primary{background:var(--accent,var(--wn-accent))!important;border-color:var(--accent,var(--wn-accent))!important;color:#fff!important}.btn.primary{background:var(--accent,var(--wn-accent));border-color:var(--accent,var(--wn-accent));color:#fff}.btn.\!primary{background:var(--accent,var(--wn-accent))!important;border-color:var(--accent,var(--wn-accent))!important;color:#fff!important}.\!btn.secondary{background:var(--panel2,var(--wn-panel-muted))!important;border-color:var(--border,var(--wn-border))!important;color:var(--text,var(--wn-text))!important}.btn.secondary{background:var(--panel2,var(--wn-panel-muted));border-color:var(--border,var(--wn-border));color:var(--text,var(--wn-text))}.btn.primary:disabled,.btn.secondary:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.\!btn.primary:disabled,.\!btn.secondary:disabled,.\!btn:disabled,.btn.\!primary:disabled{opacity:.6!important;cursor:not-allowed!important}.btn-inline{display:inline-flex;align-items:center;font-weight:600;border:none;border-radius:8px;padding:.55rem .8rem;font-size:.7rem;letter-spacing:.05em;background:var(--accent,var(--wn-accent));color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08)}.btn-inline[disabled]{opacity:.5;cursor:not-allowed}.muted{color:var(--sub,var(--wn-subtle));font-size:.9rem}body[data-page=hr-timesheets] .ts-shell .actions{display:flex;gap:1rem}body[data-page=hr] .actions{display:flex;gap:.8rem;flex-wrap:wrap}.actions{display:flex;flex-wrap:wrap;gap:.5rem}body[data-page=hr-timesheets] .ts-shell .wn-dashboard-grid{display:flex;gap:1rem}body[data-page=hr] .wn-dashboard-grid{display:flex;gap:.8rem;flex-wrap:wrap}.wn-dashboard-grid{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:14px}.wn-resize-card{position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;border-radius:20px;border-width:1px;--tw-shadow:0 10px 30px rgba(15,23,42,.06);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--border,var(--wn-border));background:var(--panel,var(--wn-panel))}.wn-resize-card,.wn-resize-card.white{color:var(--text,var(--wn-text))}.wn-resize-card.white{background:var(--panel,#fff)}.wn-resize-card.blue{background:#3b59ff;color:#fff}body[data-page=hr-timesheets] .ts-shell .wn-card-content{display:flex;gap:1rem}body[data-page=hr] .wn-card-content{display:flex;gap:.8rem;flex-wrap:wrap}.wn-card-content{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;padding:1rem}.wn-resize-handle{position:absolute;right:-10px;bottom:-10px;height:2rem;width:2rem;cursor:nwse-resize;border-radius:9999px;border-width:1px;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));border-color:hsla(0,0%,100%,.65);box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wn-kpi{line-height:1.1}.wn-kpi-label{font-size:.78rem;color:var(--sub,#6b7280)}.wn-resize-card.blue .wn-kpi-hint,.wn-resize-card.blue .wn-kpi-label{color:hsla(0,0%,100%,.85)}.wn-kpi-large{font-size:1.7rem;font-weight:700}.wn-kpi-hint{margin-top:.25rem;font-size:.78rem;color:var(--sub,#6b7280)}body[data-page=hr-timesheets] .ts-shell .wn-kpi-row{display:flex;gap:1rem}body[data-page=hr] .wn-kpi-row{display:flex;gap:.8rem;flex-wrap:wrap}.wn-kpi-row{display:flex;align-items:baseline;gap:.5rem}.wn-resize-card.blue .wn-kpi-unit{color:#fff}.wn-group{margin-bottom:18px}.wn-group-head{font-size:.95rem;font-weight:700;color:var(--text,#e5e7eb);margin:4px 2px 10px}body[data-page=dashboard]{--bg:#fff;--panel:#fff;--panel2:#f6f8fa;--accent:#6679ff;--accent-hover:#5568f4;--text:#1a1f29;--sub:#6b7280;--danger:#dc2626;--border:#e3e6eb;--topbar-h:80px}@media (prefers-color-scheme:dark){body[data-page=dashboard] :root:not([data-theme=light]){--bg:#0b1224;--panel:#0f172a;--panel2:#111827;--accent:#8ba3ff;--accent-hover:#738bff;--text:#e5e7eb;--sub:#94a3b8;--danger:#f87171;--border:#1f2937;--nav-fg:#e5e7eb;--nav-fg-strong:#f8fafc;--nav-hover:rgba(139,163,255,.18);--nav-icon-bg:rgba(139,163,255,.16)}}[data-theme=dark] body[data-page=dashboard]{background:var(--bg);color:var(--text)}body[data-page=dashboard] [data-theme=dark] .bg-slate-50{background-color:var(--bg)!important}body[data-page=dashboard] [data-theme=dark] .bg-white,body[data-page=dashboard] [data-theme=dark] .bg-white\/90{background-color:rgba(15,23,42,.92)!important}body[data-page=dashboard] [data-theme=dark] .text-slate-900{color:var(--text)!important}body[data-page=dashboard] [data-theme=dark] .text-slate-500,body[data-page=dashboard] [data-theme=dark] .text-slate-600{color:var(--sub)!important}body[data-page=dashboard] [data-theme=dark] .text-slate-700{color:var(--text)!important}body[data-page=dashboard] [data-theme=dark] .sidebar-shell{background:#0f172a;color:var(--text);border-right:1px solid var(--border)}body[data-page=dashboard] [data-theme=dark] .nav-link{color:var(--text)}body[data-page=dashboard] [data-theme=dark] .topbar-fixed{background:rgba(15,23,42,.9)!important;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.4)}body[data-page=dashboard] [data-theme=dark] .page-shell{background:var(--bg)}body[data-page=dashboard] [data-theme=dark] .card,body[data-page=dashboard] [data-theme=dark] .metric-card,body[data-page=dashboard] [data-theme=dark] .wn-resize-card.white{background:var(--panel);border-color:var(--border);box-shadow:0 6px 18px rgba(0,0,0,.35)}body[data-page=dashboard] [data-theme=dark] .wn-dashboard-grid{color:var(--text)}body[data-page=dashboard] *{box-sizing:border-box}body[data-page=dashboard]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text)}body[data-page=dashboard] .sidebar-shell{transition:width .2s ease,background-color .2s ease;width:18rem;display:flex;flex-direction:column}body[data-page=dashboard][data-sidebar-collapsed=true] .sidebar-shell{width:4.5rem}body[data-page=dashboard][data-sidebar-collapsed=true] .sidebar-hideable{display:none}body[data-page=dashboard][data-sidebar-collapsed=true] .submenu-inline{display:none!important}body[data-page=dashboard][data-sidebar-collapsed=true] .page-shell{margin-left:4.5rem}body[data-page=dashboard] .flyout-panel{box-shadow:0 20px 60px rgba(15,23,42,.3)}body[data-page=dashboard] .nav-link{color:var(--nav-fg,#0f172a);background:transparent}body[data-page=dashboard] .nav-link:focus-visible,body[data-page=dashboard] .nav-link:hover{background:var(--nav-hover,rgba(102,121,255,.12));color:var(--nav-fg-strong,#0b1224)}body[data-page=dashboard] .nav-icon{background:var(--nav-icon-bg,rgba(102,121,255,.1));color:var(--accent,#6679ff)}body[data-page=dashboard] .topbar-fixed{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--topbar-h);display:flex;align-items:center}body[data-page=dashboard] .sidebar-shell{top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}body[data-page=form-components-demo] *{box-sizing:border-box}body[data-page=form-components-demo]{margin:0;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#f8fafc;color:#1e293b}body[data-page=form-components-demo] .\!container{max-width:1400px!important;margin:0 auto!important}body[data-page=form-components-demo] .container{max-width:1400px;margin:0 auto}body[data-page=form-components-demo] h1{font-size:2rem;margin:0 0 .5rem;color:#0f172a}body[data-page=form-components-demo] .subtitle{color:#64748b;margin-bottom:3rem}body[data-page=form-components-demo] .section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}body[data-page=form-components-demo] .section-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#0f172a}body[data-page=form-components-demo] .\!grid{display:grid!important;gap:2rem!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}body[data-page=form-components-demo] .grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}body[data-page=form-components-demo] .example{display:flex;flex-direction:column;gap:.75rem}body[data-page=form-components-demo] .example-title{font-size:.875rem;font-weight:600;color:#475569}body[data-page=hr-employees]{--surface:var(--panel,#fff);--surface-subtle:var(--panel2,#f6f8fa);--ink:var(--text,#1a1f29);--muted:var(--sub,#6b7280);--border:var(--border,#e3e6eb);--accent:var(--accent,#6679ff);--accent-strong:var(--accent-strong,#5568f4);--danger:var(--danger,#dc2626);--success:#16a34a;--sidebar-width:18rem;--sidebar-collapsed-width:4.5rem}body[data-page=hr-employees] *{box-sizing:border-box}body[data-page=hr-employees]{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;background:var(--surface);color:var(--ink);overflow-x:hidden;display:flex;flex-direction:column}body[data-page=hr-employees] .\!sidebar button{border:none!important;border-radius:10px!important;padding:.65rem .9rem!important;background:var(--accent)!important;color:#fff!important;font-weight:600!important;cursor:pointer!important;font-size:.9rem!important}body[data-page=hr-employees] .sidebar button{border:none;border-radius:10px;padding:.65rem .9rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;font-size:.9rem}body[data-page=hr-employees] .\!sidebar button:hover{background:var(--accent-strong)!important}body[data-page=hr-employees] .sidebar button:hover{background:var(--accent-strong)}body[data-page=hr-employees] .page-shell{flex:1;padding:.75rem 1.5rem 1.1rem;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;max-width:1200px;margin:0 auto}body[data-page=hr-employees] [data-wn-content]{display:flex;flex-direction:column;flex:1;min-height:0;padding-inline-start:0}body[data-page=hr-employees] .card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.05rem 1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden}body[data-page=hr-employees] .card-table{flex:1 1 auto;min-height:0;overflow:hidden}body[data-page=hr-employees] h1{margin:0 0 .35rem}body[data-page=hr-employees] .muted{color:var(--muted);font-size:.9rem;margin:0}body[data-page=hr-employees] .metric-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:16px;padding:.55rem .85rem;min-width:140px;text-align:right;position:relative;overflow:hidden}body[data-page=hr-employees] .metric-card .label{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}body[data-page=hr-employees] .metric-card .\!label{font-size:.78rem!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important}body[data-page=hr-employees] .metric-card .value{font-size:1.4rem;font-weight:700;color:var(--ink);line-height:1.1}body[data-page=hr-employees] .metric-card .\!value{font-size:1.4rem!important;font-weight:700!important;color:var(--ink)!important;line-height:1.1!important}body[data-page=hr-employees] .metric-card.wn-resize-card{background:var(--surface);box-shadow:0 10px 30px rgba(15,23,42,.06);border-radius:20px;border:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}body[data-page=hr-employees] .metric-card .wn-card-content{height:100%;width:100%;padding:.55rem .9rem;display:flex;flex-direction:column;justify-content:center;gap:.15rem}body[data-page=hr-employees] .metric-card .wn-resize-handle{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;border-radius:999px;cursor:nwse-resize;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));border:1px solid hsla(0,0%,100%,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body[data-page=hr-employees] .table-scroll{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow-x:auto;overflow-y:auto;flex:1 1 auto;min-height:0;max-height:none;position:relative}body[data-page=hr-employees] .table-scroll+.muted{margin-top:.6rem}body[data-page=hr-employees] .table-scroll+.muted+.table-footer{margin-top:.4rem}body[data-page=hr-employees] table{width:100%;border-collapse:collapse;margin:0;font-size:.88rem}body[data-page=hr-employees] td,body[data-page=hr-employees] th{padding:.65rem .5rem;text-align:left;border-bottom:1px solid var(--border)}body[data-page=hr-employees] tbody tr:nth-child(odd){background:var(--surface)}body[data-page=hr-employees] tbody tr:nth-child(2n){background:var(--surface-subtle)}body[data-page=hr-employees] th{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);position:relative;min-width:80px;padding-right:12px}body[data-page=hr-employees] .table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--surface)}body[data-page=hr-employees] .draggable-header{cursor:grab}body[data-page=hr-employees] .draggable-header.dragging{opacity:.6}body[data-page=hr-employees] .draggable-header.drag-over{border-bottom:2px solid var(--accent)}body[data-page=hr-employees] .blank-icon-column{width:32px}body[data-page=hr-employees] .column-resizer{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:5}body[data-page=hr-employees] .pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600}body[data-page=hr-employees] .pill.success{background:rgba(22,163,74,.14);color:var(--success)}body[data-page=hr-employees] .pill.warn{background:rgba(251,191,36,.18);color:#b45309}body[data-page=hr-employees] .pill.danger{background:rgba(220,38,38,.18);color:var(--danger)}body[data-page=hr-employees] .table-actions button.edit{background:#334155;color:#fff}body[data-page=hr-employees] .table-actions button.delete{background:var(--danger);color:#fff}body[data-page=hr-employees] .row-edit{border:none;background:none;cursor:pointer;font-size:.85rem;color:var(--accent);padding:0}body[data-page=hr-employees] .row-edit:hover{color:var(--accent-strong)}body[data-page=hr-employees] .icon-cell{width:32px;text-align:center}body[data-page=hr-employees] .inline-edit{width:100%;border:1px solid var(--border);border-radius:6px;padding:.2rem .4rem;font-size:.82rem;background:#fff;min-width:90px}body[data-page=hr-employees] .inline-edit:disabled{background:var(--surface-subtle);cursor:not-allowed}body[data-page=hr-employees] .edit-mode-active tr:hover{background:rgba(102,121,255,.08)}body[data-page=hr-employees] .login-toggle{margin-top:.75rem;padding:.75rem .85rem;border:1px dashed var(--border);border-radius:12px;background:var(--surface-subtle);display:flex;flex-direction:column;gap:.35rem}body[data-page=hr-employees] .login-toggle .toggle-row{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--ink)}body[data-page=hr-employees] .document-list{margin-top:.75rem;border:1px solid var(--border);border-radius:12px;overflow:hidden}body[data-page=hr-employees] .custom-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.75rem}body[data-page=hr-employees] .document-list table{width:100%;border-collapse:collapse;font-size:.85rem}body[data-page=hr-employees] .document-list td,body[data-page=hr-employees] .document-list th{padding:.6rem .7rem;border-bottom:1px solid var(--border);background:#fff}body[data-page=hr-employees] .document-list tr:last-child td{border-bottom:none}body[data-page=hr-employees] .document-actions{display:flex;align-items:center;gap:.35rem}body[data-page=hr-employees] .icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--border);background:#fff}body[data-page=hr-employees] .icon-button:hover{background:var(--surface-subtle)}body[data-page=hr-employees] .toast-container{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}body[data-page=hr-employees] .toast{min-width:220px;background:#111827;color:#fff;padding:.8rem 1rem;border-radius:10px;box-shadow:0 15px 35px rgba(15,23,42,.18);font-size:.9rem;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);animation:toast-in .2s ease forwards}body[data-page=hr-employees] .toast.toast-exit{animation:toast-out .2s ease forwards}body[data-page=hr-employees] .toast .toast-icon{font-size:1rem}body[data-page=hr-employees] .column-controls .\!btn{font-size:.8rem!important;padding:.4rem .8rem!important}body[data-page=hr-employees] .column-controls .btn{font-size:.8rem;padding:.4rem .8rem}body[data-page=hr-employees] .column-header{display:inline-flex;align-items:center;gap:.35rem}body[data-page=hr-employees] .column-filter-button{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;color:var(--muted)}body[data-page=hr-employees] .column-filter-button:hover,body[data-page=hr-employees] .column-filter-button[aria-expanded=true]{background:var(--surface-subtle);color:var(--ink)}body[data-page=hr-employees] .column-filter-button svg{width:15px;height:15px}body[data-page=hr-employees] .column-filter-dropdown{position:absolute;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 15px 35px rgba(15,23,42,.15);padding:.9rem;z-index:80;display:none}body[data-page=hr-employees] .column-filter-dropdown.visible{display:block}body[data-page=hr-employees] .column-filter-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}body[data-page=hr-employees] .column-filter-dropdown .dropdown-title{font-size:.85rem;font-weight:600;color:var(--ink)}body[data-page=hr-employees] .column-filter-dropdown .column-filter-close{border:none;background:transparent;font-size:1rem;cursor:pointer;color:var(--muted)}body[data-page=hr-employees] .column-filter-dropdown .sort-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}body[data-page=hr-employees] .column-filter-dropdown .sort-label{font-size:.8rem;font-weight:600;color:var(--muted)}body[data-page=hr-employees] .column-filter-dropdown .sort-button-group{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}body[data-page=hr-employees] .column-filter-dropdown .sort-button{border:none;background:transparent;padding:.25rem .65rem;font-size:.75rem;cursor:pointer;color:var(--muted)}body[data-page=hr-employees] .column-filter-dropdown .sort-button.active{background:#eef2ff;color:var(--accent);font-weight:600}body[data-page=hr-employees] .column-filter-dropdown .filter-input-wrapper{border:1px solid var(--border);border-radius:10px;padding:.4rem .5rem;display:flex;align-items:center;gap:.35rem;background:var(--surface-subtle)}body[data-page=hr-employees] .column-filter-dropdown .filter-input-wrapper input{border:none;background:transparent;font-size:.82rem;flex:1}body[data-page=hr-employees] .column-filter-dropdown .column-filter-message{font-size:.78rem;color:var(--muted);margin-top:.4rem}body[data-page=hr-employees] .column-filter-dropdown .filter-clear{width:100%;border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:.8rem;text-align:right;margin-top:.4rem}body[data-page=hr-employees] .table-footer{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end;margin-top:.5rem}body[data-page=hr-employees] .table-footer-top{color:var(--muted);font-size:.82rem}body[data-page=hr-employees] .table-footer-bottom{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}body[data-page=hr-employees] .page-size-control{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}body[data-page=hr-employees] .pagination-controls{display:inline-flex;gap:.4rem;flex-wrap:wrap}body[data-page=hr-employees] .filter-icon{font-size:.78rem;color:var(--muted)}body[data-page=hr-employees] .column-panel{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.85rem;min-width:260px;box-shadow:0 12px 25px rgba(15,23,42,.15);display:none;z-index:10;max-height:360px;overflow-y:auto}body[data-page=hr-employees] .column-panel.open{display:block}body[data-page=hr-employees] .column-panel.\!open{display:block!important}body[data-page=hr-employees] .column-panel h4{margin:0 0 .6rem;font-size:.85rem}body[data-page=hr-employees] .column-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.3rem .6rem}body[data-page=hr-employees] .column-row{display:flex;justify-content:space-between;align-items:center;gap:.35rem;padding:.1rem .2rem;border-radius:8px}body[data-page=hr-employees] .column-row.dragging{opacity:.6;background:rgba(102,121,255,.15)}body[data-page=hr-employees] .column-row.drag-over{border:1px dashed var(--accent)}body[data-page=hr-employees] .column-panel label{display:flex;align-items:center;gap:.35rem;font-size:.78rem}body[data-page=hr-employees] .column-panel .message{margin-top:.4rem;font-size:.7rem;color:var(--muted)}body[data-page=hr-employees] .\!modal{position:fixed!important;inset:0!important;background:rgba(15,23,42,.82)!important;display:none!important;align-items:flex-start!important;justify-content:center!important;padding:4vh 1rem 2rem!important;z-index:100!important}body[data-page=hr-employees] .modal{position:fixed;inset:0;background:rgba(15,23,42,.82);display:none;align-items:flex-start;justify-content:center;padding:4vh 1rem 2rem;z-index:100}body[data-page=hr-employees] .modal-body{width:720px;max-width:100%;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 55px rgba(15,23,42,.4);padding:1.4rem 1.6rem 1.6rem;overflow-y:auto;max-height:calc(100vh - 80px)}body[data-page=hr-employees] form label{font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--muted);margin-bottom:.35rem}body[data-page=hr-employees] form input,body[data-page=hr-employees] form select,body[data-page=hr-employees] form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;font-size:.9rem;background:#f9fbfd}body[data-page=hr-employees] form input:focus,body[data-page=hr-employees] form select:focus,body[data-page=hr-employees] form textarea:focus{outline:2px solid var(--accent);background:#fff}body[data-page=hr-employees] .\!grid{display:grid!important;gap:1rem!important}body[data-page=hr-employees] .grid{display:grid;gap:1rem}body[data-page=hr-employees] .\!grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}body[data-page=hr-employees] .grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}body[data-page=hr-employees] .\!grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}body[data-page=hr-employees] .grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}body[data-page=hr-employees] .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}body[data-page=hr-employees] .\!btn{border:none!important;border-radius:10px!important;padding:.65rem 1rem!important;font-weight:600!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important}body[data-page=hr-employees] .btn{border:none;border-radius:10px;padding:.65rem 1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}body[data-page=hr-employees] .\!btn.primary{background:var(--accent)!important;color:#fff!important;transition:all .2s ease!important}body[data-page=hr-employees] .btn.primary{background:var(--accent);color:#fff;transition:all .2s ease}body[data-page=hr-employees] .btn.\!primary{background:var(--accent)!important;color:#fff!important;transition:all .2s ease!important}body[data-page=hr-employees] .\!btn.primary:hover{background:var(--accent-strong)!important;box-shadow:0 4px 12px rgba(102,121,255,.3)!important}body[data-page=hr-employees] .btn.primary:hover{background:var(--accent-strong);box-shadow:0 4px 12px rgba(102,121,255,.3)}body[data-page=hr-employees] .btn.\!primary:hover{background:var(--accent-strong)!important;box-shadow:0 4px 12px rgba(102,121,255,.3)!important}body[data-page=hr-employees] .\!btn.secondary{background:var(--surface-subtle)!important;color:var(--ink)!important;border:1px solid var(--border)!important;transition:all .2s ease!important}body[data-page=hr-employees] .btn.secondary{background:var(--surface-subtle);color:var(--ink);border:1px solid var(--border);transition:all .2s ease}body[data-page=hr-employees] .\!btn.secondary:hover{background:var(--surface)!important;border-color:var(--accent)!important}body[data-page=hr-employees] .btn.secondary:hover{background:var(--surface);border-color:var(--accent)}body[data-page=hr-employees] .btn-icon{display:inline-flex;align-items:center}body[data-page=hr-employees] .msg{font-size:.85rem;color:var(--muted)}body[data-page=hr-employees] .msg.error{color:var(--danger)}body[data-page=hr-employees] .msg.success{color:var(--success)}body[data-page=hr-employees] [data-field-block][data-field-hidden=true]{display:none!important}@media (max-width:900px){body[data-page=hr-employees] .page-shell{padding:.65rem 1rem .95rem}}body[data-page=hr-employees] .sticky-controls{position:sticky;top:0;z-index:40;background:var(--surface);padding:.75rem 0;border-bottom:1px solid var(--border);flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem}body[data-page=hr-employees] .controls-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}body[data-page=hr-employees] .controls-row.row-1{justify-content:space-between;align-items:center;gap:1.2rem;padding:0}body[data-page=hr-employees] .controls-row.row-1 h1{margin:0;font-size:1.25rem;font-weight:700;flex-shrink:0}body[data-page=hr-employees] .controls-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}body[data-page=hr-employees] #gearBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-subtle);cursor:pointer;font-size:1.1rem;transition:all .2s ease;padding:0}body[data-page=hr-employees] #gearBtn:hover{background:var(--surface);border-color:var(--accent);box-shadow:0 2px 8px rgba(102,121,255,.2)}body[data-page=hr-employees] #gearDropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;box-shadow:0 12px 30px rgba(15,23,42,.12);display:none;z-index:90}body[data-page=hr-employees] #gearDropdown label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;cursor:pointer;font-size:.9rem;margin:0}body[data-page=hr-employees] #gearDropdown .\!btn{width:100%!important;text-align:left!important;margin-top:.4rem!important;justify-content:flex-start!important}body[data-page=hr-employees] #gearDropdown .btn{width:100%;text-align:left;margin-top:.4rem;justify-content:flex-start}body[data-page=hr-employees] .controls-row.row-2{padding:0;min-height:auto}body[data-page=hr-employees] #metricCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;width:100%}body[data-page=hr-employees] .controls-row.row-3{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;padding:0}body[data-page=hr-employees] .search-pill{display:flex;align-items:center;gap:.6rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;padding:.45rem .85rem;flex:1;min-width:260px}body[data-page=hr-employees] .search-pill .search-icon{font-size:1rem;color:var(--muted);flex-shrink:0}body[data-page=hr-employees] .search-pill input{border:none;background:transparent;outline:none;font-size:.9rem;padding:0;width:100%;color:var(--ink);margin:0}body[data-page=hr-employees] .search-pill input::-moz-placeholder{color:var(--muted)}body[data-page=hr-employees] .search-pill input::placeholder{color:var(--muted)}body[data-page=hr-employees] #openModalBtn{flex-shrink:0;white-space:nowrap;padding:.65rem 1rem}@media (min-width:1024px){body[data-page=hr-employees] .sticky-controls{gap:.75rem;padding:.75rem 0}body[data-page=hr-employees] .controls-row.row-1 h1{font-size:1.3rem}body[data-page=hr-employees] .search-pill{min-width:300px;flex:1}}@media (min-width:768px) and (max-width:1023px){body[data-page=hr-employees] .sticky-controls{gap:.6rem;padding:.6rem 0}body[data-page=hr-employees] .controls-row.row-1 h1{font-size:1.15rem}body[data-page=hr-employees] .controls-row.row-1{gap:1rem}body[data-page=hr-employees] .search-pill{min-width:240px}body[data-page=hr-employees] #metricCards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:767px){body[data-page=hr-employees] .sticky-controls{gap:.55rem;padding:.55rem 0}body[data-page=hr-employees] .controls-row.row-1{gap:.75rem;margin-bottom:.25rem}body[data-page=hr-employees] .controls-row.row-1 h1{font-size:1rem;flex:1}body[data-page=hr-employees] .controls-right{gap:.5rem;order:-1;flex-shrink:0}body[data-page=hr-employees] #gearBtn{width:36px;height:36px;font-size:1rem}body[data-page=hr-employees] .controls-row.row-2{min-height:auto}body[data-page=hr-employees] #metricCards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}body[data-page=hr-employees] .metric-card{padding:.5rem .65rem}body[data-page=hr-employees] .metric-card .label{font-size:.72rem}body[data-page=hr-employees] .metric-card .value{font-size:1.2rem}body[data-page=hr-employees] .controls-row.row-3{flex-direction:column;align-items:stretch;gap:.5rem;flex-wrap:wrap}body[data-page=hr-employees] .search-pill{width:100%;min-width:unset;flex:1}body[data-page=hr-employees] #openModalBtn{width:100%;white-space:normal}body[data-page=hr-employees] #gearDropdown{position:static;min-width:unset;width:100%;box-shadow:none;margin-top:.4rem}body[data-page=hr-employees] .metric-card .\!label{font-size:.72rem!important}body[data-page=hr-employees] .metric-card .\!value{font-size:1.2rem!important}}@media (max-width:479px){body[data-page=hr-employees] .sticky-controls{gap:.5rem;padding:.5rem 0}body[data-page=hr-employees] .controls-row.row-1{gap:.5rem;margin-bottom:.2rem}body[data-page=hr-employees] .controls-row.row-1 h1{font-size:.95rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page=hr-employees] .controls-right{gap:.5rem;order:-1}body[data-page=hr-employees] #gearBtn{width:34px;height:34px;font-size:.95rem;flex-shrink:0}body[data-page=hr-employees] #metricCards{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}body[data-page=hr-employees] .metric-card{min-width:100px;padding:.45rem .6rem}body[data-page=hr-employees] .metric-card .label{font-size:.65rem;letter-spacing:.03em}body[data-page=hr-employees] .metric-card .value{font-size:1.1rem}body[data-page=hr-employees] .controls-row.row-3{flex-direction:column;align-items:stretch;gap:.45rem}body[data-page=hr-employees] .search-pill{width:100%;min-width:unset;padding:.4rem .65rem;font-size:.85rem}body[data-page=hr-employees] .search-pill .search-icon{font-size:.9rem}body[data-page=hr-employees] .search-pill input{font-size:.85rem}body[data-page=hr-employees] #openModalBtn{width:100%;white-space:normal;font-size:.9rem;padding:.5rem .75rem;flex-shrink:0}body[data-page=hr-employees] #gearDropdown{position:static;width:100%;padding:.6rem;margin-top:.35rem;border-radius:10px}body[data-page=hr-employees] .column-panel{width:100%;border-radius:10px;max-height:60vh;overflow-y:auto}body[data-page=hr-employees] .metric-card .\!label{font-size:.65rem!important;letter-spacing:.03em!important}body[data-page=hr-employees] .metric-card .\!value{font-size:1.1rem!important}}@media (max-width:359px){body[data-page=hr-employees] .sticky-controls{gap:.45rem;padding:.45rem 0}body[data-page=hr-employees] .controls-row.row-1 h1{font-size:.9rem}body[data-page=hr-employees] #gearBtn{width:32px;height:32px;font-size:.9rem}body[data-page=hr-employees] .controls-row.row-3{gap:.4rem}body[data-page=hr-employees] #openModalBtn{font-size:.85rem;padding:.45rem .65rem}}body[data-page=hr-field-manager]{--bg:var(--bg,#f6f7fb);--surface:var(--panel,#fff);--surface-alt:var(--panel2,#f0f2f7);--border:var(--border,#e2e6ef);--ink:var(--text,#1f2933);--muted:var(--sub,#6b7280);--accent:var(--accent,#6679ff);--accent-strong:var(--accent-strong,#4f61f1);--danger:var(--danger,#dc2626)}body[data-page=hr-field-manager] .table-section{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:.4rem .6rem;position:relative}body[data-page=hr-field-manager] .table-section summary{font-weight:600;cursor:pointer;padding:.25rem .35rem;margin-bottom:.4rem}body[data-page=hr-field-manager] *{box-sizing:border-box}body[data-page=hr-field-manager]{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background:var(--bg);color:var(--ink)}body[data-page=hr-field-manager] .page-shell{flex:1;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;min-width:0}body[data-page=hr-field-manager] h1{margin:0;font-size:1.2rem}body[data-page=hr-field-manager] .module-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}body[data-page=hr-field-manager] .module-row label{font-size:.72rem;font-weight:600;letter-spacing:.04em;margin-bottom:.25rem}body[data-page=hr-field-manager] .\!btn{border:none!important;border-radius:10px!important;padding:.55rem .85rem!important;font-weight:600!important;cursor:pointer!important}body[data-page=hr-field-manager] .btn{border:none;border-radius:10px;padding:.55rem .85rem;font-weight:600;cursor:pointer}body[data-page=hr-field-manager] .\!btn.primary{background:var(--accent)!important;color:#fff!important}body[data-page=hr-field-manager] .btn.primary{background:var(--accent);color:#fff}body[data-page=hr-field-manager] .btn.\!primary{background:var(--accent)!important;color:#fff!important}body[data-page=hr-field-manager] .\!btn.secondary{background:#f4f6fb!important;color:var(--ink)!important}body[data-page=hr-field-manager] .btn.secondary{background:#f4f6fb;color:var(--ink)}body[data-page=hr-field-manager] .holiday-panel{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1rem 1.25rem;box-shadow:0 8px 24px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:.75rem}body[data-page=hr-field-manager] .holiday-panel-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:flex-start}body[data-page=hr-field-manager] .holiday-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}body[data-page=hr-field-manager] .holiday-actions .btn-small{font-size:.75rem;padding:.45rem .85rem}body[data-page=hr-field-manager] .holiday-msg{font-size:.78rem;color:var(--muted);min-height:1.4rem}body[data-page=hr-field-manager] .text-success{color:var(--success)}body[data-page=hr-field-manager] .text-danger{color:var(--danger)}body[data-page=hr-field-manager] .holiday-results{border:1px solid var(--border);border-radius:12px;padding:.75rem;max-height:260px;overflow:auto;background:var(--surface-alt)}body[data-page=hr-field-manager] .holiday-results .holiday-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) minmax(150px,1fr);gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(14,165,233,.15)}body[data-page=hr-field-manager] .holiday-results .holiday-row:last-child{border-bottom:none}body[data-page=hr-field-manager] .holiday-date{font-weight:600;font-size:.85rem}body[data-page=hr-field-manager] .holiday-name{font-size:.85rem;color:var(--ink)}body[data-page=hr-field-manager] .holiday-actions{display:flex;justify-content:flex-end;gap:.35rem}body[data-page=hr-field-manager] input,body[data-page=hr-field-manager] select,body[data-page=hr-field-manager] textarea{border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem;font-size:.85rem;background:var(--surface-alt);width:100%}body[data-page=hr-field-manager] input:focus,body[data-page=hr-field-manager] select:focus,body[data-page=hr-field-manager] textarea:focus{outline:2px solid rgba(102,121,255,.5);background:var(--surface)}body[data-page=hr-field-manager] .select-options-editor{min-height:70px;resize:vertical;font-size:.78rem}body[data-page=hr-field-manager] .input-error{border-color:var(--danger)!important}body[data-page=hr-field-manager] .card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.2rem 1.4rem 1.4rem}body[data-page=hr-field-manager] .table-card{display:flex;flex-direction:column;gap:.8rem}body[data-page=hr-field-manager] .table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}body[data-page=hr-field-manager] .table-wrapper{border:1px solid var(--border);border-radius:14px;overflow-x:hidden;overflow-y:auto;max-height:min(60vh,760px);background:var(--surface);position:relative}body[data-page=hr-field-manager] .section-manager{margin-top:.6rem;border:1px dashed var(--border);border-radius:12px;background:var(--surface-alt);position:relative}body[data-page=hr-field-manager] .section-manager summary{font-weight:600;padding:.65rem .9rem;cursor:pointer}body[data-page=hr-field-manager] details .section-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;list-style:none;position:relative;padding-left:1.25rem}body[data-page=hr-field-manager] details .section-summary:before{content:"▸";position:absolute;left:0;color:var(--muted);transition:transform .2s ease}body[data-page=hr-field-manager] details[open]>.section-summary:before{transform:rotate(90deg)}body[data-page=hr-field-manager] .summary-actions{display:inline-flex;align-items:center;gap:.5rem}body[data-page=hr-field-manager] .filter-clear{width:100%;border:none;background:transparent;cursor:pointer;color:var(--accent);font-size:.8rem;text-align:right}body[data-page=hr-field-manager] details .section-summary::-webkit-details-marker{display:none}body[data-page=hr-field-manager] .section-manager[open]>summary{border-bottom:1px solid var(--border)}body[data-page=hr-field-manager] .section-manager-content{padding:.75rem .9rem .9rem;display:flex;flex-direction:column;gap:.6rem}body[data-page=hr-field-manager] .section-table{width:100%;border-collapse:collapse;font-size:.75rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;overflow:hidden}body[data-page=hr-field-manager] .section-table td,body[data-page=hr-field-manager] .section-table th{padding:.6rem .7rem;border-bottom:1px solid var(--border);text-align:left}body[data-page=hr-field-manager] .section-table th{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;background:var(--surface-alt);color:var(--muted)}body[data-page=hr-field-manager] .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[data-page=hr-field-manager] .column-header{display:inline-flex;align-items:center;gap:.25rem}body[data-page=hr-field-manager] .column-header.center{justify-content:center;width:100%}body[data-page=hr-field-manager] .column-filter-button{border:none;background:transparent;cursor:pointer;padding:.1rem;border-radius:50%;color:var(--muted);line-height:1}body[data-page=hr-field-manager] .column-filter-button:hover{color:var(--accent);background:rgba(102,121,255,.1)}body[data-page=hr-field-manager] .column-filter-button svg{width:13px;height:13px}body[data-page=hr-field-manager] .column-filter-dropdown{position:absolute;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 15px 35px rgba(15,23,42,.15);padding:.9rem;z-index:60;display:none}body[data-page=hr-field-manager] .column-filter-dropdown.visible{display:block}body[data-page=hr-field-manager] .column-filter-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}body[data-page=hr-field-manager] .column-filter-dropdown .dropdown-title{font-size:.85rem;font-weight:600;color:var(--ink)}body[data-page=hr-field-manager] .column-filter-dropdown .column-filter-close{border:none;background:transparent;font-size:1rem;cursor:pointer;color:var(--muted)}body[data-page=hr-field-manager] .column-filter-dropdown .sort-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}body[data-page=hr-field-manager] .column-filter-dropdown .sort-label{font-size:.8rem;font-weight:600;color:var(--muted)}body[data-page=hr-field-manager] .column-filter-dropdown .sort-button-group{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}body[data-page=hr-field-manager] .column-filter-dropdown .sort-button{border:none;background:transparent;font-size:.75rem;padding:.25rem .6rem;cursor:pointer;color:var(--muted)}body[data-page=hr-field-manager] .column-filter-dropdown .sort-button.active{background:#eef2ff;color:var(--accent);font-weight:600}body[data-page=hr-field-manager] .column-filter-dropdown .filter-input-wrapper{border:1px solid var(--border);border-radius:10px;padding:.4rem .5rem;display:flex;align-items:center;gap:.35rem;background:var(--surface-subtle)}body[data-page=hr-field-manager] .column-filter-dropdown .filter-input-wrapper input{border:none;background:transparent;font-size:.82rem;flex:1}body[data-page=hr-field-manager] .column-filter-dropdown .column-filter-message{font-size:.78rem;color:var(--muted);margin:.4rem 0 0}body[data-page=hr-field-manager] .section-table tr:last-child td{border-bottom:none}body[data-page=hr-field-manager] .section-table .center{text-align:center}body[data-page=hr-field-manager] .section-table input[type=number],body[data-page=hr-field-manager] .section-table input[type=text]{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:12px;font-size:.78rem;background:var(--surface)}body[data-page=hr-field-manager] .section-table input[readonly]{background:var(--surface-alt);color:var(--muted);cursor:not-allowed}body[data-page=hr-field-manager] .section-table input[type=checkbox]{transform:scale(1.1)}body[data-page=hr-field-manager] .section-table .new-section-row td{background:var(--surface-alt)}body[data-page=hr-field-manager] .section-table button{border:none;border-radius:8px;padding:.45rem .75rem;font-size:.75rem;cursor:pointer;margin-right:.3rem;background:var(--surface-alt);border:1px solid var(--border);color:var(--ink)}body[data-page=hr-field-manager] .section-table button[data-section-action=create]{background:var(--accent);border:none;color:#fff}body[data-page=hr-field-manager] .section-table button[data-section-action=save]{background:#eef1fb;color:#394060}body[data-page=hr-field-manager] .section-table button.danger{background:var(--danger);color:#fff;border:none}body[data-page=hr-field-manager] .section-table .msg{font-size:.7rem;margin-top:.3rem}body[data-page=hr-field-manager] .section-table tr[data-section-disabled=true]{background:hsla(0,91%,71%,.08)}body[data-page=hr-field-manager] .section-table tr[data-section-disabled=true] input{color:var(--muted)}body[data-page=hr-field-manager] .section-table tbody tr:nth-child(2n){background:var(--surface-alt)}body[data-page=hr-field-manager] .table-controls{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}body[data-page=hr-field-manager] .table-controls-top{display:flex;justify-content:flex-end;color:var(--muted);font-size:.78rem}body[data-page=hr-field-manager] .table-controls-bottom{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-wrap:wrap}body[data-page=hr-field-manager] .toggle-control{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;color:var(--muted)}body[data-page=hr-field-manager] .toggle-switch{position:relative;width:44px;height:24px;border-radius:999px;background:#4b5563;transition:background .2s ease;cursor:pointer}body[data-page=hr-field-manager] .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease}body[data-page=hr-field-manager] .toggle-switch[data-checked=true]{background:var(--accent)}body[data-page=hr-field-manager] .toggle-switch[data-checked=true]:after{transform:translateX(20px)}body[data-page=hr-field-manager] .pagination-controls{display:inline-flex;align-items:center;gap:.4rem}body[data-page=hr-field-manager] .pagination-controls button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--ink);border-radius:8px;padding:.3rem .65rem;cursor:pointer}body[data-page=hr-field-manager] .pagination-controls button:disabled{cursor:not-allowed;opacity:.5}body[data-page=hr-field-manager] .pagination-summary{font-size:.8rem;color:var(--muted)}body[data-page=hr-field-manager] .page-size-control{display:inline-flex;gap:.35rem;align-items:center;font-size:.8rem}body[data-page=hr-field-manager] .toggle-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}body[data-page=hr-field-manager] table{width:100%;border-collapse:collapse;font-size:.78rem}body[data-page=hr-field-manager] td,body[data-page=hr-field-manager] th{padding:.55rem .65rem;border-bottom:1px solid var(--border);vertical-align:middle}body[data-page=hr-field-manager] thead tr.col-headings th{text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;background:var(--surface-alt);color:var(--muted)}body[data-page=hr-field-manager] .section-table thead th{position:sticky;top:0;z-index:2}body[data-page=hr-field-manager] .hidden-header{text-align:center}body[data-page=hr-field-manager] .new-field-row td{background:var(--surface-alt);border-bottom:1px solid var(--border)}body[data-page=hr-field-manager] .new-field-row input,body[data-page=hr-field-manager] .new-field-row select,body[data-page=hr-field-manager] .new-field-row textarea{width:100%;font-size:.75rem;padding:.45rem .5rem}body[data-page=hr-field-manager] .new-field-row button{border:none;border-radius:8px;padding:.45rem .75rem;font-size:.75rem;background:var(--accent);color:#fff;cursor:pointer}body[data-page=hr-field-manager] #fieldsTable tbody tr:nth-child(odd){background:var(--surface)}body[data-page=hr-field-manager] #fieldsTable tbody tr:nth-child(2n){background:var(--surface-alt)}body[data-page=hr-field-manager] .icon-cell{width:48px;text-align:center}body[data-page=hr-field-manager] .icon-cell button{border:none;background:transparent;cursor:pointer;font-size:1rem;color:var(--muted)}body[data-page=hr-field-manager] .icon-cell button:hover{color:var(--danger)}body[data-page=hr-field-manager] .filter-icon{font-size:.75rem;color:var(--muted);margin-right:.2rem}body[data-page=hr-field-manager] .field-key{font-weight:600}body[data-page=hr-field-manager] .field-key .pill{margin-left:.35rem;font-size:.6rem}body[data-page=hr-field-manager] .center{text-align:center}body[data-page=hr-field-manager] #saveChangesBtn{cursor:pointer}body[data-page=hr-field-manager] #saveChangesBtn:disabled{cursor:not-allowed;opacity:.6}body[data-page=hr-field-manager] .toast-container{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}body[data-page=hr-field-manager] .toast{min-width:220px;background:#111827;color:#fff;padding:.8rem 1rem;border-radius:10px;box-shadow:0 15px 35px rgba(15,23,42,.18);font-size:.9rem;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);animation:toast-in .2s ease forwards}body[data-page=hr-field-manager] .toast.toast-exit{animation:toast-out .2s ease forwards}body[data-page=hr-field-manager] .toast .toast-icon{font-size:1rem}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}body[data-page=hr-field-manager] .dirty-row{background:#fff8dc}body[data-page=hr-field-manager] tr[data-row-disabled=true]{background:#fef2f2}body[data-page=hr-field-manager] tr[data-row-disabled=true] .field-key{color:var(--muted)}body[data-page=hr-field-manager] .footer{position:fixed;left:240px;right:0;bottom:0;text-align:center;padding:.5rem 1rem;font-size:.65rem;color:var(--muted);background:var(--surface);border-top:1px solid var(--border)}body[data-page=hr-field-manager] .msg{font-size:.8rem;color:var(--muted)}body[data-page=hr-field-manager] .msg.error{color:var(--danger)}body[data-page=hr-field-manager] .msg.success{color:#16a34a}@media (max-width:900px){body[data-page=hr-field-manager] .page-shell{padding:1rem 1rem 2.4rem}}@media (max-width:700px){body[data-page=hr-field-manager] .holiday-panel-header,body[data-page=hr-field-manager] .table-toolbar{flex-direction:column;align-items:flex-start}body[data-page=hr-field-manager] .table-toolbar>div{width:100%;justify-content:flex-start}}@media (max-width:640px){body[data-page=hr-field-manager] .page-shell{padding:.9rem .85rem 2.2rem;gap:1rem}body[data-page=hr-field-manager] .card,body[data-page=hr-field-manager] .holiday-panel,body[data-page=hr-field-manager] .section-manager,body[data-page=hr-field-manager] .table-section{border-radius:16px;box-shadow:0 8px 18px rgba(15,23,42,.08)}body[data-page=hr-field-manager] .holiday-results .holiday-row{grid-template-columns:1fr;align-items:flex-start}}body[data-page=hr-policy-docs]{--bg:var(--bg,#fff);--panel:var(--panel,#fff);--panel2:var(--panel2,#f6f8fa);--accent:var(--accent,#6679ff);--accent-hover:var(--accent-hover,#5568f4);--text:var(--text,#1a1f29);--sub:var(--sub,#6b7280);--danger:var(--danger,#dc2626);--ok:#16a34a;--warn:#d97706;--border:var(--border,#e3e6eb)}body[data-page=hr-policy-docs] *{box-sizing:border-box}body[data-page=hr-policy-docs]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}body[data-page=hr-policy-docs] main{padding:1.4rem 1.4rem 3rem}body[data-page=hr-policy-docs] .wrap{display:grid;gap:1.4rem}body[data-page=hr-policy-docs] .card{background:var(--panel);padding:1rem .9rem 1.15rem;border-radius:14px;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 8px 24px rgba(15,23,42,.08);border:1px solid var(--border)}body[data-page=hr-policy-docs] h2{margin:.2rem 0 .6rem;font-size:1rem}body[data-page=hr-policy-docs] label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--sub)}body[data-page=hr-policy-docs] input{width:100%;padding:.55rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:.75rem}body[data-page=hr-policy-docs] input:focus{outline:2px solid var(--accent);border-color:var(--accent);background:var(--panel)}body[data-page=hr-policy-docs] button{cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.6rem .9rem;font-size:.72rem;font-weight:600;letter-spacing:.5px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08)}body[data-page=hr-policy-docs] button:hover{background:var(--accent-hover)}body[data-page=hr-policy-docs] table{width:100%;border-collapse:collapse;font-size:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}body[data-page=hr-policy-docs] td,body[data-page=hr-policy-docs] th{padding:.45rem .5rem;text-align:left;border-bottom:1px solid var(--border)}body[data-page=hr-policy-docs] th{font-size:.6rem;letter-spacing:.5px;color:var(--sub);text-transform:uppercase;background:var(--panel2)}body[data-page=hr-policy-docs] .pill{padding:.25rem .5rem;border-radius:18px;font-size:.55rem;font-weight:600;display:inline-block;background:var(--panel2);color:#3f51cf}body[data-page=hr-policy-docs] .pending{background:rgba(217,119,6,.15);color:#b45309}body[data-page=hr-policy-docs] .msg{font-size:.65rem;margin-top:.4rem}body[data-page=hr-policy-docs] .error{color:var(--danger)}body[data-page=hr-policy-docs] .success{color:var(--ok)}body[data-page=hr-policy-docs] .small{font-size:.55rem;letter-spacing:.5px;opacity:.7;color:#4b5563}body[data-page=hr-policy-docs] .footer{position:static;left:auto;right:auto;text-align:center;padding:.5rem 1rem;font-size:.55rem;opacity:.7;background:var(--panel);color:var(--text);border-top:1px solid var(--border)}body[data-page=hr-policy-docs]{display:block}body[data-page=hr-policy-docs] main{margin-left:0}body[data-page=hr-timesheets]{--surface:var(--panel,#fff);--muted-surface:var(--panel2,#f6f8fa);--ink:var(--text,#111827);--muted:var(--sub,#6b7280);--border:var(--border,#e3e6eb);--accent:var(--accent,#6679ff);--accent-strong:var(--accent-strong,#5568f4);--danger:var(--danger,#dc2626);--ok:#16a34a;--warn:#d97706}body[data-page=hr-timesheets] *{box-sizing:border-box}body[data-page=hr-timesheets]{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background:var(--muted-surface);color:var(--ink);display:block;line-height:1.45;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body[data-page=hr-timesheets] a{color:inherit;text-decoration:none}body[data-page=hr-timesheets] .page-shell{flex:1;margin-left:0;padding:clamp(1rem,1.8vw,1.8rem) clamp(1rem,2.2vw,1.8rem) 4rem;display:flex;flex-direction:column;gap:1.25rem}body[data-page=hr-timesheets] .page-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}body[data-page=hr-timesheets] .page-head .eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.68rem;color:var(--muted);margin:0 0 .35rem}body[data-page=hr-timesheets] .\!panel{background:var(--surface)!important;border-radius:18px!important;border:1px solid var(--border)!important;padding:clamp(1rem,2vw,1.35rem)!important;box-shadow:0 10px 25px rgba(15,23,42,.08)!important}body[data-page=hr-timesheets] .panel{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:clamp(1rem,2vw,1.35rem);box-shadow:0 10px 25px rgba(15,23,42,.08)}body[data-page=hr-timesheets] .\!panel h2{margin:0 0 .7rem!important;font-size:1.05rem!important}body[data-page=hr-timesheets] .panel h2{margin:0 0 .7rem;font-size:1.05rem}body[data-page=hr-timesheets] .ts-shell .flex{display:flex;gap:1rem}body[data-page=hr-timesheets] .ts-shell{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}body[data-page=hr-timesheets] .actions-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}body[data-page=hr-timesheets] .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}body[data-page=hr-timesheets] .ts-shell input,body[data-page=hr-timesheets] .ts-shell select,body[data-page=hr-timesheets] .ts-shell textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:.55rem .6rem;font-size:.85rem;background:var(--muted-surface);color:var(--ink)}body[data-page=hr-timesheets] .ts-shell input:focus,body[data-page=hr-timesheets] .ts-shell select:focus,body[data-page=hr-timesheets] .ts-shell textarea:focus{outline:2px solid var(--accent);border-color:var(--accent);background:var(--surface)}body[data-page=hr-timesheets] .ts-shell label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.35rem;font-weight:600}body[data-page=hr-timesheets] .ts-shell button{border:none;border-radius:10px;font-size:.85rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}body[data-page=hr-timesheets] .btn-primary{background:var(--accent);color:#fff}body[data-page=hr-timesheets] .btn-secondary{background:var(--muted-surface);border:1px solid var(--border);color:var(--ink)}body[data-page=hr-timesheets] .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--ink)}body[data-page=hr-timesheets] .btn-danger{background:var(--danger);color:#fff}body[data-page=hr-timesheets] .icon-btn{border:none;background:transparent;color:var(--muted);padding:.25rem;border-radius:999px;line-height:1;font-size:1rem;cursor:pointer}body[data-page=hr-timesheets] .icon-btn:focus-visible,body[data-page=hr-timesheets] .icon-btn:hover{background:rgba(17,24,39,.08)}body[data-page=hr-timesheets] .icon-btn-danger{color:var(--danger)}body[data-page=hr-timesheets] .icon-btn-accent{color:var(--accent-strong)}body[data-page=hr-timesheets] .icon-btn[disabled]{opacity:.4;cursor:not-allowed;background:transparent}body[data-page=hr-timesheets] .toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}body[data-page=hr-timesheets] .toggle-text{white-space:nowrap}body[data-page=hr-timesheets] .switch{position:relative;display:inline-block;width:42px;height:24px}body[data-page=hr-timesheets] .switch input{opacity:0;width:0;height:0}body[data-page=hr-timesheets] .switch-slider{position:absolute;cursor:pointer;inset:0;background:#e5e7eb;border-radius:999px;transition:background .16s ease}body[data-page=hr-timesheets] .switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.35);transition:transform .16s ease}body[data-page=hr-timesheets] .switch input:checked+.switch-slider{background:#4ade80}body[data-page=hr-timesheets] .switch input:checked+.switch-slider:before{transform:translateX(18px)}body[data-page=hr-timesheets] .\!badge{display:inline-flex!important;align-items:center!important;padding:.1rem .55rem!important;border-radius:999px!important;font-size:.7rem!important;text-transform:capitalize!important}body[data-page=hr-timesheets] .badge{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.7rem;text-transform:capitalize}body[data-page=hr-timesheets] .badge.pending,body[data-page=hr-timesheets] .badge.submitted{background:rgba(102,121,255,.18);color:var(--accent-strong)}body[data-page=hr-timesheets] .\!badge.pending,body[data-page=hr-timesheets] .\!badge.submitted{background:rgba(102,121,255,.18)!important;color:var(--accent-strong)!important}body[data-page=hr-timesheets] .\!badge.approved{background:rgba(22,163,74,.18)!important;color:var(--ok)!important}body[data-page=hr-timesheets] .badge.approved{background:rgba(22,163,74,.18);color:var(--ok)}body[data-page=hr-timesheets] .\!badge.rejected{background:rgba(220,38,38,.14)!important;color:var(--danger)!important}body[data-page=hr-timesheets] .badge.rejected{background:rgba(220,38,38,.14);color:var(--danger)}body[data-page=hr-timesheets] .\!badge.open{background:rgba(13,148,136,.18)!important;color:#0d9488!important}body[data-page=hr-timesheets] .badge.open{background:rgba(13,148,136,.18);color:#0d9488}body[data-page=hr-timesheets] .badge.\!open{background:rgba(13,148,136,.18)!important;color:#0d9488!important}body[data-page=hr-timesheets] .timesheet-hours-approved{color:var(--ok);font-weight:700}body[data-page=hr-timesheets] .timesheet-hours-submitted{color:var(--warn);font-weight:700}body[data-page=hr-timesheets] .timesheet-hours-rejected{color:var(--danger);font-weight:700}body[data-page=hr-timesheets] .table-wrap{border:1px solid var(--border);border-radius:14px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}body[data-page=hr-timesheets] .table-wrap table{width:100%;border-collapse:collapse;border-spacing:0}body[data-page=hr-timesheets] .group-week td{color:var(--accent-strong);padding:.9rem 1rem;font-weight:600}body[data-page=hr-timesheets] .group-week td strong{font-weight:700}body[data-page=hr-timesheets] .btn-toggle-week{background:transparent;border:none;padding:0;margin:0;font-weight:700;cursor:pointer;display:inline-block;transform-origin:center;transition:transform .16s ease}body[data-page=hr-timesheets] tr[data-collapsed=true] .btn-toggle-week{transform:rotate(-90deg)}body[data-page=hr-timesheets] .entries-toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}body[data-page=hr-timesheets] .calendar-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}body[data-page=hr-timesheets] .calendar-nav{display:flex;gap:.5rem;align-items:center}body[data-page=hr-timesheets] .calendar-nav button,body[data-page=hr-timesheets] .calendar-view-toggle button{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:.4rem .9rem;border-radius:10px}body[data-page=hr-timesheets] .calendar-view-toggle{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden}body[data-page=hr-timesheets] .calendar-view-toggle button{border:none;border-radius:0;font-size:.8rem;font-weight:600;padding:.45rem 1.2rem}body[data-page=hr-timesheets] .calendar-view-toggle button.active{background:var(--accent);color:#fff}body[data-page=hr-timesheets] .calendar-container{border:1px solid var(--border);border-radius:18px;padding:.5rem;background:var(--surface);overflow:hidden}body[data-page=hr-timesheets] .calendar-week-grid{--calendar-minute-height:0.75px;display:grid;grid-template-columns:70px repeat(7,minmax(120px,1fr));gap:.5rem;overflow-x:auto}body[data-page=hr-timesheets] .calendar-time-column{font-size:.68rem;color:var(--muted);text-transform:uppercase}body[data-page=hr-timesheets] .calendar-time-label{height:calc(var(--calendar-minute-height)*60);display:flex;align-items:flex-start;justify-content:flex-end;padding-right:.25rem}body[data-page=hr-timesheets] .calendar-day-column{border-left:1px solid var(--border);padding-left:.35rem}body[data-page=hr-timesheets] .calendar-day-header{font-weight:600;margin-bottom:.35rem}body[data-page=hr-timesheets] .calendar-day-header span{display:block;font-size:.75rem;color:var(--muted)}body[data-page=hr-timesheets] .calendar-day-body{position:relative;height:calc(var(--calendar-minute-height)*1440);background-image:repeating-linear-gradient(transparent,transparent calc(var(--calendar-minute-height)*59),rgba(148,163,184,.18) calc(var(--calendar-minute-height)*59),rgba(148,163,184,.18) calc(var(--calendar-minute-height)*60));border-radius:12px;background-color:var(--muted-surface)}body[data-page=hr-timesheets] .calendar-event{position:absolute;left:.35rem;right:.35rem;border-radius:10px;padding:.35rem .45rem;--event-color:rgba(17,24,39,.85);background:var(--event-color);color:#fff;font-size:.75rem;box-shadow:0 4px 12px rgba(15,23,42,.25);overflow:hidden;border:1px solid transparent}body[data-page=hr-timesheets] .calendar-event strong{display:block;font-size:.8rem;margin-bottom:.15rem}body[data-page=hr-timesheets] .calendar-event.in_progress,body[data-page=hr-timesheets] .calendar-event.pending,body[data-page=hr-timesheets] .calendar-event.submitted{--event-color:rgba(102,121,255,.9)}body[data-page=hr-timesheets] .calendar-event.rejected{--event-color:rgba(220,38,38,.85)}body[data-page=hr-timesheets] .calendar-event.approved{--event-color:rgba(16,185,129,.9)}body[data-page=hr-timesheets] .calendar-day-column.submitted-day .calendar-day-header{background:rgba(102,121,255,.06);border-radius:6px;padding:6px 8px}body[data-page=hr-timesheets] .calendar-event.submitted-day-entry{box-shadow:0 6px 18px rgba(102,121,255,.12);border-color:rgba(102,121,255,.9)!important}body[data-page=hr-timesheets] .calendar-event.open{--event-color:rgba(13,148,136,.9)}body[data-page=hr-timesheets] .calendar-event.\!open{--event-color:rgba(13,148,136,.9)!important}body[data-page=hr-timesheets] .calendar-event.hollow{background:transparent;color:var(--event-color);border-color:var(--event-color);box-shadow:none}body[data-page=hr-timesheets] .calendar-event:after{content:attr(data-status);position:absolute;right:.4rem;bottom:.2rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5}body[data-page=hr-timesheets] .calendar-empty-state{text-align:center;padding:2rem;color:var(--muted)}body[data-page=hr-timesheets] .calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.75rem}body[data-page=hr-timesheets] .calendar-month-cell{border:1px solid var(--border);border-radius:12px;padding:.6rem;background:var(--surface);min-height:110px;display:flex;flex-direction:column;gap:.45rem}body[data-page=hr-timesheets] .calendar-month-cell.muted{opacity:.55}body[data-page=hr-timesheets] .calendar-month-cell strong{font-size:.9rem}body[data-page=hr-timesheets] .calendar-month-cell .hours{font-size:.75rem;color:var(--muted)}body[data-page=hr-timesheets] .calendar-month-cell .hours span{display:block}body[data-page=hr-timesheets] .calendar-month-dots{display:flex;flex-wrap:wrap;gap:.25rem}body[data-page=hr-timesheets] .calendar-month-dot{width:6px;height:6px;border-radius:50%;--dot-color:rgba(17,24,39,.7);background:var(--dot-color);border:1px solid transparent}body[data-page=hr-timesheets] .calendar-month-dot.pending{--dot-color:rgba(102,121,255,.9)}body[data-page=hr-timesheets] .calendar-month-dot.approved{--dot-color:rgba(16,185,129,.9)}body[data-page=hr-timesheets] .calendar-month-dot.rejected{--dot-color:rgba(220,38,38,.85)}body[data-page=hr-timesheets] .calendar-month-dot.hollow{background:transparent;border-color:var(--dot-color)}body[data-page=hr-timesheets] .calendar-month-empty{font-size:.75rem;color:var(--muted)}body[data-page=hr-timesheets] .calendar-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999}body[data-page=hr-timesheets] .calendar-modal.active{display:flex}body[data-page=hr-timesheets] .calendar-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}body[data-page=hr-timesheets] .calendar-modal-dialog{position:relative;background:var(--surface);border-radius:18px;padding:1.5rem;box-shadow:0 25px 60px rgba(15,23,42,.25);width:min(420px,calc(100% - 1.5rem));max-height:calc(100% - 2rem);overflow-y:auto;margin:1rem;z-index:1;display:flex;flex-direction:column;gap:1rem}body[data-page=hr-timesheets] #dayEntriesModal .calendar-modal-dialog,body[data-page=hr-timesheets] #multipleTimesheetsModal .calendar-modal-dialog{width:min(960px,calc(100% - 1.5rem))}body[data-page=hr-timesheets] #dayEntriesModal .calendar-modal-dialog{max-height:calc(100% - 1rem)}body[data-page=hr-timesheets] .calendar-modal-header{display:flex;justify-content:space-between;align-items:center}body[data-page=hr-timesheets] .calendar-modal-header h3{margin:0;font-size:1.1rem}body[data-page=hr-timesheets] .calendar-modal-close{background:transparent;border:none;font-size:1.3rem;cursor:pointer}body[data-page=hr-timesheets] .calendar-modal form{display:flex;flex-direction:column;gap:.85rem}body[data-page=hr-timesheets] .calendar-modal .form-row.split{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}body[data-page=hr-timesheets] .calendar-modal select{width:100%}body[data-page=hr-timesheets] .calendar-modal>div:has(>#calendarEntryShift){display:grid;grid-template-columns:1fr}body[data-page=hr-timesheets] .calendar-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}body[data-page=hr-timesheets] .calendar-modal textarea{min-height:80px}body[data-page=hr-timesheets] .calendar-modal small{font-size:.75rem;color:var(--muted)}body[data-page=hr-timesheets] .calendar-modal-processing{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:hsla(0,0%,100%,.85);border-radius:18px;z-index:5;backdrop-filter:blur(2px)}body[data-page=hr-timesheets] .calendar-modal-processing.active{display:flex}body[data-page=hr-timesheets] .calendar-modal-processing .processing-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:#0f172a;font-weight:600}body[data-page=hr-timesheets] .btn-compact{padding:.4rem .85rem;font-size:.78rem}body[data-page=hr-timesheets] .spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.9);border-top-color:hsla(0,0%,100%,.15);border-radius:50%;box-sizing:border-box;animation:spin .9s linear infinite;vertical-align:middle;margin-right:8px}body[data-page=hr-timesheets] .spinner.spinner-lg{width:28px;height:28px;border-width:3px;margin:0}body[data-page=hr-timesheets] .btn-primary .spinner{border-color:hsla(0,0%,100%,.25) hsla(0,0%,100%,.9) hsla(0,0%,100%,.9)}body[data-page=hr-timesheets] .btn-ghost .spinner,body[data-page=hr-timesheets] .btn-secondary .spinner{border-color:rgba(17,24,39,.06) rgba(17,24,39,.12) rgba(17,24,39,.12)}@keyframes spin{to{transform:rotate(1turn)}}body[data-page=hr-timesheets] .entries-highlight{display:flex;flex-direction:column;gap:.2rem}@media (max-width:640px){body[data-page=hr-timesheets] #dayEntriesModal .calendar-modal-dialog{padding:1rem}body[data-page=hr-timesheets] #dayEntriesModal thead{display:none}body[data-page=hr-timesheets] #dayEntriesModal tbody tr{display:block;padding:1rem;border:1px solid var(--border);border-radius:14px;margin-bottom:.75rem;background:var(--surface);box-shadow:0 6px 16px rgba(15,23,42,.08)}body[data-page=hr-timesheets] #dayEntriesModal tbody td{padding:0;width:100%;display:block}body[data-page=hr-timesheets] #dayEntriesModal tbody td+td{margin-top:.35rem}body[data-page=hr-timesheets] #dayEntriesModal tbody td:first-child{display:flex;justify-content:flex-end}body[data-page=hr-timesheets] #dayEntriesModal tbody td:nth-child(2){font-weight:600;color:var(--ink)}body[data-page=hr-timesheets] #dayEntriesModal tbody td:nth-child(3),body[data-page=hr-timesheets] #dayEntriesModal tbody td:nth-child(4){color:var(--muted)}body[data-page=hr-timesheets] #dayEntriesModal tbody tr:last-child{margin-bottom:0}}body[data-page=hr-timesheets] .entries-highlight strong{font-size:1.05rem}body[data-page=hr-timesheets] .group-day td,body[data-page=hr-timesheets] .group-month td,body[data-page=hr-timesheets] .group-week td,body[data-page=hr-timesheets] .group-year td{background:var(--muted-surface)}body[data-page=hr-timesheets] .group-week td{background:rgba(102,121,255,.06)}body[data-page=hr-timesheets] .group-day button,body[data-page=hr-timesheets] .group-month button,body[data-page=hr-timesheets] .group-week button,body[data-page=hr-timesheets] .group-year button{border:none;background:transparent;font-size:.85rem;margin-right:.4rem;cursor:pointer}body[data-page=hr-timesheets] .entry-row.today td{background:rgba(102,121,255,.08)}body[data-page=hr-timesheets] table{width:100%;border-collapse:collapse;font-size:.82rem}body[data-page=hr-timesheets] td,body[data-page=hr-timesheets] th{padding:.6rem .7rem;text-align:left;border-bottom:1px solid var(--border)}body[data-page=hr-timesheets] th{font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);background:var(--muted-surface)}body[data-page=hr-timesheets] tbody tr:nth-child(2n){background:#fbfcff}body[data-page=hr-timesheets] .table-empty{text-align:center;font-size:.85rem;color:var(--muted);padding:1.5rem 0}body[data-page=hr-timesheets] .table-empty:before{content:none}body[data-page=hr-timesheets] .message{display:none;position:fixed;top:18px;right:18px;margin:0;max-width:420px;width:min(420px,calc(100vw - 32px));z-index:1050;pointer-events:none}body[data-page=hr-timesheets] .message .toast{background:#fff;border-radius:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 45px rgba(15,23,42,.18);padding:.5rem .5rem .5rem .85rem;animation:toast-pop .2s ease;pointer-events:auto}body[data-page=hr-timesheets] .toast{border-left:4px solid var(--accent)}body[data-page=hr-timesheets] .toast-success{border-left-color:var(--ok)}body[data-page=hr-timesheets] .toast-error{border-left-color:var(--danger)}body[data-page=hr-timesheets] .toast-warning{border-left-color:var(--warn)}body[data-page=hr-timesheets] .toast-info{border-left-color:var(--accent)}body[data-page=hr-timesheets] .d-flex{display:flex;align-items:stretch;gap:.65rem}body[data-page=hr-timesheets] .toast-body{color:var(--ink)}body[data-page=hr-timesheets] .small{font-size:.88rem}body[data-page=hr-timesheets] .fw-semibold{font-weight:600}body[data-page=hr-timesheets] .mb-1{margin-bottom:.25rem}body[data-page=hr-timesheets] .msg-line{color:var(--ink);line-height:1.45}body[data-page=hr-timesheets] .btn-close{width:28px;height:28px;border:none;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}body[data-page=hr-timesheets] .btn-close:hover{background:rgba(15,23,42,.08);color:var(--ink)}body[data-page=hr-timesheets] .me-1{margin-right:.35rem}body[data-page=hr-timesheets] .me-2{margin-right:.5rem}body[data-page=hr-timesheets] .m-auto{margin:auto}body[data-page=hr-timesheets] .text-danger{color:var(--danger)}body[data-page=hr-timesheets] .text-success{color:var(--ok)}body[data-page=hr-timesheets] .text-warning{color:var(--warn)}body[data-page=hr-timesheets] .text-info{color:var(--accent-strong)}@keyframes toast-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body[data-page=hr-timesheets] .small-text{font-size:.78rem;color:var(--muted)}body[data-page=hr-timesheets] footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;font-size:.65rem;padding:.6rem;color:var(--muted);margin-top:1.25rem}@media (max-width:1100px){body[data-page=hr-timesheets] .page-head{flex-direction:column}body[data-page=hr-timesheets] .actions-row{width:100%;justify-content:flex-start}}@media (max-width:900px){body[data-page=hr-timesheets] .page-head{flex-direction:column}body[data-page=hr-timesheets] .actions-row{width:100%;justify-content:flex-start}body[data-page=hr-timesheets] .page-shell{margin-left:0;padding-bottom:2.5rem}}@media (max-width:700px){body[data-page=hr-timesheets] .controls-grid{grid-template-columns:1fr}body[data-page=hr-timesheets] .actions-row{flex-direction:column;align-items:stretch}body[data-page=hr-timesheets] .actions-row>*{width:100%}body[data-page=hr-timesheets] .employee-chip{min-width:auto}body[data-page=hr-timesheets] #approveConfirmModal button,body[data-page=hr-timesheets] #calendarEntryForm button,body[data-page=hr-timesheets] #dayEntriesModal button,body[data-page=hr-timesheets] #manualForm button,body[data-page=hr-timesheets] #multipleTimesheetsModal button,body[data-page=hr-timesheets] #pendingApprovalPanel .btn,body[data-page=hr-timesheets] #timeEntriesPanel .btn,body[data-page=hr-timesheets] #timeEntryActionsPanel button,body[data-page=hr-timesheets] #timesheetRejectForm button,body[data-page=hr-timesheets] .actions-row button,body[data-page=hr-timesheets] .calendar-nav,body[data-page=hr-timesheets] .calendar-toolbar,body[data-page=hr-timesheets] .calendar-toolbar button,body[data-page=hr-timesheets] .calendar-view-toggle,body[data-page=hr-timesheets] .entries-toolbar button{width:100%}body[data-page=hr-timesheets] .calendar-view-toggle{flex-direction:row}body[data-page=hr-timesheets] .calendar-view-toggle button{flex:1}body[data-page=hr-timesheets] button.icon-btn,body[data-page=hr-timesheets] button.icon-btn-danger{width:auto}body[data-page=hr-timesheets] #pendingApprovalPanel .\!btn,body[data-page=hr-timesheets] #timeEntriesPanel .\!btn{width:100%!important}}@media (max-width:640px){body[data-page=hr-timesheets] .page-shell{padding:1rem .85rem 2.2rem;gap:.9rem}body[data-page=hr-timesheets] .panel{border-radius:16px;box-shadow:0 8px 18px rgba(15,23,42,.08)}body[data-page=hr-timesheets] .current-week-card{border:none;border-radius:16px;background:rgba(102,121,255,.08);margin-bottom:.8rem}body[data-page=hr-timesheets] .current-week-card-actions{width:100%;align-items:stretch}body[data-page=hr-timesheets] .calendar-toolbar{flex-direction:column;align-items:flex-start}body[data-page=hr-timesheets] .calendar-week-grid{grid-template-columns:50px repeat(7,minmax(160px,1fr))}body[data-page=hr-timesheets] .calendar-month-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}body[data-page=hr-timesheets] .calendar-container{overflow-x:auto}body[data-page=hr-timesheets] .calendar-week-grid{min-width:720px}body[data-page=hr-timesheets] #employeeMultiContainer{width:100%;flex-direction:column;align-items:stretch}body[data-page=hr-timesheets] #employeeMultiToggle{width:100%}body[data-page=hr-timesheets] #employeeMultiPanel{width:100%;right:auto;left:0}body[data-page=hr-timesheets] #pendingApprovalPanel .page-head{flex-direction:column;align-items:flex-start;gap:.5rem}body[data-page=hr-timesheets] #pendingApprovalPanel .toggle{width:100%;justify-content:space-between}body[data-page=hr-timesheets] #pendingApprovalPanel thead,body[data-page=hr-timesheets] #pendingApprovalPanel tr.header-row{display:none}body[data-page=hr-timesheets] #pendingApprovalPanel tbody,body[data-page=hr-timesheets] #pendingApprovalPanel td,body[data-page=hr-timesheets] #pendingApprovalPanel tr{display:block;width:100%}body[data-page=hr-timesheets] #pendingApprovalPanel tbody tr.group-week{border-radius:12px;margin-bottom:.5rem}body[data-page=hr-timesheets] #pendingApprovalPanel tbody tr[data-emp-row]{border:1px solid var(--border);border-radius:16px;padding:1rem;margin-bottom:1rem;background:var(--surface);box-shadow:0 8px 18px rgba(15,23,42,.08)}body[data-page=hr-timesheets] #pendingApprovalPanel tbody tr[data-emp-row]:last-child{margin-bottom:0}body[data-page=hr-timesheets] #pendingApprovalPanel tbody tr[data-emp-row] td{border:0;padding:.35rem 0}body[data-page=hr-timesheets] #pendingApprovalPanel tbody td[data-label]:before{content:attr(data-label);display:block;font-size:.68rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:.15rem}body[data-page=hr-timesheets] #pendingApprovalPanel tbody td:first-child{padding-top:0}body[data-page=hr-timesheets] #pendingApprovalPanel tbody td:last-child{padding-bottom:0}body[data-page=hr-timesheets] #pendingApprovalPanel .table-empty{text-align:left;padding:1rem}body[data-page=hr-timesheets] #pendingApprovalPanel .btn-toggle-week{font-size:1rem}body[data-page=hr-timesheets] #pendingApprovalPanel [data-week-action]{width:100%}body[data-page=hr-timesheets] #pendingApprovalPanel td[data-label=Actions]>div{justify-content:flex-start!important}body[data-page=hr-timesheets] .\!panel{border-radius:16px!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}}body[data-page=hr-timesheets] .multi-select{cursor:pointer}body[data-page=hr-timesheets] .multi-panel .multi-item:hover{background:rgba(15,23,42,.02)}body[data-page=hr-timesheets] .multi-panel input[type=checkbox]{width:16px;height:16px}body[data-page=hr-timesheets] .chip button{margin-left:6px;font-size:.85rem}body[data-page=hr-vacation-manager]{--vm-bg:var(--bg,#f6f8fb);--vm-panel:var(--panel,#fff);--vm-panel-2:var(--panel2,#eef2ff);--vm-sidebar:var(--sidebar-bg,#f2f4fb);--vm-border:var(--border,#e4e7f1);--vm-shadow-soft:0 18px 40px rgba(15,23,42,.08);--vm-text:var(--text,#0f172a);--vm-muted:var(--sub,#6b7280);--vm-accent:var(--accent,#6366f1);--vm-accent-dark:var(--accent-strong,#4f46e5);--vm-success:#10b981;--vm-danger:var(--danger,#ef4444);--vm-warning:#fbbf24}body[data-page=hr-vacation-manager] *{box-sizing:border-box}body[data-page=hr-vacation-manager],body[data-page=hr-vacation-manager] html{overflow-x:hidden;max-width:100%}body[data-page=hr-vacation-manager]{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--vm-bg);color:var(--vm-text);min-height:100vh;display:block;line-height:1.45;-webkit-font-smoothing:antialiased}body[data-page=hr-vacation-manager] .vm-app{display:flex;flex:1;min-height:100vh;width:100%;background:var(--vm-bg)}body[data-page=hr-vacation-manager] .vm-content{flex:1;margin-left:0;padding:clamp(1rem,1.8vw,1.8rem) clamp(1rem,2.2vw,1.8rem) 4rem;min-height:100vh;background:var(--vm-bg);display:flex;flex-direction:column;gap:1.25rem;max-width:100%;overflow-x:hidden}body[data-page=hr-vacation-manager] .text-muted{color:var(--vm-muted)!important}body[data-page=hr-vacation-manager] .hero-banner{background:var(--vm-panel);border-radius:28px;padding:1.75rem 2rem;border:1px solid var(--vm-border);box-shadow:var(--vm-shadow-soft);margin-bottom:1.5rem}body[data-page=hr-vacation-manager] .hero-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.3em;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .hero-content{display:flex;align-items:center}body[data-page=hr-vacation-manager] .hero-actions{display:flex;justify-content:flex-end;margin-left:auto}body[data-page=hr-vacation-manager] .hero-actions a,body[data-page=hr-vacation-manager] .hero-actions button,body[data-page=hr-vacation-manager] .vm-form-actions a,body[data-page=hr-vacation-manager] .vm-form-actions button{border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;border:1px solid var(--vm-border);background:var(--vm-panel);color:var(--vm-text);text-decoration:none}body[data-page=hr-vacation-manager] .hero-actions .primary,body[data-page=hr-vacation-manager] .vm-form-actions .primary{background:var(--vm-accent);border-color:var(--vm-accent);color:#fff;box-shadow:0 12px 20px rgba(99,102,241,.35)}body[data-page=hr-vacation-manager] .hero-actions .\!primary,body[data-page=hr-vacation-manager] .vm-form-actions .\!primary{background:var(--vm-accent)!important;border-color:var(--vm-accent)!important;color:#fff!important;box-shadow:0 12px 20px rgba(99,102,241,.35)!important}body[data-page=hr-vacation-manager] .vm-form-actions #leaveMsg{flex:1;min-height:1.6rem}body[data-page=hr-vacation-manager] .hero-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem}body[data-page=hr-vacation-manager] .hero-card{background:var(--vm-panel);border-radius:24px;border:1px solid var(--vm-border);box-shadow:var(--vm-shadow-soft);padding:1.25rem 1.5rem}body[data-page=hr-vacation-manager] .hero-card h3{margin:0 0 .4rem;font-size:1rem}body[data-page=hr-vacation-manager] .hero-card p{margin:0 0 .9rem;color:var(--vm-muted);font-size:.85rem}body[data-page=hr-vacation-manager] .hero-card .hero-pill-row{display:flex;gap:.6rem;flex-wrap:wrap}body[data-page=hr-vacation-manager] .calendar-container{border:1px solid var(--vm-border);border-radius:26px;padding:.75rem .75rem 1.25rem;background:var(--vm-panel);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 20px 40px rgba(15,23,42,.18);overflow-x:auto;max-width:100%}body[data-page=hr-vacation-manager] .calendar-week-grid{--calendar-minute-height:0.7px;display:grid;grid-template-columns:70px repeat(7,minmax(140px,1fr));-moz-column-gap:.75rem;column-gap:.75rem;padding:.85rem 1rem 1.25rem;overflow-x:auto}body[data-page=hr-vacation-manager] .calendar-time-column{font-size:.62rem;color:var(--vm-muted);text-transform:uppercase;padding-top:1.85rem;padding-right:.5rem}body[data-page=hr-vacation-manager] .calendar-time-label{height:calc(var(--calendar-minute-height)*60);display:flex;align-items:flex-start;justify-content:flex-end;padding-right:.25rem}body[data-page=hr-vacation-manager] .calendar-day-column{border-left:1px solid rgba(148,163,184,.2);padding-left:.85rem;padding-right:.6rem;background:var(--vm-panel-2);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}body[data-page=hr-vacation-manager] .calendar-day-header{font-weight:600;margin-bottom:.45rem;display:flex;align-items:baseline;justify-content:space-between;color:#111827}body[data-page=hr-vacation-manager] .calendar-day-header span{display:block;font-size:.72rem;color:#94a3b8}body[data-page=hr-vacation-manager] .calendar-day-body{position:relative;height:calc(var(--calendar-minute-height)*1440);background-image:repeating-linear-gradient(transparent,transparent calc(var(--calendar-minute-height)*59),rgba(148,163,184,.18) calc(var(--calendar-minute-height)*59),rgba(148,163,184,.18) calc(var(--calendar-minute-height)*60));border-radius:16px;background-color:var(--vm-panel-2);box-shadow:inset 0 1px 0 rgba(15,23,42,.05)}body[data-page=hr-vacation-manager] .calendar-event{position:absolute;left:.35rem;right:.35rem;border-radius:12px;padding:.45rem .55rem;--event-color:rgba(17,24,39,.85);background:var(--event-color);color:#fff;font-size:.78rem;box-shadow:0 14px 28px rgba(15,23,42,.2);overflow:hidden;border:1px solid transparent}body[data-page=hr-vacation-manager] .calendar-event.pending{background:transparent;color:var(--vm-text);border-color:rgba(148,163,184,.8);box-shadow:none}body[data-page=hr-vacation-manager] .calendar-event.pending:after{content:"";position:absolute;inset:4px;border-radius:10px;border:1px dashed rgba(99,102,241,.7);pointer-events:none}body[data-page=hr-vacation-manager] .vm-form .modern-input,body[data-page=hr-vacation-manager] .vm-form .modern-select,body[data-page=hr-vacation-manager] .vm-form .modern-textarea{background:var(--vm-panel)!important;color:var(--vm-text)}body[data-page=hr-vacation-manager] .vm-form .modern-input:focus,body[data-page=hr-vacation-manager] .vm-form .modern-select:focus,body[data-page=hr-vacation-manager] .vm-form .modern-textarea:focus{background:var(--vm-panel)!important}body[data-page=hr-vacation-manager] .modern-input:-webkit-autofill,body[data-page=hr-vacation-manager] .modern-input:-webkit-autofill:focus,body[data-page=hr-vacation-manager] .modern-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--vm-panel) inset!important;-webkit-text-fill-color:var(--vm-text)!important}body[data-page=hr-vacation-manager] .vm-pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600}body[data-page=hr-vacation-manager] .vm-pill.pending{background:rgba(248,191,24,.18);color:var(--vm-warning)}body[data-page=hr-vacation-manager] .vm-pill.approved{background:rgba(16,185,129,.18);color:var(--vm-success)}body[data-page=hr-vacation-manager] .vm-pill.rejected{background:rgba(239,68,68,.18);color:var(--vm-danger)}body[data-page=hr-vacation-manager] .half-day-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:600;background:rgba(102,121,255,.12);color:var(--vm-accent);margin-left:.35rem}body[data-page=hr-vacation-manager] .holiday-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:var(--vm-panel);font-size:.75rem}body[data-page=hr-vacation-manager] .holiday-row button{border:none;background:transparent;color:var(--vm-danger);font-size:.7rem;cursor:pointer;padding:0}body[data-page=hr-vacation-manager] table.vm-table{color:var(--vm-text);font-size:.85rem;background:var(--vm-panel)}body[data-page=hr-vacation-manager] .column-header{display:inline-flex;align-items:center;gap:.35rem}body[data-page=hr-vacation-manager] .column-filter-button{border:1px solid var(--vm-border);background:var(--vm-panel);border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .column-filter-button:hover,body[data-page=hr-vacation-manager] .column-filter-button[aria-expanded=true]{background:var(--vm-panel-2);color:var(--vm-text)}body[data-page=hr-vacation-manager] .column-filter-button svg{width:15px;height:15px}body[data-page=hr-vacation-manager] .column-filter-dropdown{position:absolute;min-width:240px;background:var(--vm-panel);border:1px solid var(--vm-border);border-radius:14px;box-shadow:0 15px 35px rgba(15,23,42,.15);padding:.9rem;z-index:80;display:none}body[data-page=hr-vacation-manager] .column-filter-dropdown.visible{display:block}body[data-page=hr-vacation-manager] .column-filter-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}body[data-page=hr-vacation-manager] .column-filter-dropdown .dropdown-title{font-size:.85rem;font-weight:600;color:var(--vm-text)}body[data-page=hr-vacation-manager] .column-filter-dropdown .column-filter-close{border:none;background:transparent;font-size:1rem;cursor:pointer;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .column-filter-dropdown .sort-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}body[data-page=hr-vacation-manager] .column-filter-dropdown .sort-label{font-size:.8rem;font-weight:600;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .column-filter-dropdown .sort-button-group{display:inline-flex;border:1px solid var(--vm-border);border-radius:999px;overflow:hidden}body[data-page=hr-vacation-manager] .column-filter-dropdown .sort-button{border:none;background:transparent;padding:.25rem .65rem;font-size:.75rem;cursor:pointer;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .column-filter-dropdown .sort-button.active{background:#eef2ff;color:var(--vm-accent);font-weight:600}body[data-page=hr-vacation-manager] .column-filter-dropdown .filter-input-wrapper{border:1px solid var(--vm-border);border-radius:10px;padding:.4rem .5rem;display:flex;align-items:center;gap:.35rem;background:var(--vm-panel-2)}body[data-page=hr-vacation-manager] .column-filter-dropdown .filter-input-wrapper input{border:none;background:transparent;font-size:.82rem;flex:1}body[data-page=hr-vacation-manager] .column-filter-dropdown .column-filter-message{font-size:.78rem;color:var(--vm-muted);margin-top:.4rem}body[data-page=hr-vacation-manager] .column-filter-dropdown .filter-clear{width:100%;border:none;background:transparent;color:var(--vm-accent);cursor:pointer;font-size:.8rem;text-align:right;margin-top:.4rem}body[data-page=hr-vacation-manager] .filter-icon{font-size:.78rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .vm-table thead th{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;border-bottom-color:var(--vm-border);color:var(--vm-text);background:var(--vm-panel-2)}body[data-page=hr-vacation-manager] .vm-table tbody td{border-color:rgba(148,163,184,.1);vertical-align:middle;background:transparent}body[data-page=hr-vacation-manager] .vm-table tbody tr:hover{background:rgba(14,165,233,.08)}body[data-page=hr-vacation-manager] .vm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}body[data-page=hr-vacation-manager] .vm-summary-card{background:var(--vm-panel);border-radius:14px;padding:.9rem;border:1px solid var(--vm-border);box-shadow:0 6px 18px rgba(15,23,42,.08)}body[data-page=hr-vacation-manager] .vm-summary-card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--vm-muted);margin-bottom:.35rem}body[data-page=hr-vacation-manager] .vm-summary-card .\!label{font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--vm-muted)!important;margin-bottom:.35rem!important}body[data-page=hr-vacation-manager] .vm-summary-card .value{font-size:1.4rem;font-weight:600}body[data-page=hr-vacation-manager] .vm-summary-card .\!value{font-size:1.4rem!important;font-weight:600!important}body[data-page=hr-vacation-manager] .\!panel{background:var(--vm-panel)!important;border-radius:24px!important;border:1px solid var(--vm-border)!important;padding:1.5rem 1.75rem!important;box-shadow:var(--vm-shadow-soft)!important}body[data-page=hr-vacation-manager] .panel,body[data-page=hr-vacation-manager] .vm-card{background:var(--vm-panel);border-radius:24px;border:1px solid var(--vm-border);padding:1.5rem 1.75rem;box-shadow:var(--vm-shadow-soft)}body[data-page=hr-vacation-manager] .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}body[data-page=hr-vacation-manager] .page-head h2{margin:0}body[data-page=hr-vacation-manager] .small-text{font-size:.8rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .entries-toolbar{margin:1rem 0;padding:1rem 1.25rem;border-radius:20px;border:1px solid var(--vm-border);background:linear-gradient(180deg,#fdfdff,#f6f8ff);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65)}body[data-page=hr-vacation-manager] .entries-highlight{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}body[data-page=hr-vacation-manager] .entries-highlight strong{font-size:1rem}body[data-page=hr-vacation-manager] .calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}body[data-page=hr-vacation-manager] .calendar-nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}body[data-page=hr-vacation-manager] .calendar-nav button,body[data-page=hr-vacation-manager] .calendar-view-toggle button{border:1px solid var(--vm-border);background:var(--vm-panel-2);color:var(--vm-text);padding:.4rem .9rem;border-radius:10px}body[data-page=hr-vacation-manager] .calendar-view-toggle{display:inline-flex;border:1px solid var(--vm-border);border-radius:999px;overflow:hidden}body[data-page=hr-vacation-manager] .calendar-view-toggle button{border:none;border-radius:0;font-size:.8rem;font-weight:600;padding:.45rem 1.2rem}body[data-page=hr-vacation-manager] .calendar-view-toggle button.active{background:var(--vm-accent);color:#fff}body[data-page=hr-vacation-manager] .btn-secondary{background:var(--vm-accent);color:#fff;border-color:var(--vm-accent-dark)}body[data-page=hr-vacation-manager] .btn-ghost{background:transparent;color:var(--vm-text)}body[data-page=hr-vacation-manager] .btn-compact{padding:.35rem .8rem;font-size:.85rem}body[data-page=hr-vacation-manager] .multi-select{border:1px solid var(--vm-border);border-radius:10px;padding:.4rem .6rem;background:var(--vm-panel-2);min-width:220px;cursor:pointer}body[data-page=hr-vacation-manager] .multi-panel{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-height:320px;border:1px solid var(--vm-border);background:var(--vm-panel);box-shadow:0 12px 30px rgba(15,23,42,.12);border-radius:12px;padding:.5rem;overflow:auto;z-index:30}body[data-page=hr-vacation-manager] .multi-panel[hidden]{display:none!important}body[data-page=hr-vacation-manager] .multi-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:8px}body[data-page=hr-vacation-manager] .multi-item input[type=checkbox]{flex:0 0 auto}body[data-page=hr-vacation-manager] .calendar-grid td.muted{opacity:.4}body[data-page=hr-vacation-manager] .calendar-empty-state{text-align:center;padding:1rem 0;color:var(--vm-muted);font-size:.85rem}body[data-page=hr-vacation-manager] .calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.75rem}@media (max-width:1200px){body[data-page=hr-vacation-manager] .calendar-month-grid{grid-template-columns:repeat(7,minmax(100px,1fr));gap:.5rem}}body[data-page=hr-vacation-manager] .calendar-month-cell{border:1px solid var(--vm-border);border-radius:14px;padding:.65rem;background:linear-gradient(180deg,rgba(248,250,252,.95),var(--vm-panel));min-height:120px;display:flex;flex-direction:column;gap:.4rem}body[data-page=hr-vacation-manager] .calendar-month-cell.muted{opacity:.45}body[data-page=hr-vacation-manager] .calendar-month-cell strong{font-size:1rem}body[data-page=hr-vacation-manager] .calendar-month-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .calendar-month-events{display:flex;flex-direction:column;gap:.25rem}body[data-page=hr-vacation-manager] .calendar-month-event{display:flex;justify-content:space-between;font-size:.75rem;body[data-page=hr-vacation-manager] .calendar-month-event.pending{background:transparent;border-style:dashed;color:var(--vm-text)}background:rgba(148,163,184,.14);border-radius:8px;padding:.2rem .35rem}body[data-page=hr-vacation-manager] .calendar-month-overflow{font-size:.7rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event strong{display:block;font-size:.8rem;margin-bottom:.15rem}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event .calendar-event-meta{display:block;font-size:.7rem;opacity:.85}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.in_progress,body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.pending,body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.submitted{--event-color:rgba(102,121,255,.9)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.rejected{--event-color:rgba(220,38,38,.85)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.approved{--event-color:rgba(16,185,129,.9)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.timesheet{--event-color:rgba(37,99,235,.92);border-color:rgba(37,99,235,.35)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.\!timesheet{--event-color:rgba(37,99,235,.92)!important;border-color:rgba(37,99,235,.35)!important}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.holiday{--event-color:rgba(20,184,166,.35);color:#0f766e;border-color:rgba(20,184,166,.4)}body[data-page=hr-vacation-manager] .calendar-week-grid .calendar-event.\!holiday{--event-color:rgba(20,184,166,.35)!important;color:#0f766e!important;border-color:rgba(20,184,166,.4)!important}body[data-page=hr-vacation-manager] .calendar-month-event.timesheet{background:rgba(37,99,235,.12);color:#1d4ed8}body[data-page=hr-vacation-manager] .calendar-month-event.\!timesheet{background:rgba(37,99,235,.12)!important;color:#1d4ed8!important}body[data-page=hr-vacation-manager] .calendar-month-event.holiday{background:rgba(20,184,166,.18);color:#0f766e}body[data-page=hr-vacation-manager] .calendar-month-event.\!holiday{background:rgba(20,184,166,.18)!important;color:#0f766e!important}body[data-page=hr-vacation-manager] .calendar-layer-toggle{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.75rem}body[data-page=hr-vacation-manager] .calendar-layer-toggle label{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--vm-border);background:var(--vm-panel);font-size:.85rem;box-shadow:0 4px 10px rgba(15,23,42,.06)}body[data-page=hr-vacation-manager] .calendar-layer-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--vm-accent)}body[data-page=hr-vacation-manager] .calendar-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999}body[data-page=hr-vacation-manager] .calendar-modal.active{display:flex}body[data-page=hr-vacation-manager] .calendar-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}body[data-page=hr-vacation-manager] .calendar-modal-dialog{position:relative;background:var(--vm-panel);border-radius:18px;padding:1.5rem;width:min(420px,calc(100% - 2rem));box-shadow:0 25px 70px rgba(15,23,42,.3);z-index:1}body[data-page=hr-vacation-manager] .calendar-modal-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem}body[data-page=hr-vacation-manager] .calendar-modal-header h3{margin:0;font-size:1.1rem}body[data-page=hr-vacation-manager] .calendar-modal-close{border:none;background:transparent;font-size:1.4rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .calendar-modal form{display:flex;flex-direction:column;gap:.85rem}body[data-page=hr-vacation-manager] .calendar-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}body[data-page=hr-vacation-manager] .calendar-modal textarea{min-height:80px}body[data-page=hr-vacation-manager] .calendar-modal small{font-size:.75rem;color:var(--vm-muted)}body[data-page=hr-vacation-manager] .vm-toast{position:fixed;bottom:20px;right:20px;padding:.8rem 1rem;border-radius:14px;background:rgba(15,23,42,.92);border:1px solid hsla(0,0%,100%,.08);color:var(--vm-text);min-width:220px;font-size:.85rem;opacity:0;transform:translateY(10px);transition:all .2s ease;z-index:50}body[data-page=hr-vacation-manager] .vm-toast.show{opacity:1;transform:translateY(0)}@media (max-width:992px){body[data-page=hr-vacation-manager],body[data-page=hr-vacation-manager] .vm-app{flex-direction:column}body[data-page=hr-vacation-manager] .sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--vm-border)}body[data-page=hr-vacation-manager] .vm-content{margin-left:0;padding:1.75rem 1.5rem;max-width:100%}body[data-page=hr-vacation-manager] .calendar-month-grid{overflow-x:auto;display:flex;flex-wrap:nowrap}body[data-page=hr-vacation-manager] .calendar-month-cell{min-width:100px}body[data-page=hr-vacation-manager] #employeeMultiContainer{flex-direction:column!important;align-items:flex-start!important}body[data-page=hr-vacation-manager] .\!sidebar{position:static!important;width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--vm-border)!important}}@media (max-width:768px){body[data-page=hr-vacation-manager] .calendar-toolbar,body[data-page=hr-vacation-manager] .page-head{flex-direction:column;align-items:stretch}body[data-page=hr-vacation-manager] .calendar-view-toggle{width:100%;justify-content:center}body[data-page=hr-vacation-manager] .vm-summary{grid-template-columns:1fr}body[data-page=hr-vacation-manager] .entries-toolbar{padding:.75rem}body[data-page=hr-vacation-manager] .entries-highlight{flex-direction:column;align-items:flex-start;gap:.5rem}body[data-page=hr-vacation-manager] .calendar-month-grid{grid-template-columns:repeat(7,minmax(80px,1fr))}}@media (max-width:576px){body[data-page=hr-vacation-manager] .panel,body[data-page=hr-vacation-manager] .vm-card,body[data-page=hr-vacation-manager] .vm-content{padding:1rem}body[data-page=hr-vacation-manager] .vm-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}body[data-page=hr-vacation-manager] .calendar-grid td{height:110px}body[data-page=hr-vacation-manager] .calendar-nav{flex-wrap:wrap}body[data-page=hr-vacation-manager] .calendar-nav strong{width:100%;text-align:center}body[data-page=hr-vacation-manager] #employeeMultiToggle{min-width:100%!important;max-width:100%!important}body[data-page=hr-vacation-manager] .calendar-month-grid{display:block;overflow-x:auto;white-space:nowrap}body[data-page=hr-vacation-manager] .\!panel{padding:1rem!important}}body[data-page=hr-vacations]{font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0}body[data-page=hr-vacations] .notice{text-align:center;color:#333}body[data-page=hr-vacations] a{color:#3b82f6}body[data-page=hr]{--bg:#fff;--panel:#fff;--panel2:#f6f8fa;--accent:#6679ff;--accent-hover:#5568f4;--text:#1a1f29;--sub:#6b7280;--danger:#dc2626;--ok:#16a34a;--border:#e3e6eb}body[data-page=hr] *{box-sizing:border-box}body[data-page=hr]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}body[data-page=hr] .page-shell{padding:1.4rem 1.4rem 3rem}body[data-page=hr] section{margin-bottom:2rem}body[data-page=hr] form{display:grid;gap:.6rem;max-width:480px;background:var(--panel);padding:1rem 1rem 1.1rem;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid var(--border)}body[data-page=hr] form h2{margin:.1rem 0 .4rem;font-size:1.05rem}body[data-page=hr] label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--sub)}body[data-page=hr] input,body[data-page=hr] select{width:100%;padding:.55rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text,#e5e7eb);font-size:.75rem}body[data-page=hr] input:focus,body[data-page=hr] select:focus{outline:2px solid var(--accent);border-color:var(--accent);background:var(--panel)}body[data-page=hr] button{cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.6rem .9rem;font-size:.72rem;font-weight:600;letter-spacing:.5px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08)}body[data-page=hr] button:hover{background:var(--accent-hover)}body[data-page=hr] .table-wrap{background:var(--panel);padding:1rem .9rem 1.1rem;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid var(--border)}body[data-page=hr] table{width:100%;border-collapse:collapse;font-size:.7rem}body[data-page=hr] td,body[data-page=hr] th{padding:.45rem .5rem;text-align:left;border-bottom:1px solid var(--border)}body[data-page=hr] th{font-size:.65rem;letter-spacing:.5px;color:var(--sub,#9ca3af);text-transform:uppercase}body[data-page=hr] .status-pill{padding:.25rem .5rem;border-radius:20px;font-size:.55rem;font-weight:600;display:inline-block}body[data-page=hr] .flex{display:flex;gap:.8rem;flex-wrap:wrap}body[data-page=hr] .small{font-size:.55rem;letter-spacing:.5px;opacity:.7}body[data-page=hr] .msg{margin-top:.4rem;font-size:.65rem}body[data-page=hr] .error{color:var(--danger)}body[data-page=hr] .success{color:var(--ok)}body[data-page=hr] footer{text-align:center;padding:.5rem 1rem;font-size:.55rem;opacity:.55;background:#fff;border-top:1px solid var(--border)}body[data-page=login]{--bg:#fff;--panel:#fff;--panel-border:#e3e6eb;--accent:#6679ff;--accent-hover:#5568f4;--text:#1a1f29;--danger:#dc2626}body[data-page=login] *{box-sizing:border-box}body[data-page=login]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}body[data-page=login] .wrap{margin:6vh auto auto;width:100%;max-width:420px;padding:2.75rem 2.25rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.08)}body[data-page=login] h1{margin:0 0 1.75rem;font-size:1.65rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;color:var(--text,#e5e7eb)}body[data-page=login] h1 span.logo{display:inline-block;width:40px;height:40px;background:var(--accent);border-radius:10px;font-weight:600;font-size:.8rem;letter-spacing:1px;text-align:center;line-height:40px;color:#fff}body[data-page=login] form{display:flex;flex-direction:column;gap:1.1rem}body[data-page=login] .modern-input,body[data-page=login] .modern-select,body[data-page=login] .modern-textarea{background:#fff!important;color:#1e293b!important}body[data-page=login] .modern-input:focus,body[data-page=login] .modern-select:focus,body[data-page=login] .modern-textarea:focus{background:#fff!important}body[data-page=login] .modern-input:-webkit-autofill,body[data-page=login] .modern-input:-webkit-autofill:focus,body[data-page=login] .modern-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:#1e293b!important}body[data-page=login] button{cursor:pointer;padding:.85rem 1rem;background:var(--accent);border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.5px;transition:background .18s;box-shadow:0 2px 4px rgba(0,0,0,.08)}body[data-page=login] button:hover{background:var(--accent-hover)}body[data-page=login] .\!meta{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:.25rem!important}body[data-page=login] .meta{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}body[data-page=login] .link{color:var(--accent);text-decoration:none;font-size:.7rem}body[data-page=login] .link:hover{text-decoration:underline}body[data-page=login] .footer{margin-top:2rem;font-size:.65rem;text-align:center;color:var(--sub,#9ca3af)}body[data-page=login] .error{display:none;background:var(--danger);padding:.6rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;color:#fff}@media (prefers-color-scheme:dark){body[data-page=my-account]{--input-bg:#fff;--input-border:#e2e8f0;--input-border-hover:#cbd5e1;--input-border-focus:#6366f1;--input-text:#1e293b;--input-placeholder:#94a3b8;--input-disabled-bg:#f8fafc;--label-text:#475569}}body[data-page=my-account]{--surface:var(--panel,#fff);--surface-subtle:var(--panel2,#f6f8fa);--ink:var(--text,#1a1f29);--muted:var(--sub,#6b7280);--border:var(--border,#e3e6eb);--accent:var(--accent,#6679ff);--accent-strong:var(--accent-strong,#5568f4)}body[data-page=my-account] *{box-sizing:border-box}body[data-page=my-account]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-subtle);margin:0;color:var(--ink);display:flex;min-height:100vh}body[data-page=my-account] .page-content{flex:1;display:flex;justify-content:center;padding:1rem 1.25rem;overflow-y:auto}body[data-page=my-account] .page-shell{width:100%;max-width:1080px;display:flex;flex-direction:column;gap:1.5rem}body[data-page=my-account] .page-header .eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.16em;color:var(--muted);margin-bottom:.35rem}body[data-page=my-account] .page-header h1{margin:0;font-size:2rem}body[data-page=my-account] .tab-nav{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--surface);padding:.25rem;border-radius:999px;box-shadow:0 10px 30px rgba(15,23,42,.08)}body[data-page=my-account] .tab-button{border:none;border-radius:999px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}body[data-page=my-account] .tab-button.active{background:var(--accent);color:#fff;box-shadow:0 10px 30px rgba(102,121,255,.35)}body[data-page=my-account] .tab-button[hidden]{display:none}body[data-page=my-account] .tab-panel{display:none;width:100%}body[data-page=my-account] .tab-panel.active{display:block}body[data-page=my-account] .\!container{width:100%!important;max-width:1000px!important;background:var(--surface)!important;border-radius:24px!important;box-shadow:0 18px 40px rgba(15,23,42,.08)!important;padding:2rem!important}body[data-page=my-account] .container{width:100%;max-width:1000px;background:var(--surface);border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.08);padding:2rem}body[data-page=my-account] .company-card{padding:2.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}body[data-page=my-account] .company-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}body[data-page=my-account] .company-header-centered{padding:2.5rem 0 1.5rem}body[data-page=my-account] .company-logo-wrapper{margin-top:.25rem}body[data-page=my-account] .company-header-centered h1{margin-top:.35rem;margin-bottom:.25rem}body[data-page=my-account] .company-header-centered .avatar-edit-btn{box-shadow:0 10px 24px rgba(15,23,42,.1)}body[data-page=my-account] .metric{display:flex;flex-direction:column;gap:.2rem;text-align:left}body[data-page=my-account] .metric strong{font-size:1.5rem}body[data-page=my-account] .ghost-btn{border:1px solid var(--border);background:transparent;border-radius:999px;padding:.55rem 1.3rem;font-weight:600;cursor:pointer;color:var(--ink);transition:border .2s ease,background .2s ease}body[data-page=my-account] .ghost-btn:hover{background:rgba(102,121,255,.08);border-color:var(--accent)}body[data-page=my-account] .company-form{display:flex;flex-direction:column;gap:1rem}body[data-page=my-account] .company-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media (max-width:900px){body[data-page=my-account] .company-two-col{grid-template-columns:1fr}}body[data-page=my-account] .company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}body[data-page=my-account] .company-field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--muted)}body[data-page=my-account] .company-field input,body[data-page=my-account] .company-field textarea{font-size:.95rem}body[data-page=my-account] .company-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}body[data-page=my-account] .company-message{min-height:1.2rem;font-size:.9rem}body[data-page=my-account] .company-message.error{color:#b91c1c}body[data-page=my-account] .company-buttons{display:flex;gap:.75rem;align-items:center}body[data-page=my-account] .company-custom-section{border:1px solid var(--border);border-radius:18px;padding:1.5rem;background:var(--surface);display:flex;flex-direction:column;gap:1rem}body[data-page=my-account] .section-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}body[data-page=my-account] .custom-field-list{display:flex;flex-direction:column;gap:.75rem}body[data-page=my-account] .custom-field-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:center}body[data-page=my-account] .custom-field-row input{width:100%}body[data-page=my-account] .custom-field-row button{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--muted);padding:.35rem}body[data-page=my-account] .custom-field-row.readonly{grid-template-columns:180px 1fr}body[data-page=my-account] .custom-field-label{font-weight:600;color:var(--ink)}body[data-page=my-account] .custom-field-value{color:var(--muted);white-space:pre-wrap;word-break:break-word}body[data-page=my-account] .custom-field-note{margin:0;color:var(--muted);font-size:.9rem}body[data-page=my-account] .info-banner{background:rgba(102,121,255,.08);border:1px solid rgba(102,121,255,.25);border-radius:12px;padding:.85rem 1rem;font-size:.9rem}body[data-page=my-account] .profile-hero{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;margin-bottom:1.25rem}body[data-page=my-account] .profile-identity{flex:1 1 100%;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 26px rgba(15,23,42,.08)}body[data-page=my-account] .profile-avatar-row{display:flex;align-items:center;gap:1rem;justify-content:center;text-align:center}body[data-page=my-account] .avatar{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border)}body[data-page=my-account] .avatar-shell{position:relative;display:inline-block}body[data-page=my-account] .avatar-overlay-btn{position:absolute;right:4px;bottom:4px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.12);transition:transform .16s ease,box-shadow .16s ease}body[data-page=my-account] .avatar-overlay-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.16)}body[data-page=my-account] .avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.65rem}body[data-page=my-account] .avatar-edit-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:.3rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.1)}body[data-page=my-account] .avatar-edit-btn:hover{background:var(--surface-subtle)}body[data-page=my-account] .avatar-edit-icon{font-size:.95rem}body[data-page=my-account] .summary-title{font-weight:700;font-size:1.05rem;margin:0}body[data-page=my-account] h1{margin:0;font-size:1.75rem}body[data-page=my-account] .muted{color:var(--muted)}body[data-page=my-account] .profile-message{min-height:1.25rem;font-size:.95rem;margin-bottom:1.5rem}body[data-page=my-account] .profile-message.error{color:#b91c1c}body[data-page=my-account] .\!sections{display:flex!important;flex-direction:column!important;gap:1rem!important}body[data-page=my-account] .sections{display:flex;flex-direction:column;gap:1rem}body[data-page=my-account] .profile-section{border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden}body[data-page=my-account] .profile-section summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}body[data-page=my-account] .profile-section summary::-webkit-details-marker{display:none}body[data-page=my-account] .profile-section summary:after{content:"\25BC";font-size:.75rem;color:var(--muted);transition:transform .2s ease}body[data-page=my-account] .profile-section[open] summary:after{transform:rotate(180deg)}body[data-page=my-account] .section-body{padding:0 1.25rem 1.2rem}body[data-page=my-account] .profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}body[data-page=my-account] .profile-field{border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;background:var(--surface-subtle);min-height:110px}body[data-page=my-account] .profile-field .label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}body[data-page=my-account] .profile-field .\!label{font-size:.75rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--muted)!important}body[data-page=my-account] .profile-field .value{margin-top:.4rem;font-size:1.05rem;color:var(--ink);word-break:break-word;white-space:pre-wrap}body[data-page=my-account] .profile-field .\!value{margin-top:.4rem!important;font-size:1.05rem!important;color:var(--ink)!important;word-break:break-word!important;white-space:pre-wrap!important}body[data-page=my-account] .user-settings-card{margin-top:2rem;border:1px solid var(--border);border-radius:22px;padding:1.5rem;background:var(--surface);box-shadow:0 16px 35px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:1.5rem}body[data-page=my-account] .user-settings-header h2{margin:.35rem 0 0;font-size:1.35rem}body[data-page=my-account] .user-settings-row{display:flex;gap:1.5rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-subtle)}body[data-page=my-account] .user-settings-row+.user-settings-row{margin-top:.5rem}body[data-page=my-account] .user-settings-row-text{flex:1 1 260px;max-width:460px}body[data-page=my-account] .user-settings-row-text h3{margin:0 0 .25rem;font-size:1.05rem}body[data-page=my-account] .theme-pill-group{display:inline-flex;gap:.6rem;padding:.35rem;background:var(--surface);border-radius:999px;border:1px solid var(--border)}body[data-page=my-account] .theme-pill{border:none;border-radius:999px;padding:.5rem 1.15rem;font-weight:600;cursor:pointer;background:transparent;color:var(--ink);transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}body[data-page=my-account] .theme-pill.active,body[data-page=my-account] .theme-pill[aria-checked=true]{background:var(--accent,#6679ff);color:#fff;box-shadow:0 6px 18px rgba(102,121,255,.35)}body[data-page=my-account] .notification-toggle-group{display:flex;flex-direction:column;gap:.85rem;flex:1 1 260px;max-width:420px}body[data-page=my-account] .notification-toggle{position:relative;border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;background:var(--surface);display:flex;gap:.75rem;align-items:center;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}body[data-page=my-account] .notification-toggle:hover{border-color:var(--accent,#6679ff);box-shadow:0 8px 20px rgba(15,23,42,.12)}body[data-page=my-account] .notification-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);clip-path:inset(50%)}body[data-page=my-account] .notification-toggle span:not(.toggle-indicator){display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}body[data-page=my-account] .notification-toggle strong{font-size:1rem;color:var(--ink)}body[data-page=my-account] .notification-toggle small{color:var(--muted);font-size:.85rem}body[data-page=my-account] .toggle-indicator{margin-left:auto;width:42px;height:24px;border-radius:999px;border:1px solid var(--border);background:var(--surface-subtle);position:relative;transition:background-color .18s ease,border-color .18s ease}body[data-page=my-account] .toggle-indicator:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .18s ease,background-color .18s ease}body[data-page=my-account] .notification-toggle[data-enabled=true]{border-color:rgba(102,121,255,.45);box-shadow:0 12px 26px rgba(102,121,255,.18)}body[data-page=my-account] .notification-toggle[data-enabled=true] .toggle-indicator{background:var(--accent,#6679ff);border-color:var(--accent,#6679ff)}body[data-page=my-account] .notification-toggle[data-enabled=true] .toggle-indicator:after{transform:translateX(18px);background:#fff}@media (max-width:768px){body[data-page=my-account] .user-settings-row{flex-direction:column;padding:1rem}body[data-page=my-account] .theme-pill-group{width:100%;justify-content:space-between}body[data-page=my-account] .theme-pill{flex:1 1 45%;text-align:center}}body[data-page=my-account] .actions{margin-top:2.5rem;text-align:center}body[data-page=my-account] .\!btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.75rem 1.5rem!important;border-radius:12px!important;border:none!important;font-weight:600!important;font-size:1rem!important;background:var(--accent)!important;color:#fff!important;cursor:pointer!important}body[data-page=my-account] .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;font-size:1rem;background:var(--accent);color:#fff;cursor:pointer}body[data-page=my-account] .\!btn:hover{background:var(--accent-strong)!important}body[data-page=my-account] .btn:hover{background:var(--accent-strong)}@media (max-width:900px){body[data-page=my-account]{flex-direction:column}body[data-page=my-account] .sidebar{width:100%;max-width:none;min-height:auto;border-right:none;border-bottom:1px solid var(--border)}body[data-page=my-account] .page-content{padding:1rem}body[data-page=my-account] .tab-nav{flex-direction:column}body[data-page=my-account] .tab-button{width:100%}body[data-page=my-account] .container{padding:1.75rem;border-radius:20px}body[data-page=my-account] .profile-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}body[data-page=my-account] .custom-field-row{grid-template-columns:1fr}body[data-page=my-account] .\!sidebar{width:100%!important;max-width:none!important;min-height:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important}body[data-page=my-account] .\!container{padding:1.75rem!important;border-radius:20px!important}}@media (max-width:768px){body[data-page=my-account] .profile-hero{flex-direction:column}body[data-page=my-account] .profile-identity,body[data-page=my-account] .profile-summary{width:100%;flex:1 1 100%}body[data-page=my-account] .summary-header{align-items:flex-start}body[data-page=my-account] #summarySearch,body[data-page=my-account] .summary-header>div:last-child{width:100%}}body[data-page=register]{--bg:#fff;--panel:#fff;--panel-border:#e3e6eb;--accent:#6679ff;--accent-hover:#5568f4;--text:#1a1f29;--danger:#dc2626}body[data-page=register] *{box-sizing:border-box}body[data-page=register]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}body[data-page=register] .wrap{margin:5vh auto auto;width:100%;max-width:520px;padding:2.75rem 2.4rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08)}body[data-page=register] h1{margin:0 0 1.5rem;font-size:1.55rem;letter-spacing:.5px;display:flex;align-items:center;gap:.6rem;color:var(--text,#e5e7eb)}body[data-page=register] h1 span.logo{display:inline-block;width:44px;height:44px;background:var(--accent);border-radius:12px;font-weight:600;font-size:.75rem;letter-spacing:1px;text-align:center;line-height:44px;color:#fff}body[data-page=register] form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}body[data-page=register] form .full{grid-column:1/span 2}body[data-page=register] .modern-input,body[data-page=register] .modern-select,body[data-page=register] .modern-textarea{background:#fff!important;color:#1e293b!important}body[data-page=register] .modern-input:focus,body[data-page=register] .modern-select:focus,body[data-page=register] .modern-textarea:focus{background:#fff!important}body[data-page=register] .modern-input:-webkit-autofill,body[data-page=register] .modern-input:-webkit-autofill:focus,body[data-page=register] .modern-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:#1e293b!important}body[data-page=register] button{cursor:pointer;padding:.85rem 1rem;background:var(--accent);border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.5px;transition:background .18s;box-shadow:0 2px 4px rgba(0,0,0,.08)}body[data-page=register] button:hover{background:var(--accent-hover)}body[data-page=register] .error{grid-column:1/span 2;display:none;background:var(--danger);padding:.6rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;color:#fff}body[data-page=register] .footer{margin-top:2rem;font-size:.65rem;text-align:center;color:var(--sub,#9ca3af)}body[data-page=register] .link{color:var(--accent);text-decoration:none;font-size:.7rem}body[data-page=register] .link:hover{text-decoration:underline}body[data-page=role-management]{--surface:var(--panel,#fff);--surface-muted:var(--panel2,#f6f8fa);--ink:var(--text,#0f172a);--muted:var(--sub,#64748b);--border:var(--border,#e2e8f0);--accent:var(--accent,#6679ff);--accent-strong:var(--accent-strong,#5568f4);--danger:var(--danger,#dc2626);--ok:#16a34a}body[data-page=role-management] *{box-sizing:border-box}body[data-page=role-management]{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background:var(--surface-muted);color:var(--ink)}body[data-page=role-management] a{color:inherit;text-decoration:none}body[data-page=role-management] .page-shell{flex:1;padding:1.6rem 1.8rem 4rem;display:flex;flex-direction:column;gap:1.2rem}body[data-page=role-management] .page-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}body[data-page=role-management] .page-head h1{margin:0;font-size:1.65rem}body[data-page=role-management] .page-head .eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.68rem;color:var(--muted);margin:0 0 .35rem}body[data-page=role-management] .\!panel{background:var(--surface)!important;border-radius:18px!important;border:1px solid var(--border)!important;padding:1.25rem 1.4rem 1.35rem!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important}body[data-page=role-management] .panel{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:1.25rem 1.4rem 1.35rem;box-shadow:0 12px 28px rgba(15,23,42,.08)}body[data-page=role-management] .\!panel h2{margin:0 0 .6rem!important;font-size:1.1rem!important}body[data-page=role-management] .panel h2{margin:0 0 .6rem;font-size:1.1rem}body[data-page=role-management] .message{border-radius:12px;padding:.65rem .85rem;font-size:.88rem;border:1px solid transparent}body[data-page=role-management] .message.info{border-color:rgba(102,121,255,.3);background:rgba(102,121,255,.08);color:var(--accent-strong)}body[data-page=role-management] .message.\!info{border-color:rgba(102,121,255,.3)!important;background:rgba(102,121,255,.08)!important;color:var(--accent-strong)!important}body[data-page=role-management] .message.success{border-color:rgba(22,163,74,.3);background:rgba(22,163,74,.1);color:#047857}body[data-page=role-management] .message.error{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.1);color:var(--danger)}body[data-page=role-management] .grid-two{display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,1fr);gap:1.2rem}body[data-page=role-management] .table-wrap{border:1px solid var(--border);border-radius:14px;overflow:hidden;overflow-x:auto}body[data-page=role-management] table{width:100%;border-collapse:collapse;font-size:.84rem}body[data-page=role-management] td,body[data-page=role-management] th{padding:.55rem .65rem;text-align:left;border-bottom:1px solid var(--border)}body[data-page=role-management] th{font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);background:var(--surface-muted)}body[data-page=role-management] tbody tr:nth-child(2n){background:var(--surface-muted)}body[data-page=role-management] tbody tr.active{background:rgba(102,121,255,.08)}body[data-page=role-management] .status-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase}body[data-page=role-management] .status-pill.system{background:rgba(102,121,255,.15);color:var(--accent-strong)}body[data-page=role-management] .status-pill.custom{background:rgba(15,118,110,.14);color:#0f766e}body[data-page=role-management] input,body[data-page=role-management] select,body[data-page=role-management] textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:.55rem .65rem;font-size:.88rem;background:var(--surface-muted);color:var(--ink)}body[data-page=role-management] input:focus,body[data-page=role-management] select:focus,body[data-page=role-management] textarea:focus{outline:2px solid var(--accent);border-color:var(--accent);background:var(--surface)}body[data-page=role-management] label{font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem;display:block}body[data-page=role-management] button{border:none;border-radius:10px;padding:.55rem .9rem;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}body[data-page=role-management] .btn-primary{background:var(--accent);color:#fff}body[data-page=role-management] .btn-secondary{background:var(--surface-muted);border:1px solid var(--border)}body[data-page=role-management] .btn-ghost{background:transparent;border:1px solid var(--border)}body[data-page=role-management] .btn-danger{background:var(--danger);color:#fff}body[data-page=role-management] .perm-group{border:1px solid var(--border);border-radius:14px;padding:.85rem;margin-bottom:1rem}body[data-page=role-management] .perm-group h3{margin:0 0 .4rem;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}body[data-page=role-management] .perm-actions button{font-size:.75rem;padding:.25rem .55rem}body[data-page=role-management] .perm-left{display:flex;align-items:center;gap:.5rem}body[data-page=role-management] .checkbox-row,body[data-page=role-management] .perm-actions{display:flex;gap:.45rem;align-items:center}body[data-page=role-management] .checkbox-row input[type=checkbox]{width:auto}body[data-page=role-management] .perm-group .perm-group-body{overflow:hidden;max-height:1200px;transition:max-height .22s ease,opacity .18s ease;opacity:1}body[data-page=role-management] .perm-group.collapsed .perm-group-body{max-height:0;opacity:0}body[data-page=role-management] .perm-group .perm-collapse-btn{margin-right:.6rem}body[data-page=role-management] .highlight{background:#fff59d;border-radius:3px;padding:0 2px}body[data-page=role-management] .\!badge{display:inline-flex!important;align-items:center!important;padding:.25rem .55rem!important;border-radius:999px!important;font-size:.72rem!important;background:var(--surface-muted)!important;color:var(--muted)!important}body[data-page=role-management] .badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;background:var(--surface-muted);color:var(--muted)}body[data-page=role-management] .switch{width:56px;height:32px;border-radius:999px;display:inline-block;position:relative;vertical-align:middle}body[data-page=role-management] .switch input{display:none}body[data-page=role-management] .switch .knob{width:28px;height:28px;border-radius:50%;background:#eef2f4;position:absolute;top:2px;left:2px;transition:left .16s ease,background .16s ease;box-shadow:0 2px 6px rgba(2,6,23,.12)}body[data-page=role-management] .switch.on{background:#56a3ff}body[data-page=role-management] .switch.on .knob{left:26px;background:#f0f6fb}body[data-page=role-management] input.perm-resource-checkbox{margin-right:.6rem;width:18px;height:18px;vertical-align:middle}body[data-page=role-management] .perm-chip{display:inline-block;margin-right:.75rem;margin-bottom:.25rem}body[data-page=role-management] .matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}body[data-page=role-management] .matrix-card{border:1px solid var(--border);background:var(--surface);padding:12px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.04)}body[data-page=role-management] .matrix-card h4{margin:0 0 8px;font-size:.95rem}body[data-page=role-management] .matrix-card .module-meta{color:var(--muted);font-size:.82rem;margin-bottom:8px}body[data-page=role-management] .matrix-tier-row{display:flex;gap:8px;align-items:center;justify-content:space-between}body[data-page=role-management] .matrix-tier-badge{padding:6px 8px;border-radius:999px;font-weight:600;font-size:.78rem;color:#fff}body[data-page=role-management] .matrix-tier-badge.member{background:#6b7280}body[data-page=role-management] .matrix-tier-badge.manager{background:#3b82f6}body[data-page=role-management] .matrix-tier-badge.admin{background:#2563eb}body[data-page=role-management] .matrix-resource .rlabel{flex:1;font-weight:600}body[data-page=role-management] .timesheet-matrix{border:1px solid var(--border);border-radius:12px;margin-top:.4rem;overflow:hidden}body[data-page=role-management] .timesheet-matrix table{width:100%;border-collapse:collapse;font-size:.82rem}body[data-page=role-management] .timesheet-matrix td,body[data-page=role-management] .timesheet-matrix th{padding:.5rem .6rem;border-bottom:1px solid var(--border);text-align:center}body[data-page=role-management] .timesheet-matrix thead th{background:var(--surface-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}body[data-page=role-management] .timesheet-matrix td:first-child,body[data-page=role-management] .timesheet-matrix th:first-child{text-align:left;font-weight:600}body[data-page=role-management] .timesheet-matrix tbody tr:last-child td{border-bottom:none}body[data-page=role-management] .timesheet-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}body[data-page=role-management] .timesheet-toggle input{width:auto}body[data-page=role-management] .timesheet-standalone{padding:.65rem .8rem;background:var(--surface-muted);border-top:1px solid var(--border)}body[data-page=role-management] .timesheet-standalone .checkbox-row{margin:0;font-weight:600}body[data-page=role-management] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}body[data-page=role-management] .permissions-panel{background:var(--surface);padding:32px;border-radius:12px}body[data-page=role-management] .permissions-panel .pp-header{margin-bottom:24px}body[data-page=role-management] .pp-role-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue;font-weight:600;font-size:20px;margin:0 0 4px}body[data-page=role-management] .pp-desc{font-size:14px;color:var(--muted);margin:0 0 24px}body[data-page=role-management] .owner-banner{background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.5);padding:16px;border-radius:8px;color:#bfdbfe;margin-bottom:24px}body[data-page=role-management] .perm-table{width:100%;border-collapse:collapse}body[data-page=role-management] .perm-table thead th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}body[data-page=role-management] .perm-table tbody tr{height:48px;border-bottom:1px solid var(--border)}body[data-page=role-management] .perm-module .perm-cell{width:20%;text-align:center}body[data-page=role-management] .module-body{padding:8px 12px 16px;background:var(--surface-muted);border-left:3px solid transparent}body[data-page=role-management] .module-body.collapsed{display:none}body[data-page=role-management] .module-toggle{cursor:pointer;margin-right:8px}body[data-page=role-management] #permissionList .perm-group:not([data-perm-group-key=hr]):not([data-perm-group-key=roles]):not([data-perm-group-key=company]){display:none!important}body[data-page=role-management] .modal-overlay{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:1200}body[data-page=role-management] .modal-panel{background:var(--surface);padding:1rem 1.1rem;border-radius:12px;max-width:640px;width:min(92%,640px);box-shadow:0 18px 40px rgba(15,23,42,.18)}body[data-page=role-management] .modal-panel h3{margin:0 0 .6rem;font-size:1.05rem}body[data-page=role-management] .modal-panel .modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.6rem}body[data-page=role-management] .modal-panel.small{max-width:520px}body[data-page=role-management] .modal-panel .muted{color:var(--muted);font-size:.9rem}body[data-page=role-management] .empty-state{text-align:center;padding:1rem 0;color:var(--muted);font-size:.9rem}body[data-page=role-management] footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;padding:.6rem;font-size:.65rem;color:var(--muted);margin-top:1.25rem}@media (max-width:1100px){body[data-page=role-management] .grid-two{grid-template-columns:1fr}}@media (max-width:900px){body[data-page=role-management] .page-shell{padding:1rem .9rem 2.6rem}body[data-page=role-management] .panel{border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.08)}body[data-page=role-management] .\!panel{border-radius:16px!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}}@media (max-width:700px){body[data-page=role-management] .page-head{flex-direction:column;gap:.75rem}body[data-page=role-management] .form-actions{flex-direction:column;align-items:stretch}body[data-page=role-management] .form-actions button{width:100%;justify-content:center}body[data-page=role-management] .permissions-panel{padding:20px}}body[data-page=set-password]{--bg:#fff;--panel:#fff;--panel-border:#e3e6eb;--accent:#6679ff;--accent-hover:#5568f4;--text:#1a1f29;--danger:#dc2626;--success:#166534}body[data-page=set-password] *{box-sizing:border-box}body[data-page=set-password]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex}body[data-page=set-password] .wrap{margin:auto;width:100%;max-width:420px;padding:2.75rem 2.25rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.12)}body[data-page=set-password] h1{margin:0 0 .5rem;font-size:1.65rem;letter-spacing:.5px}body[data-page=set-password] p.subtitle{margin:0 0 1.25rem;color:var(--sub,#9ca3af);font-size:.95rem}body[data-page=set-password] .modern-input,body[data-page=set-password] .modern-select,body[data-page=set-password] .modern-textarea{background:#fff!important;color:#1e293b!important}body[data-page=set-password] .modern-input:focus,body[data-page=set-password] .modern-select:focus,body[data-page=set-password] .modern-textarea:focus{background:#fff!important}body[data-page=set-password] .modern-input:-webkit-autofill,body[data-page=set-password] .modern-input:-webkit-autofill:focus,body[data-page=set-password] .modern-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:#1e293b!important}body[data-page=set-password] button{width:100%;margin-top:1.2rem;padding:.85rem 1rem;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;letter-spacing:.5px;font-size:.95rem;cursor:pointer;transition:background .2s}body[data-page=set-password] button:hover{background:var(--accent-hover)}body[data-page=set-password] .message{margin:0 0 1rem;padding:.85rem 1rem;border-radius:10px;font-size:.9rem;display:none}body[data-page=set-password] .message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}body[data-page=set-password] .message.success{background:#dcfce7;color:var(--success);border:1px solid #4ade80}body[data-page=set-password] .\!meta{margin-top:1rem!important;font-size:.8rem!important;color:var(--sub,#9ca3af)!important}body[data-page=set-password] .meta{margin-top:1rem;font-size:.8rem;color:var(--sub,#9ca3af)}body[data-page=set-password] .\!meta a{color:var(--accent)!important;text-decoration:none!important}body[data-page=set-password] .meta a{color:var(--accent);text-decoration:none}body[data-page=set-password] .\!meta a:hover{text-decoration:underline!important}body[data-page=set-password] .meta a:hover{text-decoration:underline}body[data-page=set-password] .link{color:var(--accent);text-decoration:none}body[data-page=tenant-not-registered]{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#475569;--accent:#1d4ed8;--border:#e2e8f0}body[data-page=tenant-not-registered] *{box-sizing:border-box}body[data-page=tenant-not-registered]{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100vh}body[data-page=tenant-not-registered] .card{width:min(520px,92vw);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 28px;box-shadow:0 10px 40px rgba(15,23,42,.08);text-align:center}body[data-page=tenant-not-registered] h1{margin:0 0 12px;font-size:1.4rem;letter-spacing:.2px}body[data-page=tenant-not-registered] p{margin:8px 0;color:var(--muted);line-height:1.5}body[data-page=tenant-not-registered] .cta{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--accent);color:var(--accent);background:rgba(29,78,216,.06);border-radius:10px;text-decoration:none;font-weight:600}body[data-page=tenant-not-registered] .cta:hover{background:rgba(29,78,216,.12)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.left-0{left:0}.left-full{left:100%}.right-0{right:0}.top-0{top:0}.top-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + .5rem)}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.m-auto{margin:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-\[calc\(var\(--topbar-h\)\+0\.5rem\)\]{margin-top:calc(var(--topbar-h) + .5rem)}.mt-\[calc\(var\(--topbar-h\)\+0\.75rem\)\]{margin-top:calc(var(--topbar-h) + .75rem)}.mt-auto{margin-top:auto}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-80{max-height:20rem}.max-h-\[60vh\]{max-height:60vh}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-\[90vw\]{max-width:90vw}.flex-1{flex:1 1 0%}.flex-\[1\.5\]{flex:1.5}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-slate-50\/60{background-color:rgba(248,250,252,.6)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pr-1{padding-right:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-end{text-align:end}.align-middle{vertical-align:middle}.text-\[0\.7rem\]{font-size:.7rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-snug{line-height:1.375}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.18em\]{letter-spacing:.18em}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(224 231 255/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px);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)}.\!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)!important}.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}body[data-page=dashboard] [data-theme=dark] .hover\:bg-slate-50:hover{background-color:var(--bg)!important}body[data-page=dashboard] [data-theme=dark] .hover\:bg-white:hover{background-color:rgba(15,23,42,.92)!important}.hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:opacity-60:disabled{opacity:.6}@supports (backdrop-filter:var(--tw )){.supports-\[backdrop-filter\]\:bg-white\/70{background-color:hsla(0,0%,100%,.7)}}@media (min-width:640px){.sm\:block{display:block}.sm\:w-60{width:15rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:w-64{width:16rem}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}