@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro-Variable.woff2) format("woff2");font-weight:160 700;font-style:normal;font-display:swap}@font-face{font-family:Readex Pro Eastern;src:url(/fonts/ReadexPro-EasternDigits.woff2) format("woff2");font-weight:160 700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-NL.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn Eastern;src:url(/fonts/Vazirmatn-NL-EasternDigits.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Azeret Mono;src:url(/fonts/AzeretMono-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--timo-font-sans: "Readex Pro", "SF Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--timo-font-mono: "Azeret Mono", ui-monospace, monospace;--timo-font-mono-ar: var(--timo-font-sans);--timo-numeric-ar: tabular-nums;--timo-bg: #FCFAF6;--timo-surface: #FFFFFF;--timo-surface-elevated: #FFFFFF;--timo-surface-sunken: #F6F3ED;--timo-border: #E7E3DB;--timo-hairline: #EFECE6;--timo-text-primary: #0B1026;--timo-text-secondary: #5B5E6B;--timo-brand-primary: #5164E9;--timo-brand-pressed: #3F4EC5;--timo-brand-on-primary: #FFFFFF;--timo-brand-dot: #DE6506;--timo-deep-space: #0B1026;--timo-focus-ring: #5164E9;--timo-status-present: #07A585;--timo-status-late: #D69C30;--timo-status-absent: #CE343F;--timo-status-leave: #B88DFD;--timo-status-present-fg: #027059;--timo-status-present-bg: #DBF3EB;--timo-status-late-fg: #7E5600;--timo-status-late-bg: #FAEBD3;--timo-status-absent-fg: #AC1F2E;--timo-status-absent-bg: #FEE7E5;--timo-status-leave-fg: #703EB1;--timo-status-leave-bg: #F0E9FE;--timo-status-holiday-fg: #05688C;--timo-status-holiday-bg: #DBF1FD;--timo-status-pending-fg: #5B5E6B;--timo-status-pending-bg: #ECEDF0;--timo-status-overtime-fg: #3F4EC5;--timo-status-overtime-bg: #E6ECFF;--timo-radius-xs: 6px;--timo-radius-sm: 10px;--timo-radius-control: 12px;--timo-radius-md: 14px;--timo-radius-lg: 20px;--timo-radius-xl: 28px;--timo-radius-pill: 999px;--timo-space-1: 4px;--timo-space-2: 8px;--timo-space-3: 12px;--timo-space-4: 16px;--timo-space-5: 20px;--timo-space-6: 24px;--timo-space-8: 32px;--timo-space-10: 40px;--timo-space-14: 56px;--timo-space-18: 72px;--timo-ease-drift: cubic-bezier(.2,.7,.1,1);--timo-ease-depart: cubic-bezier(.4,0,1,1);--timo-ease-standard: cubic-bezier(.3,0,.2,1);--timo-ease-orbit: cubic-bezier(.45,0,.55,1);--timo-duration-instant: .1s;--timo-duration-quick: .16s;--timo-duration-base: .24s;--timo-duration-calm: .36s}.dark-mode,[data-theme=dark]{--timo-bg: #0B1026;--timo-surface: #141A33;--timo-surface-elevated: #1C2342;--timo-surface-sunken: #080C21;--timo-border: #2A314C;--timo-hairline: #1C2342;--timo-text-primary: #F3F1EC;--timo-text-secondary: #B0B7CB;--timo-brand-primary: #8AA1FE;--timo-brand-pressed: #ADBFFF;--timo-brand-on-primary: #0B1026;--timo-brand-dot: #F38649;--timo-focus-ring: #ADBFFF;--timo-status-present: #3CC29E;--timo-status-late: #E8BA72;--timo-status-absent: #FF7B7B;--timo-status-leave: #CDB3FE;--timo-status-present-fg: #88D5BC;--timo-status-present-bg: #013E30;--timo-status-late-fg: #E8BA72;--timo-status-late-bg: #472F00;--timo-status-absent-fg: #FFA8A4;--timo-status-absent-bg: #650714;--timo-status-leave-fg: #CDB3FE;--timo-status-leave-bg: #3F1E68;--timo-status-holiday-fg: #89CDF0;--timo-status-holiday-bg: #003950;--timo-status-pending-fg: #BFC2CC;--timo-status-pending-bg: #32343C;--timo-status-overtime-fg: #ADBFFF;--timo-status-overtime-bg: #202875}html[lang=ar][data-digits=eastern]{--timo-font-sans: "Readex Pro Eastern", "SF Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif}html[lang=ckb]{--timo-font-sans: "Vazirmatn", "Readex Pro", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif}html[lang=ckb][data-digits=eastern]{--timo-font-sans: "Vazirmatn Eastern", "Readex Pro Eastern", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif}@media(prefers-reduced-motion:reduce){:root{--timo-duration-base: 0ms;--timo-duration-calm: .16s}}[dir=rtl]{--timo-line-height-body: 1.75}.timo-num,[data-numeric]{font-family:var(--timo-font-mono);font-variant-numeric:tabular-nums}:is([lang=ar],[lang=ckb]) .timo-num,:is([lang=ar],[lang=ckb]) [data-numeric]{font-family:var(--timo-font-mono-ar);font-variant-numeric:var(--timo-numeric-ar);letter-spacing:0}@keyframes tm-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tm-pop{0%{opacity:0;transform:scale(.98) translateY(6px)}to{opacity:1;transform:none}}@keyframes tm-fade{0%{opacity:0}to{opacity:1}}@keyframes tm-day{0%{transform:rotate(-40deg)}to{transform:rotate(40deg)}}@keyframes tm-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.timo-loader{display:inline-flex}.timo-loader__dot{transform-origin:24px 44px;animation:tm-day 1.4s var(--timo-ease-orbit) infinite alternate}@media(prefers-reduced-motion:reduce){.timo-loader__dot,[class*=timo-]{animation-duration:.01ms!important;animation-delay:0s!important}}*{margin:0;padding:0;box-sizing:border-box}.modal-overlay{position:fixed;inset:0;background:#0b10265c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--surface);color:var(--text);border-radius:26px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0b10262e}.pwa-install-reminder{position:fixed;z-index:1200;width:min(420px,calc(100vw - 32px));background:color-mix(in srgb,var(--surface) 92%,var(--brand) 8%);border:1px solid color-mix(in srgb,var(--brand) 16%,var(--border));border-radius:22px;box-shadow:0 24px 70px #0f172a33;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pwa-install-reminder.is-desktop{right:20px;bottom:20px}.pwa-install-reminder.is-mobile{left:50%;bottom:calc(12px + var(--safe-area-bottom, 0px));transform:translate(-50%);width:min(520px,calc(100vw - 20px));border-radius:24px 24px 18px 18px}.pwa-install-reminder__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.pwa-install-reminder__content{display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px}.pwa-install-reminder__badge{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand);font-size:11px;font-weight:700}.pwa-install-reminder__title{font-size:18px;line-height:1.3;font-weight:800}.pwa-install-reminder__text{font-size:13px;line-height:1.6;color:var(--muted)}.pwa-install-reminder__steps{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,var(--brand) 16%)}.pwa-install-reminder__actions{display:flex;align-items:center;gap:10px;margin-top:4px}.pwa-install-reminder__button{min-height:40px;padding:10px 16px;border:none;border-radius:999px;font-weight:600;font-size:12px;cursor:pointer}.pwa-install-reminder__button.primary{background:var(--brand);color:#fff}.pwa-install-reminder__button.secondary{background:color-mix(in srgb,var(--surface) 70%,var(--brand) 30%);color:var(--text);border:1px solid var(--border)}.pwa-install-reminder__button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.pwa-install-reminder{width:calc(100vw - 16px)}.pwa-install-reminder__content{padding:18px 14px 14px}.pwa-install-reminder__actions{width:100%;flex-direction:column;align-items:stretch}.pwa-install-reminder__button{width:100%}}:root{--font-sans: var(--timo-font-sans);--font-mono: var(--timo-font-mono);--font-sidebar-nav-latin: var(--timo-font-sans);font-family:var(--font-sans);line-height:1.5;font-weight:400;--app-header-height: 72px;--app-footer-height: 44px;--app-root-zoom: 1;--app-sidebar-width: calc(290px / var(--app-root-zoom));--app-main-padding-top: 28px;--app-main-padding-x: 40px;--app-main-padding-x-compact: 24px;--app-main-padding-bottom-extra: 24px;--dashboard-page-padding-x: 48px;--dashboard-page-padding-bottom: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1f2937;--gray-900: #0f172a;--gray-950: #020617;--accent-violet: #8b5cf6;--accent-teal: #14b8a6;--brand-50: color-mix(in oklab, var(--brand) 6%, white);--brand-100: color-mix(in oklab, var(--brand) 10%, white);--brand-200: color-mix(in oklab, var(--brand) 18%, white);--brand-300: color-mix(in oklab, var(--brand) 30%, white);--brand-400: color-mix(in oklab, var(--brand) 45%, white);--brand-500: var(--brand);--brand-600: color-mix(in oklab, var(--brand) 78%, black);--brand-700: color-mix(in oklab, var(--brand) 86%, black);--brand-800: color-mix(in oklab, var(--brand) 92%, black);--brand-900: color-mix(in oklab, var(--brand) 96%, black);--surface-0: var(--bg);--surface-1: var(--surface);--surface-2: var(--surface-2);--surface-3: color-mix(in oklab, var(--surface) 92%, var(--text));--overlay: color-mix(in oklab, var(--surface) 92%, transparent);--app-shell-main-bg: radial-gradient( 2000px 600px at 50% 0%, color-mix(in srgb, var(--brand) 4%, transparent), transparent 70% ), radial-gradient( 900px 420px at 100% 0%, color-mix(in srgb, var(--brand-secondary) 5%, transparent), transparent 65% ), var(--bg);--app-shell-main-bg-dark: radial-gradient( 2000px 600px at 50% 0%, color-mix(in srgb, var(--brand) 6%, transparent), transparent 70% ), radial-gradient( 900px 420px at 100% 0%, color-mix(in srgb, var(--brand-secondary-dark, var(--brand-secondary)) 7%, transparent), transparent 65% ), var(--bg);--elev-1: var(--shadow-sm);--elev-2: var(--shadow-md);--elev-3: var(--shadow-lg);--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--lh-tight: 1.2;--lh-normal: 1.5;--focus-ring: 0 0 0 4px color-mix(in oklab, var(--brand) 25%, transparent);--chart-1: var(--brand);--chart-2: var(--brand-secondary, var(--info));--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--danger);--chart-6: var(--accent-violet);--chart-7: var(--accent-teal);--soft-chart-positive: #34d399;--soft-chart-attention: #fbbf24;--soft-chart-neutral: #94a3b8;--soft-chart-cat-1: #818cf8;--soft-chart-cat-2: #2dd4bf;--soft-chart-cat-3: #fbbf24;--soft-chart-cat-4: #c084fc;--soft-chart-cat-5: #60a5fa;--soft-chart-cat-6: #f472b6;--soft-chart-cat-7: #fb923c;--brand: var(--app-accent-color-light, #2563eb);--brand-dark: color-mix(in oklab, var(--brand) 82%, black);--brand-secondary: #00B7FF;--brand-secondary-dark: #33DDFF;--brand-tertiary: #1A1F36;--primary-bg: linear-gradient(135deg, var(--brand), var(--brand-secondary));--brand-weak: color-mix(in oklab, var(--brand) 8%, white);--bg: var(--theme-bg, #eef2f6);--surface: var(--theme-surface, #fafbfc);--surface-2: var(--theme-surface-2, #f1f5f9);--text: var(--timo-text-primary);--muted: var(--timo-text-secondary);--border: var(--timo-border);--chart-grid: var(--timo-hairline);--chart-axis: var(--timo-text-secondary);--chart-cursor: rgba(81, 100, 233, .06);--chart-tooltip-bg: var(--surface);--chart-tooltip-border: rgba(15, 23, 42, .12);--chart-tooltip-text: var(--text);--chart-ontime: var(--timo-status-present);--chart-late: var(--timo-status-late);--chart-absent: var(--timo-status-absent);--shadow-sm: 0 0 0 1px var(--timo-border);--shadow-md: 0 10px 30px rgba(11, 16, 38, .1);--shadow-lg: 0 24px 60px rgba(11, 16, 38, .16);--ring: 0 0 0 4px color-mix(in srgb, var(--button-primary-color-light, #8b5cf6) 22%, transparent);--success: var(--timo-status-present);--danger: var(--timo-status-absent);--warning: var(--timo-status-late);--info: var(--app-accent-color-light, #3b82f6);--error: var(--danger);--chip-bg-1: color-mix(in srgb, var(--button-primary-color-light, #8b5cf6) 10%, var(--surface));--chip-bg-2: color-mix(in srgb, var(--brand-secondary) 12%, var(--surface));--chip-bg-3: color-mix(in srgb, var(--button-primary-color-light, #8b5cf6) 18%, var(--surface));--chip-bg-4: color-mix(in srgb, var(--brand-tertiary) 10%, var(--surface));--chip-fg: var(--button-primary-color-light, #8b5cf6);--text-color-light: var(--text);--text-color-dark: var(--text);--text-secondary-light: var(--muted);--text-secondary-dark: var(--muted);--card-background-light: var(--surface);--card-background-dark: var(--surface);--hover-background-light: var(--surface-2);--hover-background-dark: var(--surface-2);--input-background-light: var(--surface);--input-background-dark: var(--surface);--border-color-light: var(--border);--border-color-dark: var(--border);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-page-gutter: clamp(12px, 2.8vw, 28px);--app-page-gutter-tight: clamp(10px, 2.2vw, 20px);--app-touch-target-min: 44px;--app-shell-bottom-offset: var(--safe-area-bottom, 0px)}:root[data-ui=minimal]{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--shadow-sm: 0 1px 1px rgba(15, 23, 42, .05);--shadow-md: 0 8px 18px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .1);--surface-2: var(--gray-50);--border: rgba(15, 23, 42, .07);--muted: #556277;--app-shell-main-bg: var(--bg)}:root.dark-mode[data-ui=minimal],.dark-mode:root[data-ui=minimal]{--bg: #0b1220;--surface: #0f172a;--surface-2: #0c1a30;--border: rgba(148, 163, 184, .14);--muted: #a3b0c2}:root[data-ui=glass]{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 14px 34px rgba(15, 23, 42, .12);--shadow-lg: 0 28px 70px rgba(15, 23, 42, .18);--border: rgba(15, 23, 42, .1);--ring: 0 0 0 4px color-mix(in srgb, var(--brand) 28%, transparent);--focus-ring: 0 0 0 4px color-mix(in oklab, var(--brand) 30%, transparent);--app-shell-main-bg: radial-gradient( 2200px 700px at 50% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 72% ), var(--bg)}:root.dark-mode[data-ui=glass],.dark-mode:root[data-ui=glass]{--bg: #070c16;--surface: color-mix(in oklab, #0f172a 92%, black);--surface-2: color-mix(in oklab, #111c33 92%, black);--border: rgba(148, 163, 184, .18);--ring: 0 0 0 4px color-mix(in srgb, var(--brand) 34%, transparent);--focus-ring: 0 0 0 4px color-mix(in oklab, var(--brand) 34%, transparent);--app-shell-main-bg-dark: radial-gradient( 2200px 700px at 50% 0%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 72% ), var(--bg)}:root[data-ui=enterprise]{--_ui-enterprise: 1}html.theme-transition,html.theme-transition *{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 40%,transparent) color-mix(in srgb,var(--surface) 58%,var(--bg))}.dark-mode,body.dark-mode{--bg: var(--theme-bg, #0f172a);--surface: var(--theme-surface, #1e293b);--surface-2: var(--theme-surface-2, #283548);--text: var(--timo-text-primary);--muted: var(--timo-text-secondary);--border: var(--timo-border);--chart-ontime: var(--timo-status-present);--chart-late: var(--timo-status-late);--chart-absent: var(--timo-status-absent);--shadow-sm: 0 0 0 1px var(--timo-border);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--ring: 0 0 0 4px color-mix(in srgb, var(--button-primary-color-dark, #7c3aed) 28%, transparent);--success: var(--timo-status-present);--danger: var(--timo-status-absent);--warning: var(--timo-status-late);--info: var(--app-accent-color-dark, #60a5fa);--error: var(--danger);--brand: var(--app-accent-color-dark, #2563eb);--brand-dark: color-mix(in oklab, var(--brand) 80%, black);--primary-bg: linear-gradient(135deg, var(--brand), var(--brand-secondary-dark, var(--brand-secondary)));--brand-weak: color-mix(in oklab, var(--brand) 12%, transparent);--chip-bg-1: color-mix(in srgb, var(--button-primary-color-dark, #7c3aed) 18%, transparent);--chip-bg-2: color-mix(in srgb, var(--button-primary-color-dark, #7c3aed) 22%, transparent);--chip-bg-3: color-mix(in srgb, var(--button-primary-color-dark, #7c3aed) 26%, transparent);--chip-bg-4: color-mix(in srgb, var(--button-primary-color-dark, #7c3aed) 30%, transparent);--chip-fg: var(--button-primary-color-dark, #7c3aed);--chart-grid: var(--timo-hairline);--chart-axis: var(--timo-text-secondary);--chart-cursor: rgba(138, 161, 254, .1);--chart-tooltip-bg: var(--timo-surface-elevated);--chart-tooltip-border: var(--timo-border);--chart-tooltip-text: var(--timo-text-primary)}html[data-palette=protanopia]{--success: #0072B2;--warning: #B85C00;--danger: #AA3377;--info: #1A7FB0;--muted: #6B6B6B;--brand: #785EF0;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #56B4E9;--soft-chart-attention: #E69F00;--soft-chart-neutral: #999999;--soft-chart-cat-1: #785EF0;--soft-chart-cat-2: #56B4E9;--soft-chart-cat-3: #E69F00;--soft-chart-cat-4: #CC79A7;--soft-chart-cat-5: #009E73;--soft-chart-cat-6: #B49BFF;--soft-chart-cat-7: #999999}html[data-palette=protanopia].dark-mode,html[data-palette=protanopia] .dark-mode{--success: #56B4E9;--warning: #E69F00;--danger: #CC79A7;--info: #8FBEDD;--muted: #9AA3AD;--brand: #B49BFF;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #8FBEDD;--soft-chart-attention: #F0B254;--soft-chart-neutral: #B5B5B5;--soft-chart-cat-1: #B49BFF;--soft-chart-cat-2: #8FBEDD;--soft-chart-cat-3: #F0B254;--soft-chart-cat-4: #E1A8C8;--soft-chart-cat-5: #56B4E9;--soft-chart-cat-6: #D4C2FF;--soft-chart-cat-7: #B5B5B5}html[data-palette=deuteranopia]{--success: #117733;--warning: #E69F00;--danger: #D55E00;--info: #0072B2;--muted: #6B6B6B;--brand: #CC79A7;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #0072B2;--soft-chart-attention: #E69F00;--soft-chart-neutral: #999999;--soft-chart-cat-1: #CC79A7;--soft-chart-cat-2: #0072B2;--soft-chart-cat-3: #E69F00;--soft-chart-cat-4: #F0E442;--soft-chart-cat-5: #56B4E9;--soft-chart-cat-6: #D55E00;--soft-chart-cat-7: #999999}html[data-palette=deuteranopia].dark-mode,html[data-palette=deuteranopia] .dark-mode{--success: #44BB99;--warning: #F0B254;--danger: #EE7733;--info: #56B4E9;--muted: #9AA3AD;--brand: #EE99AA;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #56B4E9;--soft-chart-attention: #F0B254;--soft-chart-neutral: #B5B5B5;--soft-chart-cat-1: #EE99AA;--soft-chart-cat-2: #56B4E9;--soft-chart-cat-3: #F0B254;--soft-chart-cat-4: #F5E79A;--soft-chart-cat-5: #8FBEDD;--soft-chart-cat-6: #EE7733;--soft-chart-cat-7: #B5B5B5}html[data-palette=tritanopia]{--success: #009E73;--warning: #D55E00;--danger: #B3174F;--info: #1B7C8A;--muted: #6B6B6B;--brand: #5D3A9B;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #009E73;--soft-chart-attention: #D55E00;--soft-chart-neutral: #999999;--soft-chart-cat-1: #5D3A9B;--soft-chart-cat-2: #009E73;--soft-chart-cat-3: #D55E00;--soft-chart-cat-4: #B3174F;--soft-chart-cat-5: #1B7C8A;--soft-chart-cat-6: #CC79A7;--soft-chart-cat-7: #999999}html[data-palette=tritanopia].dark-mode,html[data-palette=tritanopia] .dark-mode{--success: #5BD1A5;--warning: #FF9E4A;--danger: #E5407A;--info: #6FC3D2;--muted: #9AA3AD;--brand: #9B7BD4;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #5BD1A5;--soft-chart-attention: #FF9E4A;--soft-chart-neutral: #B5B5B5;--soft-chart-cat-1: #9B7BD4;--soft-chart-cat-2: #5BD1A5;--soft-chart-cat-3: #FF9E4A;--soft-chart-cat-4: #E5407A;--soft-chart-cat-5: #6FC3D2;--soft-chart-cat-6: #E1A8C8;--soft-chart-cat-7: #B5B5B5}html[data-palette=achromatopsia]{--success: #1F2937;--warning: #6B7280;--danger: #111827;--info: #94A3B8;--muted: #CBD5E1;--brand: #475569;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #1F2937;--soft-chart-attention: #64748B;--soft-chart-neutral: #94A3B8;--soft-chart-cat-1: #0F172A;--soft-chart-cat-2: #334155;--soft-chart-cat-3: #64748B;--soft-chart-cat-4: #94A3B8;--soft-chart-cat-5: #1E293B;--soft-chart-cat-6: #475569;--soft-chart-cat-7: #CBD5E1}html[data-palette=achromatopsia].dark-mode,html[data-palette=achromatopsia] .dark-mode{--success: #F1F5F9;--warning: #94A3B8;--danger: #FFFFFF;--info: #64748B;--muted: #475569;--brand: #CBD5E1;--error: var(--danger);--chart-ontime: var(--success);--chart-late: var(--warning);--chart-absent: var(--muted);--soft-chart-positive: #F1F5F9;--soft-chart-attention: #94A3B8;--soft-chart-neutral: #64748B;--soft-chart-cat-1: #F8FAFC;--soft-chart-cat-2: #CBD5E1;--soft-chart-cat-3: #94A3B8;--soft-chart-cat-4: #64748B;--soft-chart-cat-5: #E2E8F0;--soft-chart-cat-6: #475569;--soft-chart-cat-7: #94A3B8}html[data-theme-family=corporate]:not(.dark-mode){--bg: var(--theme-bg, #eef2f6);--surface: var(--theme-surface, #fbfcfe);--surface-2: var(--theme-surface-2, #e4eaf2);--text: #0f172a;--muted: #4b5c73;--border: rgba(15, 23, 42, .11);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 10px 28px rgba(15, 23, 42, .08);--shadow-lg: 0 22px 55px rgba(15, 23, 42, .11);--brand: #1e3a5f;--brand-dark: color-mix(in oklab, var(--brand) 82%, black);--primary-bg: linear-gradient(135deg, var(--brand), var(--brand-dark));--brand-weak: color-mix(in oklab, var(--brand) 10%, white);--app-shell-main-bg: radial-gradient( 1800px 520px at 50% 0%, color-mix(in srgb, var(--brand) 5%, transparent), transparent 72% ), var(--bg);--chip-bg-1: color-mix(in srgb, var(--brand) 9%, var(--surface));--chip-bg-2: color-mix(in srgb, var(--brand) 13%, var(--surface));--chip-bg-3: color-mix(in srgb, var(--brand) 17%, var(--surface));--chip-bg-4: color-mix(in srgb, var(--brand) 21%, var(--surface));--chip-fg: var(--brand);--app-accent-color-light: var(--brand);--app-accent-color-dark: var(--brand-dark);--app-accent-contrast-light: #ffffff;--app-accent-contrast-dark: #ffffff;--table-header-color-light: var(--brand);--table-header-color-dark: var(--brand-dark);--table-header-text-color-light: #ffffff;--table-header-text-color-dark: #ffffff;--sidebar-accent-color-light: var(--brand);--sidebar-accent-color-dark: var(--brand-dark);--sidebar-text-color-light: #ffffff;--sidebar-text-color-dark: #ffffff;--button-primary-color-light: var(--brand);--button-primary-color-dark: var(--brand-dark);--button-text-color-light: #ffffff;--button-text-color-dark: #ffffff;--header-text-color: #ffffff;--header-text-color-dark: #ffffff;--header-bg-light: var(--brand);--header-bg-dark: var(--brand-dark);--page-accent-color-light: var(--brand);--page-accent-color-dark: var(--brand-dark);--modal-accent-color-light: var(--brand);--modal-accent-color-dark: var(--brand-dark)}html.dark-mode[data-theme-family=corporate]{--bg: var(--theme-bg, #0a0f18);--surface: var(--theme-surface, #121a28);--surface-2: var(--theme-surface-2, #182232);--text: #e8ecf1;--muted: #8b95a8;--border: rgba(148, 163, 184, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--brand: #4a6fa5;--brand-dark: color-mix(in oklab, var(--brand) 78%, black);--primary-bg: linear-gradient(135deg, var(--brand), var(--brand-dark));--brand-weak: color-mix(in oklab, var(--brand) 14%, transparent);--app-shell-main-bg-dark: radial-gradient( 2000px 600px at 50% 0%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 70% ), var(--bg);--chip-bg-1: color-mix(in srgb, var(--brand) 16%, transparent);--chip-bg-2: color-mix(in srgb, var(--brand) 22%, transparent);--chip-bg-3: color-mix(in srgb, var(--brand) 28%, transparent);--chip-bg-4: color-mix(in srgb, var(--brand) 34%, transparent);--chip-fg: color-mix(in oklab, var(--brand) 92%, white);--app-accent-color-light: var(--brand);--app-accent-color-dark: var(--brand);--app-accent-contrast-light: #ffffff;--app-accent-contrast-dark: #ffffff;--table-header-color-light: var(--brand);--table-header-color-dark: var(--brand);--table-header-text-color-light: #ffffff;--table-header-text-color-dark: #ffffff;--sidebar-accent-color-light: var(--brand);--sidebar-accent-color-dark: var(--brand);--sidebar-text-color-light: #ffffff;--sidebar-text-color-dark: #ffffff;--button-primary-color-light: var(--brand);--button-primary-color-dark: var(--brand);--button-text-color-light: #ffffff;--button-text-color-dark: #ffffff;--header-text-color: #ffffff;--header-text-color-dark: #ffffff;--header-bg-light: var(--brand);--header-bg-dark: var(--brand);--page-accent-color-light: var(--brand);--page-accent-color-dark: var(--brand);--modal-accent-color-light: var(--brand);--modal-accent-color-dark: var(--brand)}@media(max-width:1599px){:root{--app-root-zoom: .95;--app-sidebar-width: calc(270px / var(--app-root-zoom));--app-main-padding-top: 24px;--app-main-padding-x: 24px;--app-main-padding-x-compact: 18px;--app-main-padding-bottom-extra: 18px;--dashboard-page-padding-x: 24px;--dashboard-page-padding-bottom: 24px}}@media(max-width:1366px){:root{--app-root-zoom: .88;--app-header-height: 64px;--app-sidebar-width: calc(250px / var(--app-root-zoom));--app-main-padding-top: 18px;--app-main-padding-x: 16px;--app-main-padding-x-compact: 12px;--app-main-padding-bottom-extra: 14px;--dashboard-page-padding-x: 12px;--dashboard-page-padding-bottom: 18px}}@media(max-width:1280px){:root{--app-root-zoom: .82;--app-header-height: 60px;--app-sidebar-width: calc(230px / var(--app-root-zoom));--app-main-padding-top: 14px;--app-main-padding-x: 12px;--app-main-padding-x-compact: 10px;--app-main-padding-bottom-extra: 12px;--dashboard-page-padding-x: 8px;--dashboard-page-padding-bottom: 14px}}@media(max-width:600px){:root{--app-footer-height: 40px}}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:17px;background:var(--bg);color:var(--text);cursor:default}@media(max-width:1366px){body{font-size:16px}}@media(max-width:1280px){body{font-size:14px}}html.app-modal-open,body.app-modal-open{overflow:hidden!important;overscroll-behavior:contain}#root{width:100%;min-height:100vh;zoom:var(--app-root-zoom)}html[data-login-page] #root{zoom:1!important}html[data-public-careers],html.pc-careers-root{--app-root-zoom: 1 !important;direction:ltr!important}html[data-public-careers] body,html.pc-careers-root body,html[data-public-careers] #root,html.pc-careers-root #root{direction:ltr!important}html[data-public-careers] #root,html.pc-careers-root #root{zoom:1!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important}@supports (height: 100dvh){#root{min-height:100dvh}}@media(max-width:768px){:root{--app-page-gutter: clamp(12px, 3.4vw, 18px);--app-page-gutter-tight: clamp(8px, 3vw, 14px);--app-root-zoom: 1}#root{zoom:1}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--chart-tooltip-bg)!important;border:1px solid var(--chart-tooltip-border)!important;border-radius:12px!important;color:var(--chart-tooltip-text)!important;box-shadow:0 10px 24px #0f172a2e;padding:10px 12px!important}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--chart-tooltip-text)!important;font-weight:800;margin-bottom:4px}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:var(--chart-tooltip-text)!important}.hrdb-chart,.ceo-detail-chart-wrap{will-change:transform;contain:layout paint}@media(max-width:480px){:root{--app-main-padding-x: 10px;--app-main-padding-x-compact: 8px;--app-main-padding-bottom-extra: 10px;--dashboard-page-padding-x: 8px;--dashboard-page-padding-bottom: 12px;--app-page-gutter: clamp(10px, 3.2vw, 14px)}}html,body{width:100%;max-width:100%;overflow-x:clip}body{min-height:100vh;min-height:100dvh;overflow-wrap:break-word}[data-app-responsive-root]{width:100%;max-width:100%;min-width:0;min-height:100vh;min-height:100dvh;padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left)}.app-global-route-shell{width:100%;max-width:100%;min-width:0;min-height:inherit}.responsive-page-content{width:100%;max-width:100%;min-width:0;padding-left:var(--app-page-gutter);padding-right:var(--app-page-gutter)}.responsive-page-content *{min-width:0}.responsive-table-shell{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.responsive-table-shell table{min-width:max-content;width:100%}img,video,canvas{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.main-content-inner h1{color:var(--text)}p,span,label{color:inherit}button,input,select,textarea{font-family:inherit}a,button,[role=button]{cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]{cursor:text}select{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring)}input:focus-visible,textarea:focus-visible,select:focus-visible,.custom-select__input:focus-visible{box-shadow:none;outline:none}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--timo-radius-control);padding:10px 12px}input::placeholder,textarea::placeholder{color:#898d9b}.app-temporal-input[data-temporal-type=date],.app-temporal-input[data-temporal-type=datetime]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-inline-end:36px}.app-temporal-input[data-temporal-type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-inline-end:36px}[dir=rtl] .app-temporal-input[data-temporal-type=date],[dir=rtl] .app-temporal-input[data-temporal-type=datetime],[dir=rtl] .app-temporal-input[data-temporal-type=time]{background-position:left 10px center;padding-inline-end:12px;padding-inline-start:36px}.app-temporal-input[data-temporal-type=date]:focus,.app-temporal-input[data-temporal-type=datetime]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}.app-temporal-input[data-temporal-type=time]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}.dark-mode .app-temporal-input[data-temporal-type=date],.dark-mode .app-temporal-input[data-temporal-type=datetime]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}.dark-mode .app-temporal-input[data-temporal-type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}.dark-mode .app-temporal-input{color-scheme:dark}.dark-mode .app-temporal-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.95;background-color:#ffffff1a;border-radius:8px;padding:4px}.dark-mode .app-temporal-input::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#ffffff29}@supports (-webkit-mask: url()) or (mask: url()){.dark-mode .app-temporal-input::-webkit-calendar-picker-indicator{filter:none;opacity:1;width:18px;height:18px;padding:4px;border-radius:10px;background-color:color-mix(in srgb,var(--brand) 92%,white);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V10ZM6 6a1 1 0 0 0-1 1v1h14V7a1 1 0 0 0-1-1H6Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V10ZM6 6a1 1 0 0 0-1 1v1h14V7a1 1 0 0 0-1-1H6Z'/%3E%3C/svg%3E") center / contain no-repeat}.dark-mode .app-temporal-input::-webkit-calendar-picker-indicator:hover{background-color:color-mix(in srgb,var(--brand) 100%,white)}}input:disabled,select:disabled,textarea:disabled{opacity:.7;cursor:not-allowed;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.app-temporal-input{cursor:pointer}.flatpickr-calendar{z-index:14000!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 24px 54px #0f172a33!important;font-family:var(--font-sans)!important}.flatpickr-calendar:not(.open){pointer-events:none!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{display:none!important}.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year,.flatpickr-weekdays,.flatpickr-weekday,.flatpickr-day,.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{font-family:inherit!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.selected:hover{background:var(--brand)!important;border-color:var(--brand)!important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border-color:color-mix(in srgb,var(--brand) 70%,transparent)!important}.dark-mode .flatpickr-calendar,html.dark-mode .flatpickr-calendar{background:#0f172a!important;border-color:#94a3b82e!important;box-shadow:0 24px 54px #0000006b!important;color:#e5e7eb!important}.dark-mode .flatpickr-months,html.dark-mode .flatpickr-months,.dark-mode .flatpickr-innerContainer,html.dark-mode .flatpickr-innerContainer,.dark-mode .flatpickr-rContainer,html.dark-mode .flatpickr-rContainer,.dark-mode .flatpickr-days,html.dark-mode .flatpickr-days,.dark-mode .dayContainer,html.dark-mode .dayContainer{background:#0f172a!important;background-color:#0f172a!important}.dark-mode .flatpickr-months .flatpickr-month,html.dark-mode .flatpickr-months .flatpickr-month,.dark-mode .flatpickr-current-month,html.dark-mode .flatpickr-current-month,.dark-mode .flatpickr-weekdays,html.dark-mode .flatpickr-weekdays,.dark-mode .flatpickr-weekday,html.dark-mode .flatpickr-weekday,.dark-mode .flatpickr-day,html.dark-mode .flatpickr-day,.dark-mode .flatpickr-time input,html.dark-mode .flatpickr-time input,.dark-mode .flatpickr-time .flatpickr-am-pm,html.dark-mode .flatpickr-time .flatpickr-am-pm,.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months,html.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months,.dark-mode .flatpickr-current-month input.cur-year,html.dark-mode .flatpickr-current-month input.cur-year{background:transparent!important;color:#e5e7eb!important;fill:#e5e7eb!important}.dark-mode .flatpickr-prev-month,html.dark-mode .flatpickr-prev-month,.dark-mode .flatpickr-next-month,html.dark-mode .flatpickr-next-month{color:#e5e7eb!important;fill:#e5e7eb!important}.dark-mode .flatpickr-prev-month svg,html.dark-mode .flatpickr-prev-month svg,.dark-mode .flatpickr-next-month svg,html.dark-mode .flatpickr-next-month svg,.dark-mode .flatpickr-prev-month svg path,html.dark-mode .flatpickr-prev-month svg path,.dark-mode .flatpickr-next-month svg path,html.dark-mode .flatpickr-next-month svg path{fill:#e5e7eb!important;stroke:#e5e7eb!important}.dark-mode .flatpickr-prev-month:hover,html.dark-mode .flatpickr-prev-month:hover,.dark-mode .flatpickr-next-month:hover,html.dark-mode .flatpickr-next-month:hover{background:#94a3b829!important;color:#fff!important;fill:#fff!important}.dark-mode .flatpickr-prev-month:hover svg,html.dark-mode .flatpickr-prev-month:hover svg,.dark-mode .flatpickr-next-month:hover svg,html.dark-mode .flatpickr-next-month:hover svg,.dark-mode .flatpickr-prev-month:hover svg path,html.dark-mode .flatpickr-prev-month:hover svg path,.dark-mode .flatpickr-next-month:hover svg path,html.dark-mode .flatpickr-next-month:hover svg path{fill:#fff!important;stroke:#fff!important}.dark-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after,html.dark-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#e5e7eb!important}.dark-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after,html.dark-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#e5e7eb!important}.dark-mode .flatpickr-current-month .numInputWrapper span:hover,html.dark-mode .flatpickr-current-month .numInputWrapper span:hover{background:#94a3b829!important}.dark-mode .flatpickr-day.flatpickr-disabled,html.dark-mode .flatpickr-day.flatpickr-disabled,.dark-mode .flatpickr-day.prevMonthDay,html.dark-mode .flatpickr-day.prevMonthDay,.dark-mode .flatpickr-day.nextMonthDay,html.dark-mode .flatpickr-day.nextMonthDay{color:#64748b!important}.dark-mode .flatpickr-day:hover,html.dark-mode .flatpickr-day:hover,.dark-mode .flatpickr-monthSelect-month:hover,html.dark-mode .flatpickr-monthSelect-month:hover,.dark-mode .flatpickr-time input:hover,html.dark-mode .flatpickr-time input:hover,.dark-mode .flatpickr-time .flatpickr-am-pm:hover,html.dark-mode .flatpickr-time .flatpickr-am-pm:hover{background:#94a3b824!important}.dark-mode .flatpickr-day.selected,html.dark-mode .flatpickr-day.selected,.dark-mode .flatpickr-day.startRange,html.dark-mode .flatpickr-day.startRange,.dark-mode .flatpickr-day.endRange,html.dark-mode .flatpickr-day.endRange,.dark-mode .flatpickr-monthSelect-month.selected,html.dark-mode .flatpickr-monthSelect-month.selected{color:#fff!important}.dark-mode .flatpickr-day.today,html.dark-mode .flatpickr-day.today{border-color:color-mix(in srgb,var(--brand) 70%,transparent)!important;color:#93c5fd!important}.dark-mode .flatpickr-calendar .flatpickr-footer,html.dark-mode .flatpickr-calendar .flatpickr-footer,.dark-mode .flatpickr-calendar .flatpickr-clear,html.dark-mode .flatpickr-calendar .flatpickr-clear,.dark-mode .flatpickr-calendar .flatpickr-today,html.dark-mode .flatpickr-calendar .flatpickr-today{color:#cbd5e1!important;background:transparent!important;border-color:#94a3b82e!important}html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-months,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-months,html.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-months,.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-months{background:#0f172a!important;border-bottom:1px solid rgba(148,163,184,.16)!important}html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month,html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month,html.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-prev-month,html.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-next-month,.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-prev-month,.dark-mode .flatpickr-monthSelect-theme-dark .flatpickr-next-month{color:#e5e7eb!important;fill:#e5e7eb!important}html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month svg,html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month svg,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month svg,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month svg,html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month svg path,html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month svg path,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-prev-month svg path,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-next-month svg path{fill:#e5e7eb!important;stroke:#e5e7eb!important}html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-current-month .numInputWrapper span.arrowUp:after,html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-current-month .numInputWrapper span.arrowDown:after,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-current-month .numInputWrapper span.arrowUp:after,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-bottom-color:#e5e7eb!important;border-top-color:#e5e7eb!important}html.dark-mode .flatpickr-monthSelect-month,.dark-mode .flatpickr-monthSelect-month{color:#cbd5e1!important;background:transparent!important}html.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-monthSelect-months,.dark-mode .flatpickr-monthSelect-theme-light .flatpickr-monthSelect-months{background:#0f172a!important}html.dark-mode .flatpickr-monthSelect-month.flatpickr-disabled,.dark-mode .flatpickr-monthSelect-month.flatpickr-disabled{color:#475569!important}html.dark-mode .flatpickr-calendar.flatpickr-monthSelect-theme-dark,.dark-mode .flatpickr-calendar.flatpickr-monthSelect-theme-dark,html.dark-mode .flatpickr-calendar.flatpickr-monthSelect-theme-light,.dark-mode .flatpickr-calendar.flatpickr-monthSelect-theme-light{background:#0f172a!important}.alert,.az-alert,.notif-alert,.employee-upsert-alert,.my-team-alert,.mpay-alert,.hrdb-alert,.create-leave-alert,.access-control-inline-alert{--inline-alert-accent: var(--info, #2563eb);--inline-alert-soft: color-mix(in srgb, var(--inline-alert-accent) 12%, var(--surface, #ffffff));--inline-alert-border: color-mix(in srgb, var(--inline-alert-accent) 24%, transparent);display:block;width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--inline-alert-border);background:linear-gradient(135deg,var(--inline-alert-soft),color-mix(in srgb,var(--inline-alert-accent) 5%,var(--surface, #ffffff)));color:color-mix(in srgb,var(--inline-alert-accent) 72%,var(--text, #0f172a));box-shadow:0 10px 26px #0f172a14}.dark-mode .alert,.dark-mode .az-alert,.dark-mode .notif-alert,.dark-mode .employee-upsert-alert,.dark-mode .my-team-alert,.dark-mode .mpay-alert,.dark-mode .hrdb-alert,.dark-mode .create-leave-alert,.dark-mode .access-control-inline-alert{background:linear-gradient(135deg,color-mix(in srgb,var(--inline-alert-accent) 16%,rgba(15,23,42,.96)),#0f172af5);color:color-mix(in srgb,var(--inline-alert-accent) 78%,#e5e7eb);box-shadow:0 14px 28px #0000003d}.alert.alert-error,.employee-upsert-alert.error,.my-team-alert--error,.mpay-alert-error,.hrdb-alert--error,.notif-alert--error{--inline-alert-accent: var(--danger, #dc2626)}.alert.alert-info{--inline-alert-accent: var(--info, #2563eb)}.alert.alert-success,.notif-alert--success{--inline-alert-accent: var(--success, #16a34a)}.create-leave-alert--warning,.access-control-inline-alert--warning{--inline-alert-accent: var(--warning, #d97706)}table{color:var(--text)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface) 55%,var(--bg));border-radius:999px}html.dark-mode *::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface) 68%,var(--bg))}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 46%,transparent),color-mix(in srgb,var(--brand-dark) 30%,transparent));border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .25s ease}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 60%,transparent),color-mix(in srgb,var(--brand-dark) 42%,transparent));background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 72%,transparent),color-mix(in srgb,var(--brand-dark) 52%,transparent));background-clip:padding-box}.employee-avatar-main,.employee-avatar,[class*=avatar],[class*=initial],[class*=uppercase]{text-transform:uppercase!important}input,textarea,code,pre,[class*=code],[class*=monospace]{text-transform:none!important}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}table thead th,table thead tr th,thead th,thead tr th{background-color:var(--timo-surface)!important;color:var(--timo-text-secondary)!important;font-weight:500!important;border-bottom:1px solid var(--timo-hairline)!important}.dark-mode table thead th,.dark-mode table thead tr th,.dark-mode thead th,.dark-mode thead tr th{background-color:var(--timo-surface)!important;color:var(--timo-text-secondary)!important;border-bottom:1px solid var(--timo-hairline)!important}#root .dashboard-container table thead>tr>th,#root .dashboard-container .table-scroll-x table thead>tr>th{background:var(--timo-surface)!important;background-color:var(--timo-surface)!important;color:var(--timo-text-secondary)!important}#root.dark-mode .dashboard-container table thead>tr>th,.dark-mode #root .dashboard-container table thead>tr>th,#root.dark-mode .dashboard-container .table-scroll-x table thead>tr>th,.dark-mode #root .dashboard-container .table-scroll-x table thead>tr>th{background:var(--timo-surface)!important;background-color:var(--timo-surface)!important;color:var(--timo-text-secondary)!important}:where(.dashboard-container) :where(table) :where(tbody) :where(td),:where(.dashboard-container) :where(table) :where(tbody) :where(th){color:var(--text);border-color:var(--border);background-color:var(--surface)}:where(.dashboard-container) :where(table) :where(tbody) :where(tr:nth-child(2n)) :where(td),:where(.dashboard-container) :where(table) :where(tbody) :where(tr:nth-child(2n)) :where(th){background-color:var(--surface)}:where(.dashboard-container) :where(table) :where(tbody) :where(tr:hover) :where(td),:where(.dashboard-container) :where(table) :where(tbody) :where(tr:hover) :where(th){background-color:var(--timo-bg)}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-confirm,.add-employee-btn,.search-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid transparent;border-radius:12px;font-size:.92rem;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;align-self:center;flex:0 0 auto;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn-confirm:hover:not(:disabled),.add-employee-btn:hover:not(:disabled),.search-btn:hover:not(:disabled){transform:none}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible,.btn-confirm:focus-visible,.add-employee-btn:focus-visible,.search-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-primary-color-light, #8b5cf6) 18%,transparent)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-confirm:disabled,.add-employee-btn:disabled,.search-btn:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.btn,.btn-secondary,.btn-outline,.btn-light{background-color:var(--surface);color:var(--text-primary, var(--text));border-color:var(--border-color, var(--border))}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn:hover:not(:disabled),.btn-light:hover:not(:disabled){background-color:var(--surface-2);border-color:color-mix(in srgb,var(--border) 70%,var(--muted))}.dark-mode .btn,.dark-mode .btn-secondary,.dark-mode .btn-outline,.dark-mode .btn-light{background-color:var(--timo-surface);color:var(--timo-text-primary);border-color:var(--timo-border)}.dark-mode .btn-secondary:hover:not(:disabled),.dark-mode .btn-outline:hover:not(:disabled),.dark-mode .btn:hover:not(:disabled),.dark-mode .btn-light:hover:not(:disabled){background-color:var(--timo-surface-elevated);border-color:var(--timo-text-secondary)}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid #07A585;border-radius:12px;background:#07a585;color:#fff;font-size:.92rem;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-success:hover:not(:disabled){background:#027059;border-color:#027059;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #dc2626;border-radius:12px;background:#dc2626;color:#fff;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.btn-sm{min-height:34px;padding:7px 12px;border-radius:10px;font-size:.84rem}.btn-edit,.btn-save-small,.btn-cancel-small,.btn-unarchive,.btn-delete,.btn-toggle,.btn-view-exceptions,.btn-manage-exceptions,.btn-toggle-table,.btn-delete-table,.btn-activate,.btn-deactivate,.btn-activate-table,.btn-deactivate-table{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:10px;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-edit:hover:not(:disabled),.btn-save-small:hover:not(:disabled),.btn-cancel-small:hover:not(:disabled),.btn-unarchive:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-toggle:hover:not(:disabled),.btn-view-exceptions:hover:not(:disabled),.btn-manage-exceptions:hover:not(:disabled),.btn-toggle-table:hover:not(:disabled),.btn-delete-table:hover:not(:disabled),.btn-activate:hover:not(:disabled),.btn-deactivate:hover:not(:disabled),.btn-activate-table:hover:not(:disabled),.btn-deactivate-table:hover:not(:disabled){transform:translateY(-1px)}.btn-edit:focus-visible,.btn-save-small:focus-visible,.btn-cancel-small:focus-visible,.btn-unarchive:focus-visible,.btn-delete:focus-visible,.btn-toggle:focus-visible,.btn-view-exceptions:focus-visible,.btn-manage-exceptions:focus-visible,.btn-toggle-table:focus-visible,.btn-delete-table:focus-visible,.btn-activate:focus-visible,.btn-deactivate:focus-visible,.btn-activate-table:focus-visible,.btn-deactivate-table:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-primary-color-light, #8b5cf6) 18%,transparent)}.btn-edit:disabled,.btn-save-small:disabled,.btn-cancel-small:disabled,.btn-unarchive:disabled,.btn-delete:disabled,.btn-toggle:disabled,.btn-view-exceptions:disabled,.btn-manage-exceptions:disabled,.btn-toggle-table:disabled,.btn-delete-table:disabled,.btn-activate:disabled,.btn-deactivate:disabled,.btn-activate-table:disabled,.btn-deactivate-table:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}button[type=submit]:not(:disabled),.add-employee-btn,.search-btn,.btn-primary:not(:disabled),.btn-confirm:not(.btn-approve):not(:disabled),.btn-save:not(:disabled){background-color:var(--button-primary-color-light, #8b5cf6)!important;color:var(--button-text-color-light, white)!important;border-color:var(--button-primary-color-light, #8b5cf6)!important}.btn-save,.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.dark-mode button[type=submit]:not(:disabled),.dark-mode .add-employee-btn,.dark-mode .search-btn,.dark-mode .btn-primary:not(:disabled),.dark-mode .btn-confirm:not(.btn-approve):not(:disabled),.dark-mode .btn-save:not(:disabled){background-color:var(--button-primary-color-dark, #7c3aed)!important;color:var(--button-text-color-dark, white)!important;border-color:var(--button-primary-color-dark, #7c3aed)!important}.modal-header{background:var(--timo-surface)!important;border-bottom:1px solid var(--timo-hairline)!important}.modal-header h2,.modal-header h3{color:var(--timo-text-primary)!important;font-weight:500!important}.modal-close{width:34px;height:34px;border-radius:50%!important;background:var(--timo-surface-sunken)!important;color:var(--timo-text-primary)!important}.modal-close:hover{background:var(--timo-hairline)!important;color:var(--timo-text-primary)!important}#root select:not(.PhoneInputCountrySelect),.dashboard-container select:not(.PhoneInputCountrySelect){font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;min-height:46px;padding:0 38px 0 14px;border:1px solid var(--timo-border);border-radius:var(--radius-md, 12px);background-color:var(--timo-surface);color:var(--text);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23475569' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;transition:border-color .2s ease,box-shadow .2s ease}[dir=rtl] #root select:not(.PhoneInputCountrySelect),[dir=rtl] .dashboard-container select:not(.PhoneInputCountrySelect){background-position:left 14px center;padding:0 14px 0 38px}#root select:not(.PhoneInputCountrySelect):hover,.dashboard-container select:not(.PhoneInputCountrySelect):hover{border-color:var(--brand)}#root select:not(.PhoneInputCountrySelect):focus,#root select:not(.PhoneInputCountrySelect):focus-visible,.dashboard-container select:not(.PhoneInputCountrySelect):focus,.dashboard-container select:not(.PhoneInputCountrySelect):focus-visible{border-color:var(--brand);box-shadow:var(--focus-ring, 0 0 0 4px color-mix(in oklab, var(--brand) 25%, transparent))}.dark-mode #root select:not(.PhoneInputCountrySelect),.dark-mode .dashboard-container select:not(.PhoneInputCountrySelect),.dashboard-container.dark-mode select:not(.PhoneInputCountrySelect){background-color:var(--surface-2, var(--surface));border-color:var(--border);color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239ca3af' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#root select:not(.PhoneInputCountrySelect):disabled,.dashboard-container select:not(.PhoneInputCountrySelect):disabled{opacity:.7;cursor:not-allowed;background-color:color-mix(in srgb,var(--surface-2) 80%,transparent)}#root select:not(.PhoneInputCountrySelect) option,.dashboard-container select:not(.PhoneInputCountrySelect) option{background:var(--surface);color:var(--text);padding:10px 14px}.dark-mode #root select:not(.PhoneInputCountrySelect) option,.dark-mode .dashboard-container select:not(.PhoneInputCountrySelect) option,.dashboard-container.dark-mode select:not(.PhoneInputCountrySelect) option{background:var(--surface);color:var(--text)}#root .PhoneInputCountrySelect,.dashboard-container .PhoneInputCountrySelect{min-height:auto;height:auto;padding:6px 8px;padding-inline-end:28px;border:1px solid var(--border);border-radius:6px;font-size:14px;line-height:1.25;appearance:auto;-webkit-appearance:menulist;-moz-appearance:auto;background-image:none;background-color:var(--surface);color:var(--text);box-shadow:none}.dark-mode #root .PhoneInputCountrySelect,.dark-mode .dashboard-container .PhoneInputCountrySelect,.dashboard-container.dark-mode .PhoneInputCountrySelect{background-color:color-mix(in srgb,var(--surface) 94%,var(--text));border-color:var(--border);color:var(--text)}.dark-mode #root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=image]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),.dark-mode #root textarea,.dashboard-container.dark-mode input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=image]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),.dashboard-container.dark-mode textarea{background-color:var(--surface);color:var(--text);border-color:var(--border)}.dark-mode #root input::placeholder,.dark-mode #root textarea::placeholder,.dashboard-container.dark-mode input::placeholder,.dashboard-container.dark-mode textarea::placeholder{color:var(--muted)}.dark-mode .modal-content,.dashboard-container.dark-mode .modal-content{background:var(--surface);color:var(--text);border-color:var(--border)}.dark-mode .modal-body,.dashboard-container.dark-mode .modal-body{background:var(--surface);color:var(--text)}.dark-mode .modal-footer,.dashboard-container.dark-mode .modal-footer{background:color-mix(in srgb,var(--surface) 94%,var(--text));border-top-color:var(--border)}.dashboard-container select,.dashboard-container .lb-filter-input[as=select]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;padding-right:36px;padding-inline-end:36px;background-color:var(--surface);color:var(--text);border:1px solid color-mix(in oklab,var(--border) 70%,transparent);border-radius:9px;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;accent-color:var(--brand);color-scheme:light}[dir=rtl] .dashboard-container select{background-position:left 12px center;padding-right:12px;padding-inline-end:12px;padding-left:36px;padding-inline-start:36px}.dark-mode .dashboard-container select,.dashboard-container.dark-mode select{background-color:color-mix(in oklab,var(--surface) 88%,transparent);border-color:color-mix(in oklab,var(--border) 70%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");color-scheme:dark}.dashboard-container select:hover{border-color:color-mix(in oklab,var(--brand) 50%,transparent)}.dashboard-container select:focus{outline:none;border-color:var(--brand);background-color:color-mix(in oklab,var(--brand) 4%,var(--surface));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235E6AD2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 18%,transparent)}.dashboard-container select:disabled{opacity:.6;cursor:not-allowed}.dashboard-container select option{background:var(--surface);color:var(--text);padding:8px 12px}.dashboard-container select option:checked{background:color-mix(in oklab,var(--brand) 16%,var(--surface));color:var(--text);font-weight:600}.dark-mode .dashboard-container select option,.dashboard-container.dark-mode select option{background:color-mix(in oklab,var(--surface) 92%,#000);color:var(--text)}@supports (appearance: base-select){.dashboard-container select{appearance:base-select}.dashboard-container select::picker(select){appearance:base-select;background:var(--surface);border:1px solid color-mix(in oklab,var(--border) 80%,transparent);border-radius:12px;padding:6px;box-shadow:0 12px 32px #0f172a29,0 4px 12px #0f172a0f;margin-top:4px;min-width:100%}.dark-mode .dashboard-container select::picker(select),.dashboard-container.dark-mode select::picker(select){background:color-mix(in oklab,var(--surface) 96%,#000);border-color:color-mix(in oklab,var(--border) 70%,transparent);box-shadow:0 16px 36px #00000080,0 4px 12px #0000004d}.dashboard-container select::picker-icon{color:var(--muted);transition:rotate .18s ease}.dashboard-container select:open::picker-icon{rotate:180deg;color:var(--brand)}.dashboard-container option{appearance:base-select;padding:8px 12px;border-radius:8px;font-size:.88rem;color:var(--text);background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease}.dashboard-container option:hover{background:color-mix(in oklab,var(--brand) 12%,transparent);color:var(--brand)}.dashboard-container option:checked{background:color-mix(in oklab,var(--brand) 14%,transparent);color:var(--brand);font-weight:700}.dashboard-container option::checkmark{color:var(--brand);margin-inline-end:6px}}.dashboard-container .themed-select{width:100%;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline:none!important;font-size:inherit;cursor:default}.dashboard-container .themed-select .custom-select__control{min-height:40px!important;border-radius:10px!important;border:1px solid color-mix(in oklab,var(--border) 70%,transparent)!important;background:var(--surface)!important;font-size:.88rem!important;padding:0 4px!important;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dashboard-container .themed-select .custom-select__control:hover{border-color:color-mix(in oklab,var(--brand) 45%,var(--border))!important}.dashboard-container .themed-select .custom-select__control--is-focused{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 22%,transparent)!important;background:color-mix(in oklab,var(--brand) 3%,var(--surface))!important}.dashboard-container.dark-mode .themed-select .custom-select__control{background:color-mix(in oklab,var(--surface) 88%,#000)!important;border-color:color-mix(in oklab,var(--border) 60%,transparent)!important}.dashboard-container .themed-select .custom-select__value-container{padding:2px 8px!important}.dashboard-container .themed-select .custom-select__placeholder,.dashboard-container .themed-select .custom-select__single-value,.dashboard-container .themed-select .custom-select__input{font-size:.88rem!important}.dashboard-container .themed-select .custom-select__dropdown-indicator{padding:4px 8px!important;color:var(--muted)!important}.dashboard-container .themed-select .custom-select__dropdown-indicator:hover{color:var(--brand)!important}.custom-select__menu-portal{z-index:16000!important}.custom-select__menu{font-family:Lexend,system-ui,-apple-system,sans-serif;font-size:.75rem!important;border-radius:12px!important;border:1px solid color-mix(in oklab,#d1d5db 80%,transparent)!important;box-shadow:0 18px 40px #0f172a2e,0 6px 14px #0f172a14!important;overflow:hidden;width:max-content!important;min-width:100%!important;max-width:min(420px,90vw)!important}.dark-mode .custom-select__menu,body.dark-mode .custom-select__menu{background:#1a1f2e!important;border-color:#ffffff14!important;box-shadow:0 20px 44px #0000008c,0 8px 16px #00000059!important}.custom-select__menu-list{padding:4px!important;max-height:280px!important}.custom-select__option{font-size:.75rem!important;line-height:1.2!important;border-radius:8px!important;padding:6px 12px!important;margin:1px 0!important;cursor:pointer;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,color .12s ease}.custom-select__option--is-selected{font-weight:600!important}.dashboard-container .themed-select .custom-select__single-value,.dashboard-container .themed-select .custom-select__placeholder,.dashboard-container .themed-select .custom-select__input{font-size:.85rem!important}.dashboard-container input,.dashboard-container textarea{text-decoration:none!important;-webkit-text-decoration:none!important;text-underline-offset:0!important;-webkit-text-fill-color:currentColor}.dashboard-container input:-webkit-autofill,.dashboard-container input:-webkit-autofill:hover,.dashboard-container input:-webkit-autofill:focus,.dashboard-container input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text)}.is-refetching{opacity:.55;pointer-events:none;transition:opacity .18s ease}.dashboard-container input[type=search]:focus,.dashboard-container input[type=search]:focus-visible,.dashboard-container [class*=search] input:focus,.dashboard-container [class*=search] input:focus-visible{box-shadow:none!important}@media(max-width:768px){.table-scroll-x,.table-scroll,[class*=-table-scroll],.perf-roster-table-wrap,.pd-table-wrap,.my-kpis-table-scroll,.ps-table-scroll,.pr-kpi-breakdown,.kpa-detail-table-wrap,.kpa-view-table-wrap,.pr-detail-table-wrap,.pr-behavioral-table-wrap,.pr-report-table-wrap,.pr-create-card__table-wrap,.pr-report__table-wrap,.jt-table-wrap,.responsive-table-shell,.rc-list-table,.rcp-table-shell,.rdb-table-wrap,.ro-table-wrap,.ri-table-wrap{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.table-scroll-x>table,.table-scroll>table,[class*=-table-scroll]>table,.table-scroll .table-scroll-x table,[class*=-table-scroll] .table-scroll-x table,.my-kpis-table-scroll>table,.ps-table-scroll>table,.pr-kpi-breakdown>table,.pr-kpi-breakdown>.perf-roster-table,.perf-roster-table-wrap>.perf-roster-table,.perf-roster-table-wrap>table,.pd-table-wrap>table,.pd-table-wrap .hrdb-table,.kpa-detail-table-wrap>table,.kpa-view-table-wrap>table,.pr-detail-table-wrap>table,.pr-behavioral-table-wrap>table,.pr-report-table-wrap>table,.pr-create-card__table-wrap>table,.pr-report__table-wrap>table,.jt-table-wrap>.jt-table,.responsive-table-shell>table,.rc-list-table>table,.rcp-table-shell>table,.rdb-table-wrap>table,.rdb-table-wrap>.rdb-table{min-width:720px;width:max-content}}.tlogin{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--timo-bg);color:var(--timo-text-primary);font-family:var(--timo-font-sans)}@media(max-width:900px){.tlogin{grid-template-columns:1fr}}.tlogin-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px 40px 40px;background:radial-gradient(70% 45% at 30% 108%,rgba(243,134,73,.32),rgba(138,161,254,.14) 50%,transparent 75%),radial-gradient(60% 40% at 10% 0%,rgba(81,100,233,.28),transparent 70%),#0b1026;color:#f3f1ec}@media(max-width:900px){.tlogin-hero{display:none}}.tlogin-hero__brand{display:flex;align-items:center;gap:12px}.tlogin-hero__copy{display:flex;flex-direction:column;gap:14px;max-width:460px;animation:tm-in .6s var(--timo-ease-drift) .1s both}.tlogin-hero__title{margin:0;font:500 40px/1.15 var(--timo-font-sans);letter-spacing:-.02em;color:#f3f1ec}:is([lang=ar],[lang=ckb]) .tlogin-hero__title{letter-spacing:0;line-height:1.35}.tlogin-hero__sub{margin:0;font:400 15.5px/1.6 var(--timo-font-sans);color:#b0b7cb}.tlogin-hero__foot{font:400 12px/1.4 var(--timo-font-sans);color:#8a91a8}.tlogin-panel{display:flex;align-items:center;justify-content:center;padding:40px 24px}.tlogin-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:6px;animation:tm-in .4s var(--timo-ease-drift) both}.tlogin-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px}@media(max-width:900px){.tlogin-mobile-brand{display:flex}}.tlogin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.tlogin-company{display:flex;align-items:center;gap:10px;min-width:0}.tlogin-company__tile{position:relative;width:36px;height:36px;flex:none;border-radius:10px;overflow:hidden;background:#0b1026;color:#e8ba72;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--timo-font-sans)}.tlogin-company__logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;z-index:1}span.tlogin-company__logo{background-color:#fff;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#0b1026}.tlogin-company__text{display:flex;flex-direction:column;gap:2px;min-width:0}.tlogin-company__name{font:600 14px/1.25 var(--timo-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlogin-company__host{font:400 11px/1.2 var(--timo-font-mono);color:var(--timo-text-secondary);direction:ltr;text-align:start}.tlogin-tools{display:flex;align-items:center;gap:8px}.tlogin-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--timo-surface-sunken)}.tlogin-seg button{padding:6px 10px;border-radius:8px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-primary);font:500 12.5px/1.2 var(--timo-font-sans)}.tlogin-seg button.is-active{background:var(--timo-surface);box-shadow:0 1px 2px #0b10261f,inset 0 0 0 1px var(--timo-border)}.tlogin-theme{width:34px;height:34px;border-radius:10px;border:0;cursor:pointer;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);color:var(--timo-text-primary);display:inline-flex;align-items:center;justify-content:center}.tlogin-title{margin:0;font:500 30px/1.2 var(--timo-font-sans);letter-spacing:-.02em}:is([lang=ar],[lang=ckb]) .tlogin-title{letter-spacing:0}.tlogin-sub{margin:0 0 18px;font:400 14.5px/1.5 var(--timo-font-sans);color:var(--timo-text-secondary)}.tlogin-form{display:flex;flex-direction:column;gap:16px}.tlogin-alert{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg);font:500 13.5px/1.45 var(--timo-font-sans)}.tlogin-field{display:flex;flex-direction:column;gap:8px}.tlogin-field label{font:500 13.5px/1.3 var(--timo-font-sans);color:var(--timo-text-primary)}.tlogin-field__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tlogin-field input{width:100%;height:48px;box-sizing:border-box;padding:0 14px;border-radius:12px;border:0;outline:none;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);font:400 15px/1.3 var(--timo-font-sans);color:var(--timo-text-primary);transition:box-shadow var(--timo-duration-quick)}.tlogin-field input::placeholder{color:#898d9b}.tlogin-field input:focus{box-shadow:inset 0 0 0 1.5px var(--timo-brand-primary),0 0 0 4px color-mix(in srgb,var(--timo-brand-primary) 18%,transparent)}[dir=rtl] .tlogin-field input{text-align:right}.tlogin-password{position:relative}.tlogin-password input{padding-inline-end:46px}.tlogin-password__toggle{position:absolute;top:50%;inset-inline-end:6px;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-secondary);display:flex;align-items:center;justify-content:center}.tlogin-link{font:500 13px/1.3 var(--timo-font-sans);color:var(--timo-brand-pressed);text-decoration:none}.dark-mode .tlogin-link{color:var(--timo-brand-primary)}.tlogin-link:hover{text-decoration:underline}.tlogin-check{display:flex;align-items:center;gap:10px;font:400 14px/1.4 var(--timo-font-sans);cursor:pointer}.tlogin-check input{width:18px;height:18px;accent-color:var(--timo-brand-primary)}.tlogin-submit{height:50px;border-radius:12px;border:0;cursor:pointer;margin-top:4px;background:var(--timo-brand-primary);color:var(--timo-brand-on-primary);font:500 15.5px/1 var(--timo-font-sans);transition:background var(--timo-duration-quick)}.tlogin-submit:hover:not(:disabled){background:var(--timo-brand-pressed)}.tlogin-submit:disabled{opacity:.6;cursor:progress}.tlogin-foot{margin:20px 0 0;text-align:center;font:400 12.5px/1.6 var(--timo-font-sans);color:var(--timo-text-secondary)}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:200px}.loading-fullscreen{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);display:flex;justify-content:center;align-items:center;z-index:9999}.dashboard-container .loading-fullscreen{top:72px;left:260px;z-index:999}.dashboard-container.dark-mode .loading-fullscreen,.dark-mode .loading-fullscreen{background:color-mix(in srgb,var(--bg) 90%,transparent)}@media(max-width:768px){.dashboard-container .loading-fullscreen{left:0;top:0}}.loading-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px}.loading-inline .loading-wrapper{flex-direction:row;gap:8px}.loading-inline{display:inline-flex;align-items:center;gap:8px}.loading-fallback{--ring-size: 56px;--ring-thickness: 3px;--ring-color: var(--brand);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ring-size);height:var(--ring-size);flex-shrink:0}.loading-fallback-small{--ring-size: 18px;--ring-thickness: 2px}.loading-fallback-medium{--ring-size: 56px;--ring-thickness: 3px}.loading-fallback-large{--ring-size: 80px;--ring-thickness: 4px}.loading-fallback-inline{--ring-size: 16px;--ring-thickness: 2px}.loading-fallback-ring{width:var(--ring-size);height:var(--ring-size);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--ring-color) 0%,transparent) 30deg,color-mix(in srgb,var(--ring-color) 60%,transparent) 180deg,var(--ring-color) 360deg);-webkit-mask:radial-gradient(circle,transparent calc(50% - var(--ring-thickness) - 1px),#000 calc(50% - var(--ring-thickness)),#000 calc(50% - 1px),transparent 50%);mask:radial-gradient(circle,transparent calc(50% - var(--ring-thickness) - 1px),#000 calc(50% - var(--ring-thickness)),#000 calc(50% - 1px),transparent 50%);animation:loadingRingSpin .9s linear infinite}.loading-fallback-medium:before,.loading-fallback-large:before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ring-color) 14%,transparent) 0%,transparent 65%);pointer-events:none;filter:blur(2px)}@keyframes loadingRingSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-fallback-ring{animation-duration:2.4s}}.loading-text{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:.01em;text-align:center;margin:0;animation:loadingTextPulse 1.8s ease-in-out infinite}.loading-text-inline{font-size:13px}@keyframes loadingTextPulse{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-text{animation:none;opacity:.85}}.loading-spinner,.spinner-ring,.loading-logo,.logo-icon-animated,.logo-text-animated,.loading-fallback-dot{display:none!important}.tfp .tlogin-sub{margin-bottom:22px}.tfp-contact{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border)}.tfp-contact__title{margin:0 0 2px;font:500 12.5px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tfp-contact__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tfp-contact__row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--timo-hairline)}.tfp-contact__row:first-child{border-top:0;padding-top:4px}.tfp-contact__row:last-child{padding-bottom:2px}.tfp-contact__icon{width:36px;height:36px;flex:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.tfp-contact__text{font:500 14.5px/1.4 var(--timo-font-sans);color:var(--timo-text-primary)}.tfp-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;text-decoration:none}.tfp-back:hover{color:var(--timo-brand-on-primary)}.tfp .tlogin-foot{margin-top:18px}.pp-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 480px at 10% -10%,color-mix(in oklab,var(--brand) 16%,transparent),transparent 60%),radial-gradient(900px 420px at 100% 0%,color-mix(in oklab,var(--brand) 10%,transparent),transparent 55%),color-mix(in oklab,var(--brand) 4%,var(--bg, #f8fafc));color:var(--text);font-family:var(--font-sans, inherit);overflow-x:hidden}.pp-page.dark-mode{background:radial-gradient(1200px 480px at 10% -10%,color-mix(in oklab,var(--brand) 22%,transparent),transparent 60%),color-mix(in oklab,var(--brand) 6%,var(--bg, #0f172a))}.pp-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab,var(--surface) 88%,transparent);border-bottom:1px solid var(--border)}.pp-header__inner{max-width:880px;margin-inline:auto;padding:14px max(16px,var(--safe-area-right, 0px)) 14px max(16px,var(--safe-area-left, 0px));display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0}.pp-brand__logo{flex-shrink:0;display:block}.pp-brand__text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.pp-brand__text strong{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-brand__text span{font-size:.72rem;color:var(--muted, #64748b);letter-spacing:.04em;text-transform:uppercase}.pp-header__actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.pp-lang-toggle{min-width:44px;min-height:40px;padding-inline:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:12px;letter-spacing:.06em;cursor:pointer}.pp-lang-toggle:hover{border-color:color-mix(in oklab,var(--brand) 40%,var(--border));color:var(--brand)}.pp-header__login{display:inline-flex;align-items:center;min-height:40px;padding-inline:12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--brand) 35%,var(--border));background:color-mix(in oklab,var(--brand) 10%,var(--surface));color:var(--brand);text-decoration:none;font-size:.85rem;font-weight:600}.pp-header__login:hover{background:color-mix(in oklab,var(--brand) 16%,var(--surface))}.pp-main{flex:1;width:100%;max-width:880px;margin-inline:auto;padding:28px max(16px,var(--safe-area-right, 0px)) 40px max(16px,var(--safe-area-left, 0px))}.pp-article{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:0 12px 36px color-mix(in oklab,var(--text) 5%,transparent)}.pp-hero{margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--border)}.pp-hero__eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.pp-hero__title{margin:0 0 10px;font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}.pp-hero__meta{margin:0;font-size:.92rem;color:var(--muted, #64748b)}.pp-toc{margin-bottom:28px;padding:16px 18px;border-radius:14px;background:color-mix(in oklab,var(--brand) 6%,var(--surface));border:1px solid color-mix(in oklab,var(--brand) 18%,var(--border))}.pp-toc__title{margin:0 0 10px;font-size:.85rem;font-weight:700;color:var(--muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.pp-toc__list{margin:0;padding-inline-start:1.2rem;display:grid;gap:6px}.pp-toc__list a{color:var(--text);text-decoration:none;font-size:.92rem;line-height:1.4}.pp-toc__list a:hover{color:var(--brand);text-decoration:underline}.pp-section{scroll-margin-top:88px;margin-bottom:28px}.pp-section:last-of-type{margin-bottom:8px}.pp-section__title{margin:0 0 12px;font-size:1.15rem;font-weight:750;line-height:1.35;color:var(--text)}.pp-section__p{margin:0 0 10px;font-size:.98rem;line-height:1.7;color:color-mix(in oklab,var(--text) 92%,var(--muted, #64748b))}.pp-section__list{margin:8px 0 0;padding-inline-start:1.25rem;display:grid;gap:8px}.pp-section__list li{font-size:.96rem;line-height:1.65;color:color-mix(in oklab,var(--text) 92%,var(--muted, #64748b))}.pp-contact{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.pp-contact__mail{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in oklab,var(--brand) 28%,var(--border));background:color-mix(in oklab,var(--brand) 8%,var(--surface));text-decoration:none;color:var(--text);font-weight:600}.pp-contact__mail span{font-weight:500;color:var(--brand);font-size:.95rem}.pp-site-footer{border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface) 80%,transparent)}.pp-site-footer__inner{max-width:880px;margin-inline:auto;padding:16px max(16px,var(--safe-area-right, 0px)) max(20px,var(--safe-area-bottom, 0px)) max(16px,var(--safe-area-left, 0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--muted, #64748b)}.pp-site-footer__inner p{margin:0}.pp-site-footer__inner a{color:var(--brand);text-decoration:none;font-weight:600}.pp-site-footer__inner a:hover{text-decoration:underline}@media(max-width:560px){.pp-header__login{display:none}.pp-article{border-radius:14px;padding:20px 16px}.pp-brand__text strong{font-size:.85rem}}.dashboard-container.timo-shell{--tshell-side: var(--timo-surface-sunken);--tshell-chrome: rgba(252, 250, 246, .88);--tshell-ink2: #32343C;--tshell-tx3: #898D9B;--tshell-sel: #F4F7FE;--tshell-selb: #ADBFFF;--tshell-prs: #E6ECFF;--tshell-prt: #3F4EC5;--tshell-scrim: rgba(11, 16, 38, .32);--tshell-sh: 0 20px 60px rgba(11, 16, 38, .18);--tshell-sf2: #FFFFFF;--tshell-full: 272px;--tshell-rail: 72px;--app-sidebar-width: var(--tshell-full);--app-header-height: 62px;background:var(--timo-bg)}.dashboard-container.timo-shell.dark-mode{--tshell-side: #080C21;--tshell-chrome: rgba(11, 16, 38, .86);--tshell-ink2: #D5DAEC;--tshell-tx3: #8A91A8;--tshell-sel: #1C2342;--tshell-selb: #5164E9;--tshell-prs: #202875;--tshell-prt: #ADBFFF;--tshell-scrim: rgba(4, 6, 16, .6);--tshell-sh: 0 20px 60px rgba(0, 0, 0, .5);--tshell-sf2: #1C2342}@media(max-width:1279px){.dashboard-container.timo-shell{--app-sidebar-width: var(--tshell-rail)}}@media(max-width:767px){.dashboard-container.timo-shell{--app-sidebar-width: 0px}}.timo-shell .dashboard-content{padding-left:0!important;padding-right:0!important;padding-inline-start:var(--app-sidebar-width)!important;padding-top:var(--app-header-height)!important;background:var(--timo-bg)}@media(max-width:767px){.timo-shell .dashboard-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}.timo-shell .main-content{background:transparent}.tshell-side{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:60;width:var(--tshell-full);max-width:88vw;box-sizing:border-box;display:flex;flex-direction:column;background:var(--tshell-side);border-inline-end:1px solid var(--timo-hairline);font-family:var(--timo-font-sans);color:var(--timo-text-primary)}.tshell-side--overlay{box-shadow:var(--tshell-sh);animation:tshell-slide .26s var(--timo-ease-drift) both}@keyframes tshell-slide{0%{opacity:.4;transform:translate(calc(var(--tshell-dir, 1) * -24px))}to{opacity:1;transform:none}}[dir=rtl] .tshell-side--overlay{--tshell-dir: -1}@media(max-width:1279px){.tshell-side:not(.tshell-side--overlay){display:none}}.tshell-scrim{position:fixed;inset:0;z-index:59;background:var(--tshell-scrim);animation:tm-fade .2s ease both}.tshell-side__head{padding:18px 14px 12px;display:flex;flex-direction:column;gap:12px;flex:none}.tshell-brand{display:flex;align-items:center;gap:10px;padding:0 6px}.tshell-brand__close{margin-inline-start:auto;width:32px;height:32px;border-radius:50%;background:var(--timo-surface);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--timo-text-primary)}.tshell-company{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border)}.tshell-company__tile{width:30px;height:30px;flex:none;border-radius:8px;overflow:hidden;background:#0b1026;color:#e8ba72;display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--timo-font-sans)}.tshell-company__tile img{width:100%;height:100%;object-fit:contain;background:#fff}.tshell-company__text{display:flex;flex-direction:column;gap:3px;min-width:0}.tshell-company__name{font:600 13px/1.2 var(--timo-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-company__sub{font:400 11px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-ws{display:grid;gap:3px;padding:3px;border-radius:12px;background:var(--timo-hairline)}.tshell-ws__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;border-radius:9px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-secondary);font:400 10.5px/1.2 var(--timo-font-sans);white-space:nowrap;min-width:0}.tshell-ws__btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.tshell-ws__btn.is-active{background:var(--timo-surface);color:var(--tshell-prt);font-weight:600;box-shadow:0 1px 2px #0b10261a}.tshell-search{height:38px;border-radius:11px;border:0;cursor:pointer;width:100%;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--timo-text-secondary)}.tshell-search__ph{flex:1;text-align:start;font:400 13px/1 var(--timo-font-sans);color:var(--tshell-tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-kbd{flex:none;font:500 10.5px/1 var(--timo-font-mono);color:var(--timo-text-secondary);padding:4px 6px;border-radius:6px;background:var(--timo-surface-sunken);direction:ltr}.tshell-nav{flex:1;overflow-y:auto;padding:0 10px 12px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.tshell-nav__label{font:600 11px/1 var(--timo-font-sans);color:var(--tshell-tx3);padding:10px 10px 6px}.tshell-nav__rule{height:1px;background:var(--timo-border);margin:10px 8px 6px;flex:none}.tshell-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;color:var(--tshell-ink2);text-decoration:none;font:400 13.5px/1.25 var(--timo-font-sans)}.tshell-item:hover{background:var(--timo-surface);color:var(--tshell-ink2)}.tshell-item.is-active{background:var(--timo-surface);color:var(--tshell-prt);font-weight:600;box-shadow:0 1px 2px #0b102614,inset 0 0 0 1px var(--timo-hairline)}.tshell-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tshell-item--recent{padding:7px 10px;color:var(--timo-text-secondary);font-size:13px}.tshell-item--recent .tshell-item__ws{flex:none;font:400 10.5px/1 var(--timo-font-sans);color:var(--tshell-tx3)}.tshell-count{flex:none;font:500 10.5px/1 var(--timo-font-mono);color:#fff;background:var(--timo-brand-dot);padding:3px 6px;border-radius:999px}:is([lang=ar],[lang=ckb]) .tshell-count,:is([lang=ar],[lang=ckb]) .tshell-kbd{font-family:var(--timo-font-mono-ar)}.tshell-count--quiet{color:var(--timo-text-secondary);background:var(--timo-hairline)}.tshell-group__head{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px 7px;border-radius:8px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-secondary);font:600 12px/1.2 var(--timo-font-sans);text-align:start}.tshell-group__head:hover{background:var(--timo-hairline)}.tshell-group__title{flex:1}.tshell-group__chev{flex:none;color:var(--tshell-tx3);transition:transform var(--timo-duration-quick) var(--timo-ease-standard)}.tshell-group__head[aria-expanded=false] .tshell-group__chev{transform:rotate(-90deg)}[dir=rtl] .tshell-group__head[aria-expanded=false] .tshell-group__chev{transform:rotate(90deg)}.tshell-group__body{display:flex;flex-direction:column;gap:1px}.tshell-arc{flex:none;margin:10px 14px 0;border-radius:16px;background:#0b1026;color:#f3f1ec;padding:12px 14px;display:flex;align-items:center;gap:12px;text-decoration:none}.tshell-arc:hover{color:#f3f1ec}.tshell-arc__time{font:500 14px/1 var(--timo-font-mono)}:is([lang=ar],[lang=ckb]) .tshell-arc__time{font-family:var(--timo-font-mono-ar)}.tshell-arc__note{font:400 11px/1.3 var(--timo-font-sans);color:#b0b7cb}[dir=rtl] .tshell-arc svg{transform:scaleX(-1)}.tshell-user{flex:none;padding:10px 14px 14px;border-top:1px solid var(--timo-hairline);margin-top:10px}.tshell-user__btn{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border-radius:12px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-primary);text-align:start}.tshell-user__btn:hover{background:var(--timo-surface)}.tshell-user__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tshell-user__name{font:600 13px/1.2 var(--timo-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-user__role{font:400 11px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-avatar{flex:none;border-radius:50%;overflow:hidden;background:var(--timo-status-present-bg);color:var(--timo-status-present-fg);display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--timo-font-sans)}.tshell-avatar img{width:100%;height:100%;object-fit:cover}.tshell-rail{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:58;width:var(--tshell-rail);box-sizing:border-box;background:var(--tshell-side);border-inline-end:1px solid var(--timo-hairline);padding:14px 0;display:none;flex-direction:column;align-items:center;gap:4px;overflow-y:auto;scrollbar-width:none}@media(min-width:768px)and (max-width:1279px){.tshell-rail{display:flex}}.tshell-rail__btn{position:relative;flex:none;width:44px;height:40px;border-radius:12px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--tshell-ink2);text-decoration:none}.tshell-rail__btn:hover{background:var(--timo-surface);color:var(--tshell-ink2)}.tshell-rail__btn.is-active{background:var(--timo-surface);color:var(--tshell-prt);box-shadow:0 1px 2px #0b10261a}.tshell-rail__btn--menu{height:44px;color:var(--timo-text-primary)}.tshell-rail__dot{position:absolute;top:7px;inset-inline-end:7px;width:8px;height:8px;border-radius:50%;background:var(--timo-brand-dot);box-shadow:0 0 0 2px var(--tshell-side)}.tshell-rail__rule{width:28px;height:1px;background:var(--timo-border);margin:8px 0;flex:none}.tshell-top{position:fixed;top:0;inset-inline-end:0;inset-inline-start:var(--app-sidebar-width);z-index:50;height:var(--app-header-height);box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 28px;border-bottom:1px solid var(--timo-hairline);font-family:var(--timo-font-sans);color:var(--timo-text-primary)}.tshell-top:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tshell-chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:767px){.tshell-top{padding:0 14px;gap:8px}}.tshell-crumbs{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;overflow:hidden}.tshell-crumbs__sep{color:var(--tshell-tx3)}.tshell-crumbs__page{font-weight:600;color:var(--timo-text-primary);overflow:hidden;text-overflow:ellipsis}@media(max-width:1023px){.tshell-crumbs__trail{display:none}}.tshell-btn{flex:none;height:40px;min-width:40px;border-radius:12px;border:0;cursor:pointer;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;box-sizing:border-box;color:var(--timo-text-primary);font:500 13px/1 var(--timo-font-sans);position:relative}.tshell-btn:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--timo-border) 50%,var(--timo-text-secondary))}.tshell-btn--search{padding:0 12px;color:var(--timo-text-secondary)}@media(min-width:1024px){.tshell-btn--search{flex:0 1 360px;min-width:220px;justify-content:flex-start;gap:10px}.tshell-btn--search .tshell-btn__label{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.tshell-btn--search .tshell-btn__label{font-weight:400;color:var(--tshell-tx3)}@media(max-width:1023px){.tshell-btn--search .tshell-btn__label,.tshell-btn--search .tshell-kbd{display:none}}.tshell-btn__badge{position:absolute;top:6px;inset-inline-end:6px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--timo-brand-dot);color:#fff;font:600 10px/16px var(--timo-font-mono);text-align:center;box-shadow:0 0 0 2px var(--timo-surface)}.tshell-avatar-btn{flex:none;width:40px;height:40px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:0 0 0 2px var(--timo-bg),0 0 0 3.5px var(--timo-border);background:transparent}.tshell-avatar-btn .tshell-avatar{width:40px;height:40px;font-size:13px}.tshell-phone-only{display:none!important}@media(max-width:767px){.tshell-phone-only{display:inline-flex!important}.tshell-hide-phone{display:none!important}}.tshell-pop{position:fixed;top:58px;inset-inline-end:28px;z-index:80;width:300px;max-width:calc(100% - 24px);box-sizing:border-box;border-radius:18px;background:var(--tshell-sf2);box-shadow:var(--tshell-sh),inset 0 0 0 1px var(--timo-border);padding:8px;display:flex;flex-direction:column;gap:2px;animation:tm-pop .26s var(--timo-ease-drift) both;font-family:var(--timo-font-sans);color:var(--timo-text-primary)}@media(max-width:767px){.tshell-pop{inset-inline-end:12px}}.tshell-pop__catch{position:fixed;inset:0;z-index:79}.tshell-pop__who{display:flex;align-items:center;gap:12px;padding:12px}.tshell-pop__who .tshell-avatar{width:42px;height:42px;font-size:14px}.tshell-pop__name{font:600 14px/1.25 var(--timo-font-sans)}.tshell-pop__meta{font:400 12px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tshell-pop__mail{font:400 11.5px/1.2 var(--timo-font-mono);color:var(--tshell-tx3);direction:ltr;text-align:start;word-break:break-all}.tshell-pop__rule{height:1px;background:var(--timo-hairline);margin:2px 6px}.tshell-pop__link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-primary);text-decoration:none;text-align:start;font:400 13.5px/1.3 var(--timo-font-sans)}.tshell-pop__link:hover{background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.tshell-pop__link svg{color:var(--timo-text-secondary)}.tshell-pop__link--danger,.tshell-pop__link--danger svg{color:var(--timo-status-absent-fg);font-weight:500}.tshell-pop__link--danger:hover{color:var(--timo-status-absent-fg)}.tshell-pop__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font:400 13.5px/1.3 var(--timo-font-sans)}.tshell-seg{display:flex;padding:3px;border-radius:10px;background:var(--timo-surface-sunken)}.tshell-seg button{padding:6px 10px;border-radius:8px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-primary);font:500 12px/1.2 var(--timo-font-sans)}.tshell-seg button.is-active{background:var(--tshell-sf2);box-shadow:0 1px 2px #0b10261f,inset 0 0 0 1px var(--timo-border)}.tshell-pop__select{height:32px!important;min-height:0!important;width:auto!important;padding:0 8px!important;border-radius:10px;border:0;cursor:pointer;background:var(--timo-surface-sunken);color:var(--timo-text-primary);font:500 12px/1.2 var(--timo-font-sans)}.tshell-pop__foot{padding:6px 12px 4px;font:400 11px/1.4 var(--timo-font-sans);color:var(--tshell-tx3)}.tshell-pal-scrim{position:fixed;inset:0;z-index:90;background:var(--tshell-scrim);animation:tm-fade .2s ease both}.tshell-pal{position:fixed;top:12vh;left:50%;transform:translate(-50%);z-index:91;width:640px;max-width:calc(100% - 24px);max-height:70vh;border-radius:20px;background:var(--tshell-sf2);box-shadow:var(--tshell-sh),inset 0 0 0 1px var(--timo-border);display:flex;flex-direction:column;overflow:hidden;animation:tm-fade .22s ease both;font-family:var(--timo-font-sans);color:var(--timo-text-primary)}@media(max-width:767px){.tshell-pal{top:12px;max-height:calc(100% - 24px)}}.tshell-pal__bar{display:flex;align-items:center;gap:12px;padding:0 18px;height:58px;border-bottom:1px solid var(--timo-hairline);flex:none;color:var(--timo-text-secondary)}.tshell-pal__input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:400 16px/1.4 var(--timo-font-sans);color:var(--timo-text-primary)}.tshell-pal__input::placeholder{color:var(--tshell-tx3)}.tshell-pal__list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.tshell-pal__head{font:600 11px/1 var(--timo-font-sans);color:var(--tshell-tx3);padding:12px 12px 6px}.tshell-pal__row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:0;cursor:pointer;background:transparent;color:var(--timo-text-primary);text-align:start}.tshell-pal__row.is-hi{background:var(--tshell-sel);box-shadow:inset 0 0 0 1.5px var(--tshell-selb)}.tshell-pal__ic{flex:none;width:32px;height:32px;border-radius:10px;background:var(--timo-surface-sunken);color:var(--timo-text-secondary);display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--timo-font-sans)}.tshell-pal__ic--person{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.tshell-pal__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tshell-pal__label{font:500 14px/1.35 var(--timo-font-sans)}.tshell-pal__sub{font:400 12px/1.35 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tshell-pal__empty{padding:36px 20px;text-align:center;display:flex;flex-direction:column;gap:6px}.tshell-pal__empty b{font:500 15px/1.4 var(--timo-font-sans)}.tshell-pal__empty span{font:400 13px/1.5 var(--timo-font-sans);color:var(--timo-text-secondary)}.tshell-pal__foot{flex:none;display:flex;gap:16px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--timo-hairline);font:400 12px/1.3 var(--timo-font-sans);color:var(--tshell-tx3)}.tshell-pal__foot span:last-child{margin-inline-start:auto}.tshell-bottom{position:fixed;left:0;right:0;bottom:0;z-index:55;height:calc(68px + env(safe-area-inset-bottom,0px));padding:0 6px calc(6px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--tshell-chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--timo-hairline);display:none;grid-template-columns:repeat(5,1fr);font-family:var(--timo-font-sans)}@media(max-width:767px){.tshell-bottom{display:grid}}body:has(.tp-scrim,[aria-modal=true]) .ai-assistant{display:none}@media(max-width:767px){body:has(.tp-scrim,[aria-modal=true]) .tshell-bottom{display:none}}.tshell-bottom__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;cursor:pointer;text-decoration:none;color:var(--timo-text-secondary);font:500 10.5px/1.2 var(--timo-font-sans);white-space:nowrap}.tshell-bottom__btn.is-active{color:var(--tshell-prt)}.timo-shell>.dashboard-header,.timo-shell .dashboard-content>aside.sidebar,.timo-shell .dashboard-content>.sidebar-overlay{display:none!important}.tshell-top .notifications-panel-container,.tshell-top .break-timer-container{position:relative;flex:none;display:inline-flex}.tshell-top .notification-icon-wrapper,.tshell-top .break-timer-trigger{height:40px!important;min-width:40px!important;width:auto!important;padding:0 10px!important;box-sizing:border-box!important;border:0!important;border-radius:12px!important;cursor:pointer;background:var(--timo-surface)!important;box-shadow:inset 0 0 0 1px var(--timo-border)!important;color:var(--timo-text-primary)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;position:relative;transform:none!important;animation:none!important}.tshell-top .notification-bell-mask{background-color:var(--timo-text-primary)!important;animation:none!important}.tshell-top .notification-badge{position:absolute!important;top:6px!important;inset-inline-end:6px!important;left:auto;right:auto;min-width:16px!important;height:16px!important;padding:0 4px!important;box-sizing:border-box;border-radius:999px!important;border:0!important;background:var(--timo-brand-dot)!important;color:#fff!important;font:600 10px/16px var(--timo-font-mono)!important;text-align:center;box-shadow:0 0 0 2px var(--timo-surface)!important}[dir=rtl] .tshell-top .notification-badge{right:auto!important}[dir=ltr] .tshell-top .notification-badge{left:auto!important}.tshell-top .break-timer-trigger.is-on-break{border:1.5px solid transparent!important;box-shadow:none!important;background:linear-gradient(var(--timo-surface),var(--timo-surface)) padding-box,linear-gradient(100deg,#8aa1fe,#cdb3fe 55%,#3cc29e) border-box!important;color:var(--timo-text-primary)!important}.tshell-top .break-timer-trigger.is-on-break.is-phase-late{background:linear-gradient(var(--timo-surface),var(--timo-surface)) padding-box,linear-gradient(100deg,#e8ba72,#f38649) border-box!important}.tshell-top .break-timer-trigger.is-on-break span{font-family:var(--timo-font-mono);font-variant-numeric:tabular-nums}:is([lang=ar],[lang=ckb]) .tshell-top .break-timer-trigger.is-on-break span{font-family:var(--timo-font-mono-ar)}.dark-mode .tshell-company__tile img{background:transparent}@media(max-width:767px){.timo-shell .ai-assistant{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}.tshell-top .notifications-dropdown{position:fixed!important;top:0!important;bottom:0!important;inset-inline-end:0!important;left:auto;right:auto;inset-inline-start:auto!important;width:400px!important;max-width:100vw!important;max-height:none!important;height:auto!important;margin:0!important;border-radius:0!important;border:0!important;background:var(--timo-bg)!important;box-shadow:var(--tshell-sh)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:85!important;transform:none!important;animation:tm-pop .26s var(--timo-ease-drift) both!important;font-family:var(--timo-font-sans);color:var(--timo-text-primary)}[dir=ltr] .tshell-top .notifications-dropdown{right:0!important;left:auto!important}[dir=rtl] .tshell-top .notifications-dropdown{left:0!important;right:auto!important}.tshell-top .notifications-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;padding:18px 20px 12px!important;background:transparent!important;border:0!important}.tshell-top .notifications-header h3{margin:0;font:600 18px/1.3 var(--timo-font-sans)!important;color:var(--timo-text-primary)!important}.tshell-top .mark-all-read-btn{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 8px!important;color:var(--tshell-prt)!important;font:500 13px/1 var(--timo-font-sans)!important;border-radius:10px!important}.tshell-top .mark-all-read-btn:hover:not(:disabled){background:var(--tshell-prs)!important}.tshell-top .notif-panel-tabs{display:flex!important;gap:6px!important;padding:0 20px 12px!important;margin:0!important;border-bottom:1px solid var(--timo-hairline)!important;background:transparent!important}.tshell-top .notif-panel-tabs__btn{padding:8px 12px!important;border-radius:999px!important;border:0!important;cursor:pointer;background:var(--timo-surface-sunken)!important;color:var(--timo-text-primary)!important;font:500 12.5px/1.2 var(--timo-font-sans)!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:6px}.tshell-top .notif-panel-tabs__btn.is-active{background:var(--timo-deep-space)!important;color:#f3f1ec!important}.dark-mode .tshell-top .notif-panel-tabs__btn.is-active{background:#f3f1ec!important;color:#0b1026!important}.tshell-top .notif-panel-tabs__count{background:var(--timo-brand-dot)!important;color:#fff!important;border-radius:999px;padding:2px 6px;font:600 10.5px/1 var(--timo-font-mono)}.tshell-top .notifications-list{flex:1!important;overflow-y:auto!important;max-height:none!important;padding:8px 10px!important;background:transparent!important}.tshell-top .notif-list{display:flex;flex-direction:column;gap:2px}.tshell-top .notif-row{border-radius:14px!important;border:0!important;background:transparent!important;box-shadow:none!important}.tshell-top .notif-row:hover{background:var(--timo-surface-sunken)!important}.tshell-top .notif-row--unread{background:var(--timo-surface)!important}.tshell-top .notif-row__title{font:500 13.5px/1.35 var(--timo-font-sans)!important;color:var(--timo-text-primary)!important}.tshell-top .notif-row--unread .notif-row__title{font-weight:600!important}.tshell-top .notif-row__body,.tshell-top .notif-row__sub{font:400 12.5px/1.45 var(--timo-font-sans)!important;color:var(--timo-text-secondary)!important}.tshell-top .notif-row__time{font:400 11px/1.4 var(--timo-font-mono)!important;color:var(--tshell-tx3)!important}.tshell-top .notif-row__dot{background:var(--timo-brand-dot)!important}.tshell-top .no-notifications{padding:40px 20px!important;text-align:center;color:var(--timo-text-secondary)!important;font:400 13.5px/1.5 var(--timo-font-sans)!important}.tshell-top .notifications-footer{padding:14px 20px!important;border-top:1px solid var(--timo-hairline)!important;background:transparent!important}.tshell-top .view-all-notifications-btn{width:100%;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--tshell-prt)!important;font:500 13px/1 var(--timo-font-sans)!important;padding:8px!important;border-radius:10px!important}.tshell-top .view-all-notifications-btn:hover{background:var(--tshell-prs)!important}.tshell-top .notifications-header .mark-all-read-btn,.tshell-top .notifications-header .mark-all-read-btn--rtl{background:transparent!important;border:0!important}.tshell-top .notifications-header .mark-all-read-btn__inner{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--tshell-prt)!important;display:inline-flex;align-items:center;gap:6px}.notifications-panel-container{position:relative;display:inline-block}.notification-icon-wrapper{position:relative;cursor:pointer;width:44px;height:44px;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 2px 10px #00000014;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.notification-icon-wrapper:hover{background:color-mix(in srgb,var(--text) 9%,transparent);border-color:color-mix(in srgb,var(--text) 16%,transparent);transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.dark-mode .notification-icon-wrapper{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent);border-color:color-mix(in srgb,var(--text) 16%,transparent);box-shadow:0 2px 12px #0000004d}.dark-mode .notification-icon-wrapper:hover{background:color-mix(in srgb,var(--text) 14%,transparent);border-color:color-mix(in srgb,var(--text) 22%,transparent)}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:900;line-height:1;border:2px solid var(--surface);box-shadow:0 4px 10px color-mix(in srgb,var(--danger) 28%,transparent),0 1px 3px #0000002e;text-shadow:0 1px 1px rgba(0,0,0,.25);z-index:50;pointer-events:none}.dark-mode .notification-badge{border-color:var(--surface);box-shadow:0 4px 12px color-mix(in srgb,var(--danger) 35%,transparent),0 1px 3px #0000004d}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(400px,calc(100vw - var(--safe-area-left, 0px) - var(--safe-area-right, 0px) - 20px));max-height:85vh;color:var(--text);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden;display:flex;flex-direction:column;animation:notifDropdownEnter .22s cubic-bezier(.22,1,.36,1)}@keyframes notifDropdownEnter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{flex-shrink:0;padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface)}.notifications-header h3{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:var(--lh-tight)}.notif-panel-tabs{display:flex;gap:6px;flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--text) 3%,var(--surface))}.notif-panel-tabs__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-size:.8rem;font-weight:650;cursor:pointer;transition:background-color .15s ease,color .15s ease}.notif-panel-tabs__btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.notif-panel-tabs__btn.is-active{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #00000014;border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.notif-panel-tabs__count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:.68rem;font-weight:800;line-height:1}.mark-all-read-btn{flex-shrink:0;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;border-radius:999px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease,border-color .18s ease,opacity .18s ease}.mark-all-read-btn__inner{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:5px 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--brand) 28%,var(--border));background:var(--surface);color:var(--brand);font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;line-height:1.2}.mark-all-read-btn__icon{flex-shrink:0;opacity:.92}.mark-all-read-btn__label{white-space:nowrap;max-width:min(200px,42vw);overflow:hidden;text-overflow:ellipsis}.mark-all-read-btn--rtl .mark-all-read-btn__inner{flex-direction:row-reverse}.mark-all-read-btn:hover:not(:disabled) .mark-all-read-btn__inner{background:color-mix(in oklab,var(--brand) 5%,var(--surface));border-color:color-mix(in oklab,var(--brand) 42%,var(--border));color:var(--brand)}.mark-all-read-btn:active:not(:disabled) .mark-all-read-btn__inner{transform:scale(.98);box-shadow:0 1px 4px color-mix(in oklab,var(--brand) 14%,transparent)}.mark-all-read-btn:focus-visible{outline:none}.mark-all-read-btn:focus-visible .mark-all-read-btn__inner{box-shadow:var(--focus-ring),0 4px 14px color-mix(in oklab,var(--brand) 18%,transparent)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.48}.mark-all-read-btn:disabled .mark-all-read-btn__inner{border-color:var(--border);background:color-mix(in oklab,var(--muted) 8%,var(--surface));color:var(--muted);box-shadow:none}.mark-all-read-btn__spinner{width:15px;height:15px;flex-shrink:0;border:2px solid color-mix(in oklab,var(--brand) 22%,transparent);border-top-color:var(--brand);border-radius:50%;animation:mark-all-read-spin .65s linear infinite}@keyframes mark-all-read-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.notifications-dropdown,.notification-toast{animation:none}.mark-all-read-btn__spinner{animation:none;border-top-color:transparent;opacity:.7}.mark-all-read-btn:active:not(:disabled) .mark-all-read-btn__inner{transform:none}.view-all-notifications-btn:active{transform:none}}.notifications-list{flex:1;min-height:0;overflow:visible;padding:0}.no-notifications{padding:36px 20px;text-align:center;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-normal)}.ceo-notifications-message p{margin:0 0 4px}.notifications-dropdown-aux-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;margin-inline:auto;min-height:38px;padding:8px 14px;border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,transform .15s ease}.notifications-dropdown-aux-btn:hover{background:color-mix(in oklab,var(--brand) 5%,var(--surface));border-color:color-mix(in oklab,var(--brand) 28%,var(--border))}.notifications-dropdown-aux-btn:active{transform:scale(.99)}.notifications-dropdown-aux-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.notifications-footer{flex-shrink:0;padding:8px 10px;border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:stretch;align-items:stretch}.view-all-notifications-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent);transition:background .15s ease,border-color .15s ease,color .15s ease}.view-all-notifications-btn__text{line-height:var(--lh-tight)}.view-all-notifications-btn__chevron{flex-shrink:0;opacity:.95}.view-all-notifications-btn--rtl{flex-direction:row-reverse}.view-all-notifications-btn--rtl .view-all-notifications-btn__chevron{transform:scaleX(-1)}.view-all-notifications-btn:hover{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:color-mix(in srgb,var(--brand) 24%,transparent)}.view-all-notifications-btn:active{background:color-mix(in srgb,var(--brand) 18%,transparent)}.view-all-notifications-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 28%,transparent)}.notification-toast{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:var(--timo-surface);color:var(--timo-text-primary);box-shadow:0 0 0 1px var(--timo-hairline),0 18px 44px #0b102629;font-family:var(--timo-font-sans);z-index:10001;animation:notifToastEnter .28s var(--timo-ease-drift, cubic-bezier(.22, 1, .36, 1))}@keyframes notifToastEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ntt-tile{flex:none;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-status-pending-bg);color:var(--timo-status-pending-fg)}.ntt-tile--present{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.ntt-tile--late{background:var(--timo-status-late-bg);color:var(--timo-status-late-fg)}.ntt-tile--absent{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.ntt-tile--leave{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.ntt-tile--holiday{background:var(--timo-status-holiday-bg);color:var(--timo-status-holiday-fg)}.ntt-tile--overtime{background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.ntt-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.ntt-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ntt-title{font:600 14px/1.35 var(--timo-font-sans);overflow-wrap:anywhere}.ntt-time{flex:none;font:400 12px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap}.ntt-msg{margin:0;font:400 13px/1.45 var(--timo-font-sans);color:var(--timo-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ntt-from{font:500 12px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}@media(max-width:768px){.notifications-panel-container{position:static}.notification-icon-wrapper{width:40px;height:40px;padding:8px}.notification-badge{top:-5px;right:-5px;min-width:20px;height:20px;font-size:11px;border-width:1.5px}.notifications-dropdown{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(8px,var(--safe-area-right, 0px));left:max(8px,var(--safe-area-left, 0px));width:auto;max-height:calc(100dvh - var(--app-header-height, 64px) - var(--app-footer-height, 44px) - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px) - 20px);border-radius:14px;z-index:12000}.notifications-header{padding:12px 14px}.notifications-header h3{font-size:16px}.notifications-list{max-height:none;flex:1;min-height:0}.notification-toast{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(8px,var(--safe-area-right, 0px));left:max(8px,var(--safe-area-left, 0px));width:auto;max-width:none}}.notification-bell-mask{display:inline-block;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;background-color:var(--timo-deep-space);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:14px 14px;mask-size:14px 14px;transition:background-color .15s ease}.notification-bell-mask.is-empty{-webkit-mask-image:url(/bell-empty.svg);mask-image:url(/bell-empty.svg)}.notification-bell-mask.is-ringing{-webkit-mask-image:url(/bell-ringing.svg);mask-image:url(/bell-ringing.svg);background-color:var(--timo-status-absent)}.dashboard-container.dark-mode .notification-bell-mask.is-empty,html.dark-mode .notification-bell-mask.is-empty{background-color:#f1f5f9}.dashboard-container.dark-mode .notification-bell-mask.is-ringing,html.dark-mode .notification-bell-mask.is-ringing{background-color:var(--timo-status-absent)}.notification-icon-wrapper:hover .notification-bell-mask.is-empty{background-color:var(--brand)}.notification-icon-wrapper:hover .notification-bell-mask.is-ringing,.dashboard-container.dark-mode .notification-icon-wrapper:hover .notification-bell-mask.is-ringing,html.dark-mode .notification-icon-wrapper:hover .notification-bell-mask.is-ringing{background-color:var(--timo-status-absent)}.notif-row{position:relative;background:var(--surface);font:inherit;color:inherit;text-align:start;transition:background-color .15s ease;border-bottom:1px solid var(--border)}.notif-row.notif-row--last{border-bottom:none}.notif-row__main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.notif-row:hover{background:color-mix(in oklab,var(--brand) 3%,var(--surface))}.notif-row__main:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 60%,transparent);outline-offset:-2px}.notif-row{--row-tone: var(--muted)}.notif-row--success{--row-tone: var(--success)}.notif-row--danger{--row-tone: var(--danger)}.notif-row--warning{--row-tone: var(--warning)}.notif-row--info{--row-tone: var(--info)}.notif-row--brand{--row-tone: var(--brand)}.notif-row--muted{--row-tone: var(--muted)}.notif-row--unread{background:color-mix(in oklab,var(--row-tone) 6%,var(--surface))}.notif-row--unread:hover{background:color-mix(in oklab,var(--row-tone) 10%,var(--surface))}.notif-row--unread .notif-row__title{color:var(--text);font-weight:600}.notif-row:not(.notif-row--unread) .notif-row__title{color:color-mix(in oklab,var(--text) 78%,var(--muted));font-weight:500}.notif-row:not(.notif-row--unread) .notif-row__dot{opacity:.5}.notif-row__dot{width:10px;height:10px;border-radius:50%;background:var(--row-tone);flex-shrink:0}.notif-row__body{min-width:0;display:flex;flex-direction:column;gap:2px}.notif-row__head{display:inline-flex;align-items:baseline;gap:8px;min-width:0}.notif-row__title{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3;transition:color .15s ease,font-weight .15s ease}.notif-row__sub{display:inline-flex;align-items:baseline;gap:6px;min-width:0;font-size:.76rem;color:var(--muted);line-height:1.35}.notif-row__actor{font-weight:600;color:color-mix(in oklab,var(--text) 80%,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch;flex-shrink:0}.notif-row__sub-sep{color:var(--muted);flex-shrink:0}.notif-row__detail{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.notif-row__time{color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}.notif-row__actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.notif-row__mark-read{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:1px solid color-mix(in oklab,var(--success) 30%,var(--border));background:color-mix(in oklab,var(--success) 8%,var(--surface));color:var(--success);cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.notif-row__mark-read:hover{background:color-mix(in oklab,var(--success) 16%,var(--surface));border-color:color-mix(in oklab,var(--success) 48%,var(--border));transform:scale(1.06)}.notif-row__mark-read:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 30%,transparent)}.notif-row__expand{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;font-size:.7rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.notif-row__expand:hover{background:color-mix(in oklab,var(--brand) 6%,var(--surface));border-color:color-mix(in oklab,var(--brand) 28%,var(--border));color:var(--brand)}.notif-row__step-count{font-variant-numeric:tabular-nums}.notif-list{display:flex;flex-direction:column}.notif-row--expanded{background:color-mix(in oklab,var(--brand) 3%,var(--surface))}.notif-row__timeline{list-style:none;margin:0;padding:8px 16px 12px 38px;display:flex;flex-direction:column;gap:0;position:relative;border-top:1px dashed var(--border)}.notif-row__timeline--loading,.notif-row__timeline--error{display:block;padding:10px 16px;font-size:.78rem;line-height:1.4;color:var(--muted);border-top:1px dashed var(--border);font-style:italic}.notif-row__timeline--error{color:color-mix(in oklab,var(--danger) 75%,var(--text));font-style:normal}html[dir=rtl] .notif-row__timeline{padding:8px 38px 12px 16px}.notif-step{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;position:relative}.notif-step:before{content:"";position:absolute;left:6px;top:-2px;bottom:-2px;width:2px;background:var(--border);border-radius:2px}html[dir=rtl] .notif-step:before{left:auto;right:6px}.notif-step:first-child:before{top:50%}.notif-step.is-last:before{bottom:50%}.notif-step__dot{width:12px;height:12px;border-radius:50%;position:relative;z-index:1;border:2px solid var(--surface);background:var(--muted)}.notif-step--success .notif-step__dot{background:var(--success)}.notif-step--danger .notif-step__dot{background:var(--danger)}.notif-step--warning .notif-step__dot{background:var(--warning)}.notif-step--info .notif-step__dot{background:var(--info)}.notif-step--brand .notif-step__dot{background:var(--brand)}.notif-step__body{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;min-width:0;color:var(--text);font-size:.82rem}.notif-step__label{font-weight:600}.notif-step__actor{color:var(--muted)}.notif-step__actor strong{color:var(--text);font-weight:600}.notif-step__time{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.notif-step--pending .notif-step__dot{background:var(--surface);border-style:dashed}.notif-step--pending .notif-step__label{color:var(--muted);font-style:italic}@media(max-width:480px){.notif-row__main{padding:11px 12px;gap:10px}.notif-row__title{font-size:.86rem}.notif-row__dot{width:9px;height:9px}.notif-row__timeline{padding-left:30px}html[dir=rtl] .notif-row__timeline{padding-left:16px;padding-right:30px}}.break-timer-container{position:relative;margin:0}.break-timer-card,.break-timer-trigger{--coffee: #8b5a2b;--coffee-soft: #d4a574;--coffee-steam: #b88563}.dashboard-container.dark-mode .break-timer-card,.dashboard-container.dark-mode .break-timer-trigger,html[data-header-style=floating].dark-mode .break-timer-card,html[data-header-style=floating].dark-mode .break-timer-trigger{--coffee: #c89b6f;--coffee-soft: #f0d3a8;--coffee-steam: #e8c89a}.break-timer-trigger{position:relative;overflow:visible!important}.break-timer-trigger:before,.break-timer-trigger:after{content:"";position:absolute;top:6px;left:50%;width:2px;height:7px;background:var(--coffee-steam);border-radius:999px;opacity:0;pointer-events:none;filter:blur(.4px);transform-origin:bottom center}.break-timer-trigger:before{margin-left:-5px;animation:cupSteam 2.4s ease-out infinite}.break-timer-trigger:after{margin-left:3px;animation:cupSteam 2.4s ease-out infinite;animation-delay:1.2s}.break-timer-trigger:hover:before,.break-timer-trigger:hover:after{animation-duration:1.8s}@keyframes cupSteam{0%{opacity:0;transform:translate3d(0,4px,0) scaleY(.5)}25%{opacity:.85;transform:translate3d(1px,0,0) scaleY(1)}60%{opacity:.5;transform:translate3d(-1px,-8px,0) scaleY(1.2)}to{opacity:0;transform:translate3d(2px,-14px,0) scaleY(1.4)}}@media(prefers-reduced-motion:reduce){.break-timer-trigger:before,.break-timer-trigger:after{animation:none;opacity:.4}}.break-timer-trigger.is-on-break:before{left:20px;margin-left:-5px}.break-timer-trigger.is-on-break:after{left:20px;margin-left:3px}.break-timer-card{background:var(--surface);border-radius:14px;padding:18px 16px 16px;box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent),0 12px 32px color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border);min-width:280px;max-width:320px;position:absolute;top:calc(100% + 12px);right:0;z-index:1000;animation:slideDown .3s ease-out;overflow:hidden;text-align:center}.break-timer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--coffee) 0%,var(--coffee-soft) 100%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.break-header{display:flex;align-items:center;flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);justify-content:center;text-align:center}.break-icon{display:none}.break-header-content{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.break-title{margin:0;font-size:17px;font-weight:700;color:var(--text);text-align:center;letter-spacing:-.01em}.break-time-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted);flex-wrap:wrap;font-variant-numeric:tabular-nums}.break-time-label{font-weight:500}.break-time-value{font-weight:600;color:var(--chip-fg)}.break-time-separator{margin:0 4px;color:color-mix(in srgb,var(--muted) 85%,transparent)}.break-active{text-align:center;padding:8px 0}.break-timer-display{margin-bottom:16px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--chip-fg) 10%,transparent),color-mix(in srgb,var(--chip-fg) 14%,transparent));border-radius:10px;border:2px solid color-mix(in srgb,var(--chip-fg) 22%,transparent)}.timer-label{font-size:11px;color:var(--muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-size:32px;font-weight:700;color:var(--chip-fg);font-family:Courier New,monospace;letter-spacing:2px;line-height:1.2}.break-finish-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.break-finish-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.break-finish-btn:disabled{opacity:.6;cursor:not-allowed}.break-inactive{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.break-message{color:var(--muted);margin:0;font-size:13px;text-align:center;line-height:1.5;max-width:240px}.break-start-btn{position:relative;background:var(--coffee, #8b5a2b);color:#fff;border:1px solid var(--coffee, #8b5a2b);padding:11px 44px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .18s ease,transform .12s ease,box-shadow .18s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;box-shadow:0 4px 14px color-mix(in srgb,var(--coffee, #8b5a2b) 32%,transparent)}.break-start-btn>svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);flex-shrink:0}.break-start-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--coffee, #8b5a2b) 42%,transparent)}.break-start-btn:disabled{opacity:.6;cursor:not-allowed}.break-inactive.is-cooldown{text-align:center}.break-outside-hours-message{color:var(--text);background:color-mix(in srgb,var(--muted) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--muted) 24%,transparent);border-radius:8px;padding:10px 12px;margin:0 0 4px;font-size:13px;line-height:1.5;font-weight:500}.break-cooldown-taken{color:var(--text);background:color-mix(in srgb,var(--success) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 26%,transparent);border-radius:8px;padding:8px 12px;margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}.break-cooldown-message{color:var(--text);background:color-mix(in srgb,var(--brand) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:13px;line-height:1.5}.break-cooldown-eta{color:var(--muted);font-size:12px;margin:0 0 16px}.break-cooldown-eta strong{color:var(--text);font-weight:600}.break-error{padding:8px 12px;background:color-mix(in srgb,var(--error) 14%,var(--surface));color:var(--error);border:1px solid color-mix(in srgb,var(--error) 28%,transparent);border-radius:6px;margin-bottom:16px;font-size:14px}.break-auto-finish-message{font-size:13px;color:var(--muted);text-align:center;margin-top:12px;font-style:italic}.break-pause-btn{margin-top:12px;background:color-mix(in srgb,var(--chip-fg) 70%,gray);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.break-pause-btn:hover:not(:disabled){background:color-mix(in srgb,var(--chip-fg) 60%,gray);transform:translateY(-1px)}.break-pause-btn:disabled{opacity:.6;cursor:not-allowed}.break-paused .break-paused-label{font-size:13px;color:var(--muted);margin-top:8px;margin-bottom:12px;font-style:italic}.break-timer-trigger:hover{background:color-mix(in srgb,var(--header-text-color, #ffffff) 22%,transparent)}.break-timer-trigger.is-on-break:hover{background:var(--timo-brand-primary)}.dark-mode .break-timer-trigger{border-color:#444;color:var(--timo-text-primary)!important}.dark-mode .break-timer-trigger svg{color:inherit!important}.dark-mode .break-timer-trigger:hover{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 20%,transparent)}.dark-mode .break-timer-trigger.is-on-break:hover{background:var(--timo-brand-primary)!important}.break-timer-trigger.break-timer-trigger--compact{width:100%;max-width:100%;min-height:44px;justify-content:flex-start;box-sizing:border-box;text-align:start}.break-timer-trigger--compact span{flex:0 1 auto;min-width:0}.dashboard-container:not(.dark-mode) .mobile-header-tools-dropdown .break-timer-trigger.break-timer-trigger--compact:not(.is-on-break){color:#0f172a!important;border-color:color-mix(in srgb,var(--timo-border) 12%,transparent)!important;background:color-mix(in srgb,var(--timo-bg) 6%,transparent)!important}@media(max-width:768px){.break-timer-card{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(8px,var(--safe-area-right, 0px));left:max(8px,var(--safe-area-left, 0px));width:auto;padding:16px;min-width:0;max-width:none;z-index:12010}[dir=rtl] .break-timer-card{right:max(8px,var(--safe-area-right, 0px));left:max(8px,var(--safe-area-left, 0px))}.break-header{flex-direction:column;align-items:center;gap:12px}.break-icon{width:36px;height:36px;margin-inline:auto}.break-title{font-size:14px}.break-header-content{width:100%;align-items:center}.timer-value{font-size:28px;letter-spacing:1px}.break-time-info{font-size:11px}}.break-timer-display.break-timer-display--ring{position:relative;width:168px;height:168px;margin:12px auto 8px;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.break-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.break-ring__bg{fill:none;stroke:color-mix(in oklab,var(--muted, #94a3b8) 22%,transparent);stroke-width:7}.break-ring__fill{fill:none;stroke:var(--brand, #5e6ad2);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .9s linear,stroke .35s ease}.break-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.break-ring__center .timer-label{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #64748b);background:transparent!important;padding:0!important}.break-ring__center .timer-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--brand, #5e6ad2);font-variant-numeric:tabular-nums;line-height:1;transition:color .35s ease;background:transparent!important;padding:0!important}.break-active.is-phase-fresh .break-ring__fill,.break-paused.is-phase-fresh .break-ring__fill{stroke:var(--brand, #5e6ad2)}.break-active.is-phase-fresh .break-ring__center .timer-value,.break-paused.is-phase-fresh .break-ring__center .timer-value{color:var(--brand, #5e6ad2)}.break-active.is-phase-mid .break-ring__fill,.break-paused.is-phase-mid .break-ring__fill{stroke:var(--warning, #d97706)}.break-active.is-phase-mid .break-ring__center .timer-value,.break-paused.is-phase-mid .break-ring__center .timer-value{color:var(--warning, #d97706)}.break-active.is-phase-late .break-ring__fill,.break-paused.is-phase-late .break-ring__fill{stroke:var(--danger, #ef4444);animation:break-ring-pulse 1.6s ease-in-out infinite}.break-active.is-phase-late .break-ring__center .timer-value,.break-paused.is-phase-late .break-ring__center .timer-value{color:var(--danger, #ef4444)}@keyframes break-ring-pulse{0%,to{opacity:1}50%{opacity:.7}}.break-paused .break-ring__fill{opacity:.55;animation:none!important}.break-paused .break-ring__center .timer-value{opacity:.78}.break-timer-trigger.is-phase-late{animation:break-trigger-late-pulse 1.6s ease-in-out infinite}@keyframes break-trigger-late-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--danger, #ef4444) 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--danger, #ef4444) 0%,transparent)}}@media(max-width:480px){.break-timer-display.break-timer-display--ring{width:148px;height:148px}.break-ring__center .timer-value{font-size:28px}}.break-timer-card{--brk-ink: #F3F1EC;--brk-ink2: #B0B7CB;--brk-a: #8AA1FE;--brk-b: #CDB3FE;--brk-c: #3CC29E;overflow:hidden;isolation:isolate;border:0!important;border-radius:24px!important;background:var(--timo-deep-space)!important;color:var(--brk-ink)!important;box-shadow:0 24px 60px #0b102659,inset 0 0 0 1px #ffffff0f!important;font-family:var(--timo-font-sans);padding:20px 20px 18px!important;min-width:300px}.break-timer-card:before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(40% 35% at 25% 20%,color-mix(in srgb,var(--brk-a) 38%,transparent),transparent 70%),radial-gradient(35% 30% at 80% 30%,color-mix(in srgb,var(--brk-b) 30%,transparent),transparent 70%),radial-gradient(45% 35% at 50% 95%,color-mix(in srgb,var(--brk-c) 22%,transparent),transparent 70%);filter:blur(8px);animation:brk-drift 18s var(--timo-ease-orbit) infinite alternate}@keyframes brk-drift{0%{transform:translate3d(-4%,-2%,0) rotate(0)}to{transform:translate3d(4%,3%,0) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.break-timer-card:before{animation:none}}.break-timer-card .break-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;border:0!important;padding:0!important;background:none!important}.break-timer-card .break-icon{width:36px;height:36px;border-radius:12px;flex:none;display:grid;place-items:center;background:#ffffff1a!important;box-shadow:inset 0 0 0 1px #ffffff1a}.break-timer-card .break-title{margin:0;font:500 16px/1.3 var(--timo-font-sans)!important;color:var(--brk-ink)!important;letter-spacing:0}.break-timer-card .break-time-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:2px;font:400 12px/1.4 var(--timo-font-sans);color:var(--brk-ink2)!important}.break-timer-card .break-time-label{color:var(--brk-ink2)!important;font-weight:400}.break-timer-card .break-time-value{font-family:var(--timo-font-mono);color:var(--brk-ink)!important;font-weight:500}.break-timer-card .break-time-separator{color:var(--brk-ink2)!important;padding:0 2px}:is([lang=ar],[lang=ckb]) .break-timer-card .break-time-value{font-family:var(--timo-font-mono-ar)}.break-timer-card .break-timer-display--ring{position:relative;width:196px;height:196px;margin:4px auto 12px}.break-timer-card .break-ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.break-timer-card .break-ring__bg{fill:none;stroke:#ffffff17!important;stroke-width:8}.break-timer-card .break-ring__fill{fill:none;stroke:url(#brk-aurora)!important;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brk-a) 55%,transparent));transition:stroke-dasharray 1s linear}.break-timer-card .is-phase-late .break-ring__fill{stroke:url(#brk-amber)!important;filter:drop-shadow(0 0 6px rgba(232,186,114,.55))}.break-timer-card .break-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.break-timer-card .timer-label{font:500 11px/1.2 var(--timo-font-sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--brk-ink2)!important}:is([lang=ar],[lang=ckb]) .break-timer-card .timer-label{letter-spacing:0;text-transform:none;font-size:12px!important}.break-timer-card .timer-value{font:500 40px/1 var(--timo-font-mono)!important;color:var(--brk-ink)!important;letter-spacing:-.02em}:is([lang=ar],[lang=ckb]) .break-timer-card .timer-value{font-family:var(--timo-font-mono-ar)!important;letter-spacing:0}.break-timer-card .break-auto-finish-message,.break-timer-card .break-message,.break-timer-card .break-paused-label,.break-timer-card .break-cooldown-taken,.break-timer-card .break-cooldown-eta{margin:0 0 12px;text-align:center;font:400 13px/1.5 var(--timo-font-sans)!important;color:var(--brk-ink2)!important;background:none!important;border:0!important}.break-timer-card .break-cooldown-eta strong{color:var(--brk-ink);font-weight:500}.break-timer-card .break-error{margin:0 0 12px;padding:10px 12px;border-radius:12px;font:400 13px/1.4 var(--timo-font-sans);background:#ff7b7b24!important;color:#ffa8a4!important;border:0!important}.break-timer-card .break-start-btn{width:100%;min-height:46px;border:0!important;border-radius:999px!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 15px/1 var(--timo-font-sans)!important;color:var(--timo-deep-space)!important;background:linear-gradient(100deg,var(--brk-a),var(--brk-b) 55%,var(--brk-c))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--brk-a) 35%,transparent)!important;transition:transform var(--timo-duration-quick) var(--timo-ease-standard),filter var(--timo-duration-quick)}.break-timer-card .break-start-btn svg{color:var(--timo-deep-space);fill:currentColor}.break-timer-card .break-start-btn:hover:not(:disabled){filter:brightness(1.06)}.break-timer-card .break-start-btn:active:not(:disabled){transform:scale(.98)}.break-timer-card .break-start-btn:disabled{cursor:default;background:#ffffff14!important;color:var(--brk-ink2)!important;box-shadow:none!important}.break-timer-card .break-start-btn:disabled svg{color:var(--brk-ink2)}.break-timer-card .break-pause-btn{width:100%;min-height:44px;border-radius:999px!important;cursor:pointer;background:#ffffff0f!important;color:var(--brk-ink)!important;border:0!important;box-shadow:inset 0 0 0 1px #ffffff29!important;font:500 14px/1 var(--timo-font-sans)!important}.break-timer-card .break-pause-btn:hover:not(:disabled){background:#ffffff1a!important}.break-timer-card :focus-visible{outline:2px solid #ADBFFF;outline-offset:2px}.whats-new-overlay{position:fixed;inset:0;z-index:20040;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#0b10265c;isolation:isolate;pointer-events:auto;touch-action:manipulation;animation:tm-fade .2s ease both}.dark-mode .whats-new-overlay{background:#04061099}.whats-new-modal{position:relative;display:flex;flex-direction:column;width:min(420px,100%);max-height:min(84vh,84dvh,640px);overflow:hidden;background:var(--timo-surface);border-radius:26px;box-shadow:inset 0 0 0 1px var(--timo-border),0 20px 60px #0b10262e;color:var(--timo-text-primary);font-family:var(--timo-font-sans);pointer-events:auto;animation:tm-pop .26s var(--timo-ease-drift) both}.dark-mode .whats-new-modal{background:var(--timo-surface-elevated, var(--timo-surface));box-shadow:inset 0 0 0 1px var(--timo-border),0 20px 60px #00000080}.whats-new-modal__header{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:18px 18px 16px;border-bottom:1px solid var(--timo-hairline)}.whats-new-modal__tile{flex:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}[dir=rtl] .whats-new-modal__tile svg{transform:scaleX(-1)}.whats-new-modal__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.whats-new-modal__badge{font:600 15px/1.3 var(--timo-font-sans);color:var(--timo-text-primary)}.whats-new-modal__date{font:400 12.5px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.whats-new-modal__close{flex:none;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.whats-new-modal__close:focus-visible,.whats-new-modal__btn:focus-visible{outline:2px solid var(--timo-brand-primary);outline-offset:2px}.whats-new-modal__scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 18px 8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.whats-new-modal__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--timo-status-present-bg);color:var(--timo-status-present-fg);font:500 12px/1.2 var(--timo-font-sans)}.whats-new-modal__title{margin:10px 0 6px;font:600 18px/1.35 var(--timo-font-sans);color:var(--timo-text-primary)}.whats-new-modal__intro{margin:0 0 6px;font:400 13.5px/1.55 var(--timo-font-sans);color:var(--timo-text-secondary)}.whats-new-modal__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.whats-new-modal__list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--timo-hairline)}.whats-new-modal__list li:last-child{border-bottom:0}.whats-new-modal__index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--timo-surface-sunken);color:var(--timo-text-secondary);font:500 11.5px/1 var(--timo-font-mono)}:is([lang=ar],[lang=ckb]) .whats-new-modal__index{font-family:var(--timo-font-mono-ar, var(--timo-font-sans))}.dark-mode .whats-new-modal__index{background:var(--timo-surface)}.whats-new-modal__item-text{font:400 14px/1.55 var(--timo-font-sans);color:var(--timo-text-primary)}[dir=rtl] .whats-new-modal__item-text,[dir=rtl] .whats-new-modal__intro{line-height:1.75}.whats-new-modal__footer{flex:0 0 auto;position:relative;z-index:3;padding:12px 18px calc(16px + var(--safe-area-bottom, 0px));background:inherit;border-top:1px solid var(--timo-hairline);pointer-events:auto}.whats-new-modal__btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:0 20px;border:none;border-radius:var(--timo-radius-control, 12px);background:var(--timo-brand-primary);color:var(--timo-brand-on-primary, #fff);font:500 14.5px/1 var(--timo-font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transition:background var(--timo-duration-quick, .16s) var(--timo-ease-standard, ease)}.whats-new-modal__btn:hover{background:var(--timo-brand-pressed)}@media(max-width:768px){.whats-new-overlay{align-items:flex-end;padding:0;min-height:100dvh}.whats-new-modal{width:100%;max-height:min(88dvh,720px);border-radius:26px 26px 0 0}.whats-new-modal__btn{min-height:52px}}@media(prefers-reduced-motion:reduce){.whats-new-overlay,.whats-new-modal{animation-duration:.01ms}}.subscription-access-banner{display:flex;align-items:center;justify-content:center;padding:.7rem 1.25rem;font-size:.9rem;font-weight:500;line-height:1.5;text-align:center;border-bottom:1px solid rgba(0,0,0,.08)}.subscription-access-banner__message{max-width:72rem}.subscription-access-banner--info{background:#e8f4fd;color:#0b4f7a}.subscription-access-banner--warning{background:#fff4e5;color:#7a4a00}.subscription-access-banner--danger{background:#fdecea;color:#8a1c1c}.dark-mode .subscription-access-banner{border-bottom-color:#ffffff1f}.dark-mode .subscription-access-banner--info{background:#1a3344;color:#9fd4f5}.dark-mode .subscription-access-banner--warning{background:#3d2e14;color:#f5d08a}.dark-mode .subscription-access-banner--danger{background:#3d1a1a;color:#f5a8a8}.success-message-container{position:fixed;top:88px;inset-inline-end:20px;transform:translateY(-18px);z-index:20000;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.success-message-container.visible{opacity:1;transform:translateY(0);pointer-events:auto}.success-message{--toast-accent: var(--success);--toast-accent-soft: color-mix(in srgb, var(--success) 12%, var(--surface));--toast-accent-border: color-mix(in srgb, var(--success) 28%, var(--border));display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-radius:12px;box-shadow:0 8px 20px #0f172a14;border:1px solid var(--border);min-width:280px;max-width:480px}.success-message--success{--toast-accent: var(--success);--toast-accent-soft: color-mix(in srgb, var(--success) 12%, var(--surface));--toast-accent-border: color-mix(in srgb, var(--success) 28%, var(--border))}.success-message--error{--toast-accent: var(--danger);--toast-accent-soft: color-mix(in srgb, var(--danger) 10%, var(--surface));--toast-accent-border: color-mix(in srgb, var(--danger) 28%, var(--border))}.success-message--warning{--toast-accent: var(--warning);--toast-accent-soft: color-mix(in srgb, var(--warning) 12%, var(--surface));--toast-accent-border: color-mix(in srgb, var(--warning) 28%, var(--border))}.success-message--info{--toast-accent: var(--info);--toast-accent-soft: color-mix(in srgb, var(--info) 12%, var(--surface));--toast-accent-border: color-mix(in srgb, var(--info) 28%, var(--border))}.success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--toast-accent-soft);color:var(--toast-accent);flex-shrink:0;border:1px solid var(--toast-accent-border)}.success-icon svg{width:20px;height:20px}.success-text{font-size:14px;line-height:1.4;font-weight:600;color:var(--text);flex:1}.dark-mode .success-message{background:var(--surface);border-color:var(--border);box-shadow:0 8px 22px #00000052}.dark-mode .success-icon{background:color-mix(in srgb,var(--toast-accent) 18%,transparent);color:color-mix(in srgb,var(--toast-accent) 74%,white);border-color:color-mix(in srgb,var(--toast-accent) 22%,rgba(255,255,255,.14))}.success-message.manager-employee-success{--toast-accent: var(--success);--toast-accent-soft: color-mix(in srgb, var(--success) 16%, transparent);--toast-accent-border: color-mix(in srgb, var(--success) 24%, transparent)}.dark-mode .success-message.manager-employee-success{border-color:color-mix(in srgb,var(--success) 24%,transparent)}@media(max-width:768px){.success-message-container{top:60px;inset-inline:16px;transform:translateY(-20px)}.success-message-container.visible{transform:translateY(0)}.success-message{min-width:auto;max-width:100%}}img.profile-avatar{object-fit:cover!important;object-position:50% 25%!important;border-radius:50%!important;background:var(--surface-2, #f1f5f9);display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .12s ease,box-shadow .12s ease}img.profile-avatar[role=button]{cursor:zoom-in}img.profile-avatar[role=button]:hover{transform:scale(1.04);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand, #3b82f6) 22%,transparent)}img.profile-avatar[role=button]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand, #3b82f6)}img.profile-avatar.manager-gold-border{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #d4af3740}.profile-avatar-lightbox{position:fixed;inset:0;background:color-mix(in srgb,var(--timo-deep-space) 86%,transparent);z-index:11000;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out;animation:profile-avatar-lightbox-in .12s ease}@keyframes profile-avatar-lightbox-in{0%{opacity:0}to{opacity:1}}.profile-avatar-lightbox__img{max-width:min(92vw,1200px);max-height:90vh;border-radius:12px;box-shadow:0 20px 50px #00000080;cursor:default;object-fit:contain;background:#0b1220}.profile-avatar-lightbox__close{position:absolute;top:16px;inset-inline-end:16px;width:44px;height:44px;border:none;border-radius:999px;background:#ffffff1f;color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background .12s ease,transform .12s ease}.profile-avatar-lightbox__close:hover{background:#ffffff3d;transform:scale(1.05)}.profile-avatar-lightbox__open{position:absolute;top:16px;inset-inline-start:16px;color:#ffffffe6;text-decoration:none;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;background:#ffffff1f;transition:background .12s ease}.profile-avatar-lightbox__open:hover{background:#ffffff3d;color:#fff}.ai-assistant{position:fixed;inset-inline-end:24px;bottom:24px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:var(--timo-font-sans);color:var(--timo-text-primary);--ai-surface: var(--timo-surface);--ai-sunken: var(--timo-surface-sunken);--ai-border: var(--timo-border);--ai-hair: var(--timo-hairline);--ai-tx2: var(--timo-text-secondary);--ai-tx3: #898D9B;--ai-prs: #E6ECFF;--ai-prt: #3F4EC5;--ai-shadow: 0 20px 60px rgba(11, 16, 38, .18)}.dark-mode .ai-assistant{--ai-surface: var(--timo-surface);--ai-sunken: var(--timo-surface-elevated, #1C2342);--ai-tx3: #8A91A8;--ai-prs: #202875;--ai-prt: #ADBFFF;--ai-shadow: 0 20px 60px rgba(0, 0, 0, .5)}.ai-assistant.is-rtl{align-items:flex-end}.ai-assistant__launcher{position:relative;width:56px;height:56px;border:0;border-radius:999px;color:var(--timo-brand-on-primary, #fff);background:var(--timo-brand-primary);box-shadow:0 10px 28px #0b102633;display:grid;place-items:center;cursor:pointer;transition:background var(--timo-duration-quick, .16s) var(--timo-ease-standard, ease),transform var(--timo-duration-instant, .1s)}.ai-assistant__launcher:hover{background:var(--timo-brand-pressed)}.ai-assistant__launcher:active{transform:scale(.96)}.ai-assistant__launcher:focus-visible{outline:2px solid var(--timo-brand-primary);outline-offset:3px}.ai-assistant.is-open .ai-assistant__launcher{background:var(--timo-deep-space, #0B1026);color:#f3f1ec}.dark-mode .ai-assistant.is-open .ai-assistant__launcher{background:#f3f1ec;color:#0b1026}.dark-mode .ai-assistant__launcher{color:#0b1026;box-shadow:0 10px 28px #00000073}.ai-assistant__panel{width:min(400px,calc(100vw - 32px));height:min(620px,calc(100vh - 120px));border-radius:24px;background:var(--ai-surface);box-shadow:inset 0 0 0 1px var(--ai-border),var(--ai-shadow);display:flex;flex-direction:column;overflow:hidden;animation:ai-panel-enter .24s var(--timo-ease-drift, cubic-bezier(.2, .7, .1, 1)) both}.dark-mode .ai-assistant__panel{background:var(--timo-surface)}.ai-assistant.is-minimized .ai-assistant__panel{height:auto}.ai-assistant__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--ai-hair)}.ai-assistant__identity{display:flex;align-items:center;gap:12px;min-width:0}.ai-assistant__avatar{flex:none;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--ai-prs);color:var(--ai-prt)}.ai-assistant__title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-assistant__title-block strong{font:600 15px/1.3 var(--timo-font-sans);color:var(--timo-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-assistant__status{display:inline-flex;align-items:center;gap:6px;min-width:0;font:400 12px/1.3 var(--timo-font-sans);color:var(--ai-tx2)}.ai-assistant__sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-assistant__status-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--timo-status-present-fg)}.ai-assistant__actions{display:flex;align-items:center;gap:6px;flex:none}.ai-assistant__icon-button{width:32px;height:32px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ai-sunken);color:var(--timo-text-primary);cursor:pointer;transition:background var(--timo-duration-quick, .16s)}.ai-assistant__icon-button:hover{background:var(--ai-hair)}.ai-assistant__icon-button:focus-visible,.ai-assistant__send:focus-visible,.ai-quick-replies__pill:focus-visible{outline:2px solid var(--timo-brand-primary);outline-offset:2px}.ai-assistant__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ai-border) transparent}.ai-assistant__welcome{display:flex;flex-direction:column;gap:12px}.ai-assistant__welcome-card{align-self:flex-start;max-width:92%;padding:12px 14px;border-radius:16px 16px 16px 4px;background:var(--ai-sunken)}[dir=rtl] .ai-assistant__welcome-card{border-radius:16px 16px 4px}.ai-assistant__welcome-greeting{margin:0 0 4px;font:500 14px/1.55 var(--timo-font-sans);color:var(--timo-text-primary)}.ai-assistant__welcome-desc{margin:0;font:400 14px/1.55 var(--timo-font-sans);color:var(--timo-text-primary)}.ai-assistant__empty-state{padding:0 2px}.ai-assistant__empty-state strong{display:block;font:600 13px/1.35 var(--timo-font-sans);color:var(--timo-text-primary)}.ai-assistant__empty-state p{margin:3px 0 0;font:400 12.5px/1.5 var(--timo-font-sans);color:var(--ai-tx2)}[dir=rtl] .ai-assistant__welcome-desc,[dir=rtl] .ai-assistant__welcome-greeting,[dir=rtl] .ai-assistant__empty-state p{line-height:1.75}.ai-quick-replies{flex:none;display:flex;gap:6px;padding:10px 16px 2px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--ai-hair)}.ai-quick-replies::-webkit-scrollbar{display:none}.ai-quick-replies__pill{flex:none;padding:7px 12px;border:0;border-radius:999px;background:var(--ai-surface);box-shadow:inset 0 0 0 1px var(--ai-border);color:var(--timo-text-primary);font:500 12.5px/1.2 var(--timo-font-sans);white-space:nowrap;cursor:pointer;transition:box-shadow var(--timo-duration-quick, .16s),background var(--timo-duration-quick, .16s)}.ai-quick-replies__pill:hover:not(:disabled){background:var(--ai-prs);color:var(--ai-prt);box-shadow:none}.ai-quick-replies__pill:disabled{opacity:.5;cursor:not-allowed}.ai-chat-message{display:flex;align-items:flex-end;gap:8px;max-width:100%}.ai-chat-message--user{flex-direction:row-reverse}.ai-chat-message__avatar{flex:none;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--ai-prs);color:var(--ai-prt)}.ai-chat-message--user .ai-chat-message__avatar{display:none}.ai-chat-message__bubble{min-width:0;max-width:86%;padding:10px 13px;border-radius:16px 16px 16px 4px;background:var(--ai-sunken);color:var(--timo-text-primary);overflow-wrap:anywhere}[dir=rtl] .ai-chat-message__bubble{border-radius:16px 16px 4px}.ai-chat-message--user .ai-chat-message__bubble{border-radius:16px 16px 4px;background:var(--timo-brand-primary);color:var(--timo-brand-on-primary, #fff)}[dir=rtl] .ai-chat-message--user .ai-chat-message__bubble{border-radius:16px 16px 16px 4px}.dark-mode .ai-chat-message--user .ai-chat-message__bubble{color:#0b1026}.ai-chat-message.is-error .ai-chat-message__bubble{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.ai-chat-message__text{margin:0;font:400 14px/1.55 var(--timo-font-sans);white-space:pre-wrap}.ai-chat-message__tools{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font:400 11.5px/1.3 var(--timo-font-sans);color:var(--ai-tx2)}.ai-message-content{font:400 14px/1.6 var(--timo-font-sans);color:inherit}[dir=rtl] .ai-message-content,.ai-message-content:dir(rtl){line-height:1.75}.ai-message-content>:first-child{margin-top:0}.ai-message-content>:last-child{margin-bottom:0}.ai-md-h3,.ai-md-h4{margin:12px 0 6px;font:600 14px/1.4 var(--timo-font-sans);color:var(--timo-text-primary)}.ai-md-h4{font-size:13.5px}.ai-md-h3:first-child,.ai-md-h4:first-child,.ai-md-p:first-child{margin-top:0}.ai-md-p{margin:0 0 8px}.ai-md-strong{font-weight:600;color:var(--timo-text-primary)}.ai-md-em{font-style:italic}.ai-md-ul,.ai-md-ol{margin:0 0 8px;padding-inline-start:18px}.ai-md-li{margin:3px 0}.ai-md-li::marker{color:var(--ai-tx2)}.ai-md-table-wrap{margin:8px 0;overflow-x:auto;border-radius:12px;box-shadow:inset 0 0 0 1px var(--ai-border);background:var(--ai-surface)}.ai-md-table{width:100%;border-collapse:collapse;font-size:12.5px}.ai-md-table th,.ai-md-table td{padding:7px 10px;text-align:start;border-bottom:1px solid var(--ai-hair);white-space:nowrap}.ai-md-table th{font-weight:500;color:var(--ai-tx2)}.ai-md-table tbody tr:last-child td{border-bottom:0}.ai-md-code-inline{padding:1px 5px;border-radius:6px;background:var(--ai-surface);font:400 .88em/1.4 var(--timo-font-mono)}.ai-md-pre{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--timo-deep-space, #0B1026);color:#f3f1ec;overflow-x:auto}.ai-md-code-block{font:400 12px/1.55 var(--timo-font-mono);white-space:pre;direction:ltr}.ai-md-blockquote{margin:8px 0;padding:6px 12px;border-inline-start:3px solid var(--timo-brand-primary);color:var(--ai-tx2)}.ai-md-link{color:var(--ai-prt);text-underline-offset:2px}.ai-md-link:hover{text-decoration:underline}.ai-md-hr{border:0;border-top:1px solid var(--ai-hair);margin:10px 0}.ai-typing-indicator{display:flex;align-items:flex-end;gap:8px}.ai-typing-indicator__avatar{flex:none;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--ai-prs);color:var(--ai-prt)}.ai-typing-indicator__bubble{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:16px 16px 16px 4px;background:var(--ai-sunken)}[dir=rtl] .ai-typing-indicator__bubble{border-radius:16px 16px 4px}.ai-typing-indicator__dots{display:inline-flex;gap:4px}.ai-typing-indicator__dots span{width:6px;height:6px;border-radius:50%;background:var(--timo-brand-primary);animation:ai-typing-bounce 1.2s var(--timo-ease-orbit, ease-in-out) infinite}.ai-typing-indicator__dots span:nth-child(2){animation-delay:.15s}.ai-typing-indicator__dots span:nth-child(3){animation-delay:.3s}.ai-typing-indicator__label{font:400 12.5px/1.2 var(--timo-font-sans);color:var(--ai-tx2)}.ai-assistant__composer{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 16px 14px}.ai-assistant__input-shell{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--ai-surface);box-shadow:inset 0 0 0 1px var(--ai-border);transition:box-shadow var(--timo-duration-quick, .16s)}[dir=rtl] .ai-assistant__input-shell{padding:6px 14px 6px 6px}.ai-assistant__input-shell:focus-within{box-shadow:inset 0 0 0 1.5px var(--timo-brand-primary),0 0 0 4px color-mix(in srgb,var(--timo-brand-primary) 16%,transparent)}.ai-assistant__input-shell textarea{flex:1;min-width:0;min-height:34px;max-height:140px;padding:7px 0;border:0!important;outline:none;resize:none;background:transparent!important;box-shadow:none!important;font:400 14px/1.45 var(--timo-font-sans);color:var(--timo-text-primary);field-sizing:content}.ai-assistant__input-shell textarea::placeholder{color:var(--ai-tx3)}.ai-assistant__send{flex:none;width:36px;height:36px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-brand-primary);color:var(--timo-brand-on-primary, #fff);cursor:pointer;transition:background var(--timo-duration-quick, .16s)}.dark-mode .ai-assistant__send{color:#0b1026}.ai-assistant__send:hover:not(:disabled){background:var(--timo-brand-pressed)}.ai-assistant__send:disabled{opacity:.4;cursor:not-allowed}[dir=rtl] .ai-assistant__send svg{transform:scaleX(-1)}.ai-assistant__footnote{margin:0;font:400 11.5px/1.45 var(--timo-font-sans);color:var(--ai-tx3)}@keyframes ai-panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ai-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.ai-assistant *,.ai-assistant *:before,.ai-assistant *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:641px){:root:has(.tdl-formbar) .ai-assistant:not(.is-open){bottom:92px}}@media(max-width:640px){:root:has(.tdl-formbar) .timo-shell .ai-assistant:not(.is-open){bottom:calc(156px + env(safe-area-inset-bottom,0px))!important}}@media(max-width:640px){.ai-assistant{inset-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));align-items:stretch;pointer-events:none}.ai-assistant.is-open{inset:0;padding:max(12px,env(safe-area-inset-top)) 10px 10px;justify-content:flex-end;gap:0}.ai-assistant.is-open:before{content:"";position:fixed;inset:0;background:#0b102652;pointer-events:auto}.ai-assistant__panel{position:relative;z-index:1;width:100%;height:min(84dvh,680px);max-height:100%;border-radius:24px;pointer-events:auto}.ai-assistant__launcher{align-self:flex-end;pointer-events:auto}.ai-assistant.is-open .ai-assistant__launcher{display:none}.ai-assistant__input-shell textarea{font-size:16px}}.dashboard-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);font-family:var(--font-sans);color:var(--text);transition:background-color .3s ease,color .3s ease}.dashboard-container>.dashboard-content{flex:1 0 auto}.dashboard-container>.app-footer{flex-shrink:0}.dashboard-container.dark-mode{background:var(--bg);color:var(--text)}.dashboard-header{height:var(--app-header-height, 72px);background:linear-gradient(135deg,var(--brand) 0%,color-mix(in oklab,var(--brand) 95%,black) 100%)!important;padding:0 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px color-mix(in oklab,var(--brand) 30%,transparent),0 1px 4px color-mix(in oklab,var(--brand) 20%,transparent);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid color-mix(in oklab,var(--brand) 80%,black);position:fixed;top:0;left:0;right:0;width:100%;z-index:200}.dashboard-container.dark-mode .dashboard-header{background:linear-gradient(135deg,var(--brand) 0%,color-mix(in oklab,var(--brand) 92%,black) 100%)!important;border-bottom-color:color-mix(in oklab,var(--brand) 75%,black);box-shadow:0 2px 10px color-mix(in oklab,var(--brand) 40%,transparent),0 1px 5px color-mix(in oklab,var(--brand) 30%,transparent)}.dashboard-header .logo-text{color:#fff!important;letter-spacing:.2px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-container.dark-mode .dashboard-header .logo-text{color:var(--timo-text-primary)!important;text-shadow:0 1px 3px rgba(0,0,0,.2)}.dashboard-header .sidebar-toggle-header-btn{color:#fff!important;background:color-mix(in oklab,#ffffff 15%,transparent);border:1px solid color-mix(in oklab,#ffffff 20%,transparent);box-shadow:0 2px 8px #00000026;transition:all .2s ease}.dashboard-header .sidebar-toggle-header-btn:hover{background:color-mix(in oklab,#ffffff 25%,transparent);border-color:color-mix(in oklab,#ffffff 30%,transparent);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.dashboard-header .sidebar-toggle-header-btn:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,#ffffff 30%,transparent)}.dashboard-container.dark-mode .dashboard-header .sidebar-toggle-header-btn{color:var(--timo-text-primary)!important;background:color-mix(in oklab,#ffffff 12%,transparent);border-color:color-mix(in oklab,#ffffff 18%,transparent);box-shadow:0 2px 10px #0000004d}.dashboard-container.dark-mode .dashboard-header .sidebar-toggle-header-btn:hover{background:color-mix(in oklab,#ffffff 22%,transparent);border-color:color-mix(in oklab,#ffffff 28%,transparent);box-shadow:0 4px 14px #0006}.dashboard-header .notification-icon-wrapper,.dashboard-header .notification-icon-wrapper svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.dashboard-container.dark-mode .dashboard-header .notification-icon-wrapper,.dashboard-container.dark-mode .dashboard-header .notification-icon-wrapper svg{color:var(--timo-text-primary)!important;fill:var(--timo-text-primary)!important;stroke:var(--timo-text-primary)!important}.dashboard-header .theme-toggle,.dashboard-header .theme-toggle svg{color:#fff!important}.dashboard-header .language-toggle{width:56px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--header-text-color, #ffffff) 16%,transparent);border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 20%,transparent);border-radius:999px;cursor:pointer;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;font-family:var(--font-sans);font-weight:800;letter-spacing:.5px}.dashboard-header .language-toggle:hover{background:color-mix(in srgb,var(--header-text-color, #ffffff) 24%,transparent)!important;transform:translateY(-2px) scale(1.04);border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 30%,transparent);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d}.dashboard-header .language-toggle:active{transform:translateY(0) scale(.98)}.dashboard-container.dark-mode .dashboard-header .language-toggle{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 14%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 18%,transparent);color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.dashboard-container.dark-mode .dashboard-header .language-toggle:hover{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 22%,transparent)!important;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 28%,transparent);box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26}.dashboard-container.dark-mode .dashboard-header .theme-toggle,.dashboard-container.dark-mode .dashboard-header .theme-toggle svg{color:var(--timo-text-primary)!important}.dashboard-header .table-header-color-toggle,.dashboard-header .table-header-color-toggle svg,.dashboard-header .appearance-panel-toggle,.dashboard-header .appearance-panel-toggle svg{color:#fff!important}.dashboard-container.dark-mode .dashboard-header .table-header-color-toggle,.dashboard-container.dark-mode .dashboard-header .table-header-color-toggle svg,.dashboard-container.dark-mode .dashboard-header .appearance-panel-toggle,.dashboard-container.dark-mode .dashboard-header .appearance-panel-toggle svg{color:var(--timo-text-primary)!important}.dashboard-header .profile-info-header svg{color:color-mix(in oklab,#ffffff 85%,transparent)!important}.dashboard-container.dark-mode .dashboard-header .profile-info-header svg{color:color-mix(in oklab,#ffffff 85%,transparent)!important}.dashboard-header .profile-name-header{color:#fff!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-container.dark-mode .dashboard-header .profile-name-header{color:var(--timo-text-primary)!important;text-shadow:0 1px 3px rgba(0,0,0,.2)}.dashboard-header .profile-email-header{color:color-mix(in oklab,#ffffff 75%,transparent)!important;font-size:var(--fs-xs)}.dashboard-container.dark-mode .dashboard-header .profile-email-header{color:color-mix(in oklab,#ffffff 75%,transparent)!important}.header-left{display:flex;align-items:center;gap:20px;z-index:1}.header-logo{display:flex;align-items:center;gap:10px}.header-logo-img{height:36px;max-width:120px;object-fit:contain}.header-logo-mark{display:inline-block;width:36px;height:36px;background-color:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:background-color .2s ease;position:relative;z-index:220}.header-logo{display:none!important}@media(min-width:769px){:root,.dashboard-container,.dashboard-container.dark-mode{--app-header-height: 52px}}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;margin-bottom:4px;border-bottom:1px solid color-mix(in oklab,var(--border, #e2e8f0) 60%,transparent)}.dark-mode .sidebar-brand{border-bottom-color:color-mix(in oklab,var(--border, #334155) 60%,transparent)}.sidebar-brand__toggle{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--brand, #2563eb) 6%,var(--surface, #ffffff));border:1px solid color-mix(in oklab,var(--border, #e2e8f0) 75%,transparent);color:var(--muted, #64748b);cursor:pointer;flex-shrink:0;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.sidebar-brand__toggle:hover{color:var(--brand, #2563eb);border-color:color-mix(in oklab,var(--brand, #2563eb) 40%,transparent);background:color-mix(in oklab,var(--brand, #2563eb) 12%,transparent);transform:scale(1.04)}.dark-mode .sidebar-brand__toggle{background:color-mix(in oklab,#ffffff 6%,transparent);border-color:color-mix(in oklab,var(--border, #334155) 70%,transparent);color:color-mix(in oklab,var(--text, #e5e7eb) 70%,var(--muted, #94a3b8))}.dark-mode .sidebar-brand__toggle:hover{background:color-mix(in oklab,var(--brand, #60a5fa) 16%,transparent);color:var(--timo-text-primary)}.sidebar-brand__logo-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand__mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--brand, #2563eb)}.dark-mode .sidebar-brand__mark:not(.sidebar-brand__mark--img){background-color:#fff}.sidebar-brand__mark--img{width:auto!important;max-width:120px;height:32px;object-fit:contain;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important}.sidebar-brand__mark--placeholder{width:32px;height:32px;border-radius:8px;background:color-mix(in oklab,var(--brand, #2563eb) 18%,transparent);opacity:.55}.sidebar-brand__name{font-size:1rem;font-weight:800;letter-spacing:-.012em;color:var(--text, #0b1220);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.dark-mode .sidebar-brand__name{color:var(--text, #e5e7eb)}img.header-logo-mark--uploaded,html .header-logo-mark.header-logo-mark--uploaded,html[data-header-style=floating] .header-logo-mark.header-logo-mark--uploaded,html[data-header-style=floating]:not(.dark-mode) .header-logo-mark.header-logo-mark--uploaded,html[data-header-style=floating].dark-mode .header-logo-mark.header-logo-mark--uploaded{background-color:transparent!important;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;width:auto;height:36px;max-width:160px;object-fit:contain;border-radius:0;box-shadow:none}.header-logo{position:relative;z-index:220}html[data-header-style=floating]:not(.dark-mode) .header-logo-mark{background-color:var(--brand)}html[data-header-style=floating].dark-mode .header-logo-mark{background-color:#fff}.header-logo{max-width:calc(var(--app-sidebar-width, 347px) - 64px);min-width:0}.header-logo-name{font-family:var(--font-sans);font-size:17px;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}html[data-header-style=floating]:not(.dark-mode) .header-logo-name{color:var(--text)}html[data-header-style=floating].dark-mode .header-logo-name{color:var(--text)}.dashboard-container:has(.sidebar.closed) .header-logo-name{display:none}.dashboard-container:has(.sidebar.closed) .header-logo{max-width:var(--app-sidebar-collapsed-width, 68px)}.logo-text{font-size:24px;font-weight:600;color:var(--header-text-color, var(--button-primary-color-light, #8b5cf6))!important;letter-spacing:.5px}.dashboard-container.dark-mode .logo-text{color:var(--header-text-color-dark, var(--button-primary-color-dark, #a78bfa))!important}.sidebar-toggle-header-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--header-text-color, #ffffff) 16%,transparent);border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 20%,transparent);border-radius:12px;cursor:pointer;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:20px;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.sidebar-toggle-header-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.sidebar-toggle-header-btn:hover{background:color-mix(in srgb,var(--header-text-color, #ffffff) 24%,transparent)!important;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d;border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 30%,transparent)}.sidebar-toggle-header-btn:hover:before{width:200px;height:200px}.sidebar-toggle-header-btn:active{transform:translateY(0) scale(.98)}.dashboard-container.dark-mode .sidebar-toggle-header-btn{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 14%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 18%,transparent);color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.dashboard-container.dark-mode .sidebar-toggle-header-btn:hover{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 22%,transparent)!important;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 28%,transparent);box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--text) 0%,color-mix(in srgb,var(--text) 80%,var(--surface)) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;font-family:var(--font-sans)}.logo-text{font-size:28px;font-weight:700;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;font-family:var(--font-sans);letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;position:relative;background:var(--timo-surface);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-container.dark-mode .logo-text{background:linear-gradient(135deg,var(--header-text-color-dark, #ffffff) 0%,color-mix(in srgb,var(--header-text-color-dark, #ffffff) 90%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px rgba(0,0,0,.3)}.header-center{flex:1;display:flex;justify-content:center;padding:0 40px}.header-search-bar{width:100%;max-width:500px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface-2);border-radius:8px;transition:all .3s ease}.dashboard-container.dark-mode .header-search-bar{background:color-mix(in srgb,var(--surface-2) 88%,var(--text))}.header-search-bar:focus-within{background:var(--surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 22%,transparent)}.dashboard-container.dark-mode .header-search-bar:focus-within{background:color-mix(in srgb,var(--surface) 94%,var(--text))}.header-search-bar svg{flex-shrink:0;color:var(--muted)}.header-search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:14px;font-family:var(--font-sans);color:var(--text)}.header-search-bar input::placeholder{color:var(--muted)}.header-right{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.header-icons{display:flex;align-items:center;gap:12px}.mobile-header-tools-wrapper{position:relative;display:none;flex-shrink:0}.header-hard-reload-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));color:var(--text)!important;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;box-shadow:0 1px 2px #0f172a0f}.header-hard-reload-btn:hover,.header-hard-reload-btn:active{background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 38%,var(--border));color:var(--brand)!important;transform:translateY(-1px)}.header-hard-reload-btn:disabled{cursor:wait;opacity:.72;transform:none}.dashboard-container.dark-mode .header-hard-reload-btn{background:color-mix(in srgb,var(--surface) 80%,var(--brand) 12%);border-color:color-mix(in srgb,var(--brand) 26%,var(--border));color:var(--text)!important;box-shadow:0 2px 6px #00000040}.dashboard-container.dark-mode .header-hard-reload-btn:hover,.dashboard-container.dark-mode .header-hard-reload-btn:active{background:color-mix(in srgb,var(--surface) 70%,var(--brand) 20%);border-color:color-mix(in srgb,var(--brand) 38%,var(--border));color:var(--brand)!important}.mobile-header-tools-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 18%,transparent);background:color-mix(in srgb,var(--header-text-color, #ffffff) 14%,transparent);color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff2e}.mobile-header-reload-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));color:var(--text)!important;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;box-shadow:0 1px 2px #0f172a14;flex-shrink:0}.mobile-header-reload-btn:hover,.mobile-header-reload-btn:active{background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 38%,var(--border));color:var(--brand)!important}.mobile-header-reload-btn:disabled{cursor:wait;opacity:.7}.mobile-header-reload-btn.is-spinning svg{animation:mobile-reload-spin .85s linear infinite}@keyframes mobile-reload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container.dark-mode .mobile-header-reload-btn{background:color-mix(in srgb,var(--surface) 80%,var(--brand) 12%);border-color:color-mix(in srgb,var(--brand) 26%,var(--border));color:var(--text)!important}.dashboard-container.dark-mode .mobile-header-reload-btn:hover,.dashboard-container.dark-mode .mobile-header-reload-btn:active{background:color-mix(in srgb,var(--surface) 70%,var(--brand) 20%);border-color:color-mix(in srgb,var(--brand) 38%,var(--border));color:var(--brand)!important}@media(max-width:900px){.mobile-header-reload-btn{display:inline-flex}}.mobile-header-refresh-btn{width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 18%,transparent);background:color-mix(in srgb,var(--header-text-color, #ffffff) 14%,transparent);color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff2e}.mobile-header-refresh-btn:hover,.mobile-header-refresh-btn:active{background:color-mix(in srgb,var(--header-text-color, #ffffff) 24%,transparent);border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 28%,transparent);transform:translateY(-1px)}.dashboard-container.dark-mode .mobile-header-refresh-btn{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 14%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 18%,transparent);box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.dashboard-container.dark-mode .mobile-header-refresh-btn:hover,.dashboard-container.dark-mode .mobile-header-refresh-btn:active{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 22%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 28%,transparent)}.mobile-header-refresh-btn:disabled{cursor:wait;opacity:.72;transform:none}.mobile-header-tools-toggle:hover,.mobile-header-tools-toggle.active{background:color-mix(in srgb,var(--header-text-color, #ffffff) 24%,transparent);border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 28%,transparent);transform:translateY(-1px)}.dashboard-container.dark-mode .mobile-header-tools-toggle{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 14%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 18%,transparent);box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.dashboard-container.dark-mode .mobile-header-tools-toggle:hover,.dashboard-container.dark-mode .mobile-header-tools-toggle.active{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 22%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 28%,transparent)}.mobile-header-tools-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 24px));padding:10px;border-radius:16px;background:#fffffffa;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 40px #0f172a2e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:12020;display:flex;flex-direction:column;gap:8px}[dir=rtl] .mobile-header-tools-dropdown{right:auto;left:0}.mobile-header-tools-dropdown.dark-mode{background:color-mix(in srgb,var(--timo-bg) 98%,transparent);border-color:#ffffff14;box-shadow:0 18px 44px #0000006b}.mobile-header-tools-item{width:100%;min-height:46px;padding:11px 12px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:color-mix(in srgb,var(--timo-deep-space) 4%,transparent);color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;font:inherit;text-align:start}.mobile-header-tools-item:hover{background:color-mix(in srgb,var(--timo-deep-space) 8%,transparent);transform:translateY(-1px)}.mobile-header-tools-dropdown.dark-mode .mobile-header-tools-item{background:#ffffff0f;border-color:#ffffff14;color:var(--text)}.mobile-header-tools-dropdown.dark-mode .mobile-header-tools-item:hover{background:#ffffff1a}.mobile-header-tools-item--button{justify-content:flex-start}.mobile-header-tools-item--danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,transparent);border-color:color-mix(in srgb,var(--danger) 12%,transparent)}.mobile-header-tools-dropdown.dark-mode .mobile-header-tools-item--danger{color:color-mix(in srgb,var(--danger) 60%,var(--text));background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 16%,transparent)}.mobile-header-tools-chip{min-width:38px;height:28px;padding:0 8px;border-radius:999px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.3px}.header-actions{display:flex;align-items:center;gap:16px}.notification-icon-wrapper{position:relative;cursor:pointer;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--header-text-color, #ffffff) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 18%,transparent)!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;width:44px;height:44px}.notification-icon-wrapper svg{width:26px!important;height:26px!important;color:#fff!important;fill:#fff!important;stroke:#fff!important}.dashboard-container.dark-mode .notification-icon-wrapper{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--header-text-color-dark, #ffffff) 16%,transparent)!important;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.dashboard-container.dark-mode .notification-icon-wrapper svg{color:var(--timo-text-primary)!important;fill:var(--timo-text-primary)!important;stroke:var(--timo-text-primary)!important}.notification-icon-wrapper:hover{color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color, #ffffff) 22%,transparent)!important;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d;border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 28%,transparent)!important}.notification-icon-wrapper:hover svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.dashboard-container.dark-mode .notification-icon-wrapper:hover{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 20%,transparent)!important;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 26%,transparent)!important}.dashboard-container.dark-mode .notification-icon-wrapper:hover svg{color:var(--timo-text-primary)!important;fill:var(--timo-text-primary)!important;stroke:var(--timo-text-primary)!important}.notification-icon-wrapper:active{transform:translateY(0) scale(.98)}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:12px;font-weight:900;font-family:var(--font-sans);line-height:1;border:2px solid var(--surface);box-shadow:0 8px 18px color-mix(in srgb,var(--danger) 35%,transparent),0 3px 10px #0000002e;text-shadow:0 1px 1px rgba(0,0,0,.25);z-index:50;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes glow{0%,to{box-shadow:0 4px 12px color-mix(in srgb,var(--danger) 60%,transparent),0 0 0 3px #ffffff80,0 0 20px color-mix(in srgb,var(--danger) 40%,transparent),inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--danger) 80%,transparent),0 0 0 4px #fff9,0 0 30px color-mix(in srgb,var(--danger) 60%,transparent),inset 0 1px #fff6,inset 0 -1px #0003}}.dashboard-container.dark-mode .notification-badge{border-color:var(--bg);box-shadow:0 8px 18px color-mix(in srgb,var(--danger) 40%,transparent),0 3px 10px #0000004d}.theme-toggle{background:color-mix(in oklab,#ffffff 15%,transparent);border:1px solid color-mix(in oklab,#ffffff 20%,transparent);cursor:pointer;color:#fff!important;padding:10px;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.dashboard-container.dark-mode .theme-toggle{color:var(--timo-text-primary)!important;background:color-mix(in oklab,#ffffff 12%,transparent);border-color:color-mix(in oklab,#ffffff 18%,transparent);box-shadow:0 2px 10px #0000004d}.theme-toggle:hover{color:#fff!important;background:color-mix(in oklab,#ffffff 25%,transparent);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0003;border-color:color-mix(in oklab,#ffffff 30%,transparent)}.dashboard-container.dark-mode .theme-toggle:hover{color:var(--timo-text-primary)!important;background:color-mix(in oklab,#ffffff 22%,transparent);box-shadow:0 4px 14px #0006;border-color:color-mix(in oklab,#ffffff 28%,transparent)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,#ffffff 30%,transparent)}.theme-toggle:active{transform:translateY(0) scale(.98)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-info-header-wrapper{position:relative}.profile-info-header{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 14px 8px 8px;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);background:color-mix(in oklab,#ffffff 15%,transparent);border:1px solid color-mix(in oklab,#ffffff 20%,transparent);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.dashboard-container.dark-mode .profile-info-header{background:color-mix(in oklab,#ffffff 12%,transparent);border-color:color-mix(in oklab,#ffffff 18%,transparent);box-shadow:0 2px 10px #0000004d}.profile-info-header:hover{background:color-mix(in oklab,#ffffff 25%,transparent)!important;transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:color-mix(in oklab,#ffffff 30%,transparent)}.dashboard-container.dark-mode .profile-info-header:hover{background:color-mix(in oklab,#ffffff 22%,transparent)!important;box-shadow:0 4px 14px #0006;border-color:color-mix(in oklab,#ffffff 28%,transparent)}.profile-info-header:active{transform:translateY(0) scale(.98)}.profile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden;display:flex;flex-direction:column;padding:8px;gap:4px;animation:slideDown .2s ease-out}.profile-menu-dropdown.dark-mode{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;text-align:start;width:100%}.profile-menu-item:hover{background:var(--surface-2);color:var(--text)}.profile-menu-dropdown.dark-mode .profile-menu-item{color:var(--text)}.profile-menu-dropdown.dark-mode .profile-menu-item:hover{background:var(--surface-2);color:var(--text)}.profile-menu-item svg{flex-shrink:0;color:var(--muted);transition:color .2s ease}.profile-menu-dropdown.dark-mode .profile-menu-item svg{color:var(--muted)}.profile-menu-item:hover svg{color:var(--text)}.profile-menu-dropdown.dark-mode .profile-menu-item:hover svg{color:var(--text)}.profile-menu-item span{flex:1}.profile-avatar-header{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,color-mix(in oklab,var(--brand) 75%,white) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600;font-family:var(--font-sans);border:2.5px solid rgba(255,255,255,.4);box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 30%,transparent),inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-info-header:hover .profile-avatar-header{transform:scale(1.1);box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 40%,transparent),inset 0 1px #fff6,0 0 0 2px #fff3;border-color:#fff9}.dashboard-container.dark-mode .profile-avatar-header{border-color:#ffffff4d;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 40%,transparent),inset 0 1px #fff3,0 0 0 1px #ffffff1a}.dashboard-container.dark-mode .profile-info-header:hover .profile-avatar-header{box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 50%,transparent),inset 0 1px #ffffff4d,0 0 0 2px #ffffff26;border-color:#ffffff80}.profile-details-header{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name-header{font-size:15px;font-weight:600;color:var(--header-text-color, #1a1a1a)!important;font-family:var(--font-sans);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-container.dark-mode .profile-name-header{color:var(--header-text-color-dark, #e5e5e5)!important}.profile-email-header{font-size:13px;font-weight:400;color:var(--header-text-color, #6B7280)!important;font-family:var(--font-sans);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-container.dark-mode .profile-email-header{color:var(--header-text-color-dark, #9CA3AF)!important}.profile-info-header svg{flex-shrink:0;color:var(--header-text-color, #9CA3AF)!important;transition:transform .2s ease}.dashboard-container.dark-mode .profile-info-header svg{color:var(--header-text-color-dark, #9CA3AF)!important}.profile-info-header:hover svg{transform:translateY(2px)}.dashboard-content{display:flex;min-height:0;position:relative;padding-bottom:0;padding-left:var(--app-sidebar-width, 347px);padding-top:var(--app-header-height, 72px);transition:padding-left .1s linear;overflow-y:visible;overflow-x:visible}[dir=rtl] .dashboard-content{padding-left:0;padding-right:var(--app-sidebar-width, 347px);transition:padding-right .1s linear}.main-content{flex:1;transition:padding .2s ease}.sidebar{width:var(--app-sidebar-width, 347px);background:var(--surface);padding:8px 12px;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;transition:width .1s linear,padding .1s linear;position:fixed;left:0;top:var(--app-header-height, 72px);bottom:var(--app-shell-bottom-offset);overflow:hidden;z-index:150;flex-shrink:0;min-width:0;box-sizing:border-box;padding-bottom:max(14px,var(--safe-area-bottom, 0px));transform:translateZ(0);contain:paint}[dir=rtl] .sidebar{left:auto;right:0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:16px 12px;margin-bottom:8px;border-bottom:1px solid var(--border);min-width:0;box-sizing:border-box}.sidebar-logo .logo-icon{width:32px;height:32px;background:color-mix(in oklab,var(--brand) 12%,var(--surface));border:1px solid color-mix(in oklab,var(--brand) 28%,var(--border));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:18px;font-weight:700;flex-shrink:0}.sidebar-logo .logo-text{font-size:26px;font-weight:700;color:var(--text);font-family:var(--font-sans)}.dashboard-container.dark-mode .sidebar-logo .logo-icon{background:color-mix(in oklab,var(--brand) 18%,var(--surface));border-color:color-mix(in oklab,var(--brand) 40%,var(--border));color:color-mix(in oklab,var(--brand) 85%,var(--text))}.sidebar.open{transform:translate(0);width:var(--app-sidebar-width, 347px);padding:8px 12px max(14px,var(--safe-area-bottom, 0px)) 12px}@media(min-width:769px){.sidebar.closed{width:var(--app-sidebar-collapsed-width, 68px);padding:8px 8px max(14px,var(--safe-area-bottom, 0px)) 8px;overflow:hidden;transform:translate(0)}[dir=rtl] .sidebar.closed{transform:translate(0)}.dashboard-content:has(.sidebar.closed){padding-left:var(--app-sidebar-collapsed-width, 68px)}[dir=rtl] .dashboard-content:has(.sidebar.closed){padding-right:var(--app-sidebar-collapsed-width, 68px)}}@media(max-width:768px){.sidebar.closed{width:0;padding:0;overflow:hidden;border-right:none}.dashboard-content:has(.sidebar.closed){padding-left:0}[dir=rtl] .dashboard-content:has(.sidebar.closed){padding-right:0}}.dashboard-container{position:relative;overflow-x:clip}.sidebar.closed .nav-item>span,.sidebar.closed .nav-subitem>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.sidebar.closed .nav-item,.sidebar.closed .nav-subitem{justify-content:center;padding:8px 6px!important;margin:0!important;gap:0;overflow:visible!important}.sidebar.closed .nav-item:hover>span,.sidebar.closed .nav-subitem:hover>span,.sidebar.closed .nav-item:focus-visible>span,.sidebar.closed .nav-subitem:focus-visible>span{position:absolute;width:auto;height:auto;overflow:visible;clip-path:none;inset-inline-start:calc(100% + 10px);inset-block-start:50%;transform:translateY(-50%);z-index:1000;padding:6px 12px;background:var(--surface);border:1px solid color-mix(in oklab,var(--brand) 22%,var(--border));border-radius:8px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.005em;box-shadow:0 8px 24px -6px color-mix(in oklab,var(--brand) 25%,rgba(0,0,0,.18));pointer-events:none;white-space:nowrap}.dashboard-container.dark-mode .sidebar.closed .nav-item:hover>span,.dashboard-container.dark-mode .sidebar.closed .nav-subitem:hover>span,.dashboard-container.dark-mode .sidebar.closed .nav-item:focus-visible>span,.dashboard-container.dark-mode .sidebar.closed .nav-subitem:focus-visible>span{box-shadow:0 8px 24px -6px #0000008c}.sidebar.closed .nav-item svg,.sidebar.closed .nav-subitem svg{margin:0}.sidebar.closed .nav-item-collapsible{position:relative}.sidebar.closed .nav-item-collapsible>.nav-item svg:last-child{display:none!important}.sidebar.closed .nav-submenu{display:flex!important;flex-direction:column!important;gap:2px!important;margin:2px 4px 6px!important;padding:4px 0!important;border-left:none!important;border-right:none!important;border-radius:8px!important;background:color-mix(in srgb,var(--brand) 4%,transparent);animation:none!important}[dir=rtl] .sidebar.closed .nav-submenu{margin:2px 4px 6px!important;padding:4px 0!important;border-left:none!important;border-right:none!important}.dashboard-container.dark-mode .sidebar.closed .nav-submenu{background:color-mix(in srgb,var(--brand) 10%,transparent)}.sidebar.closed .nav-item-collapsible>.nav-item{background:color-mix(in srgb,var(--brand) 8%,transparent);border-radius:8px}.sidebar.closed .nav-item-collapsible>.nav-item svg:first-child{width:22px!important;height:22px!important}.sidebar.closed .nav-subitem{opacity:.72}.sidebar.closed .nav-subitem:hover,.sidebar.closed .nav-subitem.active{opacity:1}.sidebar.closed .nav-subitem svg{width:16px!important;height:16px!important}.sidebar.closed .nav-subitem.active{background:color-mix(in srgb,var(--brand) 18%,transparent)!important;border-radius:6px}.sidebar.closed .sidebar-footer{padding-top:12px}.sidebar.closed .sidebar-footer .nav-item{justify-content:center;padding:10px!important}.sidebar-toggle-btn{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--sidebar-accent-color-light, #8b5cf6);transition:all .3s ease;z-index:10;font-size:18px}.sidebar-toggle-btn:hover{background:transparent;transform:translate(-50%) scale(1.1);opacity:.8}.dashboard-container.dark-mode .sidebar-toggle-btn{background:transparent;color:var(--sidebar-accent-color-dark, #a78bfa)}.dashboard-container.dark-mode .sidebar-toggle-btn:hover{background:transparent;opacity:.8}.sidebar-close-btn{position:absolute;top:8px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--sidebar-accent-color-light, #8b5cf6);transition:all .3s ease;z-index:10}.sidebar-close-btn:hover{background:transparent;transform:scale(1.1);opacity:.8}.dashboard-container.dark-mode .sidebar-close-btn{background:transparent;color:var(--sidebar-accent-color-dark, #a78bfa)}.dashboard-container.dark-mode .sidebar-close-btn:hover{background:transparent;opacity:.8}.sidebar-open-btn{position:fixed;top:80px;left:16px;width:40px;height:40px;display:none;align-items:center;justify-content:center;background:var(--button-primary-color-light, var(--brand));border:none;border-radius:8px;cursor:pointer;color:var(--button-text-color-light, white);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;z-index:150;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 40%,transparent)}.sidebar-open-btn:hover{background:color-mix(in srgb,var(--brand) 88%,black);transform:scale(1.05);box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 50%,transparent)}.dashboard-container.dark-mode .sidebar-open-btn{background:var(--button-primary-color-dark, var(--brand));color:var(--button-text-color-dark, white)}.dashboard-container.dark-mode .sidebar-open-btn:hover{background:color-mix(in srgb,var(--brand) 78%,black)}.dashboard-container.dark-mode .sidebar{background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:color-mix(in srgb,var(--timo-deep-space) 55%,transparent);z-index:140}.sidebar-overlay.open{display:none}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-brand,.sidebar-profile{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}.brand-mark,.sidebar-profile-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--timo-brand-primary);color:var(--timo-brand-on-primary);font-weight:800;font-size:14px;letter-spacing:.5px;box-shadow:0 10px 20px color-mix(in srgb,var(--button-primary-color-light, #8b5cf6) 25%,transparent);flex-shrink:0;overflow:hidden}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-container.dark-mode .brand-mark,.dashboard-container.dark-mode .sidebar-profile-avatar{background:var(--timo-brand-primary);box-shadow:0 10px 20px color-mix(in srgb,var(--button-primary-color-dark, #7c3aed) 25%,transparent)}.brand-text,.sidebar-profile-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-name{font-weight:800;font-size:18px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-name{font-weight:800;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub,.sidebar-profile-title{font-weight:500;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.closed .sidebar-top{justify-content:center}.sidebar.closed .brand-text{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:4px 0 14px;flex:1 1 0%;min-width:0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sidebar-nav>*{flex-shrink:0}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface) 50%,transparent);border-radius:10px;margin:4px 0}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 44%,transparent),color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 28%,transparent));border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 58%,transparent),color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 40%,transparent));background-clip:padding-box}.sidebar-nav::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 70%,transparent),color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 52%,transparent));background-clip:padding-box}.dashboard-container.dark-mode .sidebar-nav::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface) 72%,transparent)}.dashboard-container.dark-mode .sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 46%,transparent),color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 30%,transparent))}.dashboard-container.dark-mode .sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 62%,transparent),color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 42%,transparent))}.dashboard-container.dark-mode .sidebar-nav::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 74%,transparent),color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 54%,transparent))}.sidebar-nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 38%,transparent) color-mix(in srgb,var(--surface) 55%,transparent)}.dashboard-container.dark-mode .sidebar-nav{scrollbar-color:color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand-dark)) 42%,transparent) color-mix(in srgb,var(--surface) 70%,transparent)}.sidebar.closed .sidebar-nav{padding:4px 0 12px;gap:2px}.sidebar-search{display:flex;align-items:center;gap:8px;margin:4px 12px 10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);flex-shrink:0}.sidebar-search:focus-within{border-color:color-mix(in srgb,var(--brand) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.sidebar-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:.85rem;color:var(--text);padding:0}.sidebar-search__input::placeholder{color:var(--muted)}.sidebar-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.sidebar-search__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;padding:0;flex-shrink:0}.sidebar-search__clear:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.sidebar.closed .sidebar-search{display:none}.sidebar-nav.is-searching>*:not(.sidebar-search):not(.sidebar-search-results){display:none!important}.sidebar-search-results{display:flex;flex-direction:column;gap:2px;padding:0 6px;margin-bottom:8px}.sidebar-search-results--empty{padding:14px 16px;font-size:.82rem;color:var(--muted);font-style:italic;text-align:center}.sidebar .nav-item:has(>.sidebar-nav-emoji:first-child),.sidebar .nav-item:has(>.sidebar-lucide-nav-icon:first-child),.sidebar .nav-item:has(>.sidebar-lucide-nav-icon--prominent:first-child){gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:2px;border-radius:14px;color:var(--text);text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;font-family:var(--font-sans);font-size:17px;position:relative;box-sizing:border-box;min-width:0;width:100%;min-height:44px;flex-shrink:0;border:1px solid transparent;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sidebar-accent-color-light, var(--brand));opacity:0;transition:opacity .15s ease}[dir=rtl] .nav-item:before{left:auto;right:0}.dashboard-container.dark-mode .nav-item{color:var(--text)}.nav-item:hover{background:color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 8%,transparent);border-color:color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 18%,var(--border))}.nav-item:hover:before{opacity:1}.dashboard-container.dark-mode .nav-item:hover{background:color-mix(in srgb,var(--sidebar-accent-color-dark, var(--brand)) 14%,transparent)}.nav-item.active{color:var(--sidebar-accent-color-light, var(--brand));background:color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 14%,transparent);border-color:color-mix(in srgb,var(--sidebar-accent-color-light, var(--brand)) 28%,transparent);font-weight:600}.nav-item.active:before{opacity:1}.dashboard-container.dark-mode .nav-item.active{color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 50%,#ffffff);background:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 18%,transparent);border-color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 30%,transparent)}.dashboard-container.dark-mode .nav-item-collapsible>.nav-item.active{color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 50%,#ffffff)}.dashboard-container.dark-mode .nav-item:before{background:var(--sidebar-accent-color-dark, var(--brand))}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item.active svg{filter:none}.nav-item.active svg rect[fill="#8b5cf6"],.nav-item.active svg path[fill="#8b5cf6"],.nav-item.active svg rect[stroke="#8b5cf6"],.nav-item.active svg path[stroke="#8b5cf6"]{fill:var(--sidebar-accent-color-light, #8b5cf6)!important;stroke:var(--sidebar-accent-color-light, #8b5cf6)!important}.dashboard-container.dark-mode .nav-item.active svg rect[fill="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg path[fill="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg rect[stroke="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg path[stroke="#8b5cf6"]{fill:var(--sidebar-accent-color-dark, #8b5cf6)!important;stroke:var(--sidebar-accent-color-dark, #8b5cf6)!important}.nav-item.active svg rect[fill="#8b5cf6"],.nav-item.active svg path[fill="#8b5cf6"],.nav-item.active svg circle[fill="#8b5cf6"],.nav-item.active svg rect[stroke="#8b5cf6"],.nav-item.active svg path[stroke="#8b5cf6"],.nav-item.active svg circle[stroke="#8b5cf6"]{fill:var(--sidebar-accent-color-light, #8b5cf6)!important;stroke:var(--sidebar-accent-color-light, #8b5cf6)!important}.dashboard-container.dark-mode .nav-item.active svg rect[fill="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg path[fill="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg circle[fill="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg rect[stroke="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg path[stroke="#8b5cf6"],.dashboard-container.dark-mode .nav-item.active svg circle[stroke="#8b5cf6"]{fill:var(--sidebar-accent-color-dark, #8b5cf6)!important;stroke:var(--sidebar-accent-color-dark, #8b5cf6)!important}.nav-item svg:last-child{margin-left:auto}.nav-item>span:not([draggable]):not(.nav-pin):not(.sidebar-nav-emoji),.nav-subitem>span:not([draggable]):not(.nav-pin):not(.sidebar-nav-emoji){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;line-height:1.35}.sidebar-footer{padding-top:14px;border-top:1px solid var(--border)}.dashboard-container.dark-mode .sidebar-footer{border-top-color:var(--border)}.nav-item.logout{color:var(--danger, #ef4444)}.nav-item-collapsible{display:flex;flex-direction:column;width:100%;flex-shrink:0}.nav-item-collapsible>.nav-item{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-submenu{display:flex;flex-direction:column;background:transparent;margin-left:8px;padding:6px 0 6px 6px;border-left:2px solid color-mix(in srgb,var(--sidebar-accent-color-light, #8b5cf6) 22%,transparent);animation:slideDown .3s ease}[dir=rtl] .nav-submenu{margin-left:0;margin-right:8px;padding:6px 6px 6px 0;border-left:none;border-right:2px solid color-mix(in srgb,var(--sidebar-accent-color-light, #8b5cf6) 22%,transparent)}.dashboard-container.dark-mode .nav-submenu{border-left-color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 30%,transparent)}[dir=rtl] .dashboard-container.dark-mode .nav-submenu{border-left-color:transparent;border-right-color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 30%,transparent)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.nav-subitem{display:flex;align-items:center;gap:8px;padding:10px;margin:2px 2px 2px 6px;border-radius:12px;color:var(--text);text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;font-family:var(--font-sans);font-size:15px;line-height:1.4;position:relative}.sidebar .nav-subitem:has(>.sidebar-nav-emoji:first-child),.sidebar .nav-subitem:has(>.sidebar-lucide-nav-icon:first-child),.sidebar .nav-subitem:has(>svg.sidebar-lucide-nav-icon:first-child){gap:6px;padding-inline-start:10px;padding-inline-end:10px}.dashboard-container.dark-mode .nav-subitem{color:var(--text)}.nav-subitem:hover{background:color-mix(in srgb,var(--sidebar-accent-color-light, #8b5cf6) 10%,transparent);color:var(--sidebar-accent-color-light, #8b5cf6)}.dashboard-container.dark-mode .nav-subitem:hover{background:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 20%,transparent);color:var(--sidebar-accent-color-dark, #8b5cf6)}.nav-subitem.active{background:color-mix(in srgb,var(--sidebar-accent-color-light, #8b5cf6) 16%,transparent);color:var(--sidebar-accent-color-light, #8b5cf6);font-weight:600}.dashboard-container.dark-mode .nav-subitem.active{background:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 25%,transparent);color:color-mix(in srgb,var(--sidebar-accent-color-dark, #8b5cf6) 50%,#ffffff)}html[lang=en] .sidebar .nav-item,html[lang=en] .sidebar .nav-subitem{font-family:var(--font-sidebar-nav-latin);letter-spacing:normal;font-optical-sizing:auto}.sidebar .nav-item-collapsible>.nav-item{font-weight:700}.nav-subitem.nav-subitem-web-checkin{margin-top:6px;margin-bottom:6px;font-weight:600;color:color-mix(in srgb,var(--success) 75%,var(--text));border:1.5px solid color-mix(in srgb,var(--success) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 14%,transparent),color-mix(in srgb,var(--success) 8%,transparent));box-shadow:0 1px 2px color-mix(in srgb,var(--success) 12%,transparent)}.nav-subitem.nav-subitem-web-checkin:hover{background:color-mix(in srgb,var(--success) 20%,transparent);color:color-mix(in srgb,var(--success) 85%,var(--text));border-color:color-mix(in srgb,var(--success) 55%,transparent)}.nav-subitem.nav-subitem-web-checkin.active{background:color-mix(in srgb,var(--success) 26%,transparent);color:color-mix(in srgb,var(--success) 85%,var(--text));border-color:var(--success)}.dashboard-container.dark-mode .nav-subitem.nav-subitem-web-checkin{color:color-mix(in srgb,var(--success) 50%,var(--text));border-color:color-mix(in srgb,var(--success) 38%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 22%,transparent),color-mix(in srgb,var(--success) 12%,transparent));box-shadow:0 1px 3px #00000047}.dashboard-container.dark-mode .nav-subitem.nav-subitem-web-checkin:hover{background:color-mix(in srgb,var(--success) 32%,transparent);color:color-mix(in srgb,var(--success) 30%,var(--text));border-color:color-mix(in srgb,var(--success) 55%,transparent)}.dashboard-container.dark-mode .nav-subitem.nav-subitem-web-checkin.active{background:color-mix(in srgb,var(--success) 38%,transparent);color:color-mix(in srgb,var(--success) 18%,var(--text));border-color:color-mix(in srgb,var(--success) 80%,white)}.nav-subitem.nav-subitem-web-checkin .nav-web-checkin-icon{color:var(--success)}.nav-subitem.nav-subitem-web-checkin.active .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 80%,black)}.dashboard-container.dark-mode .nav-subitem.nav-subitem-web-checkin .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 80%,white)}.dashboard-container.dark-mode .nav-subitem.nav-subitem-web-checkin.active .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 50%,white)}.nav-item.nav-item-web-checkin{font-weight:600;color:color-mix(in srgb,var(--success) 75%,var(--text));border-color:color-mix(in srgb,var(--success) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 12%,transparent),color-mix(in srgb,var(--success) 7%,transparent));box-shadow:0 1px 2px color-mix(in srgb,var(--success) 10%,transparent)}.nav-item.nav-item-web-checkin:before{background:var(--success)}.nav-item.nav-item-web-checkin:hover{background:color-mix(in srgb,var(--success) 18%,transparent);color:color-mix(in srgb,var(--success) 85%,var(--text));border-color:color-mix(in srgb,var(--success) 45%,transparent)}.nav-item.nav-item-web-checkin.active{color:color-mix(in srgb,var(--success) 85%,var(--text));background:color-mix(in srgb,var(--success) 22%,transparent);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.dashboard-container.dark-mode .nav-item.nav-item-web-checkin{color:color-mix(in srgb,var(--success) 50%,var(--text));border-color:color-mix(in srgb,var(--success) 32%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 18%,transparent),color-mix(in srgb,var(--success) 10%,transparent))}.dashboard-container.dark-mode .nav-item.nav-item-web-checkin:hover{background:color-mix(in srgb,var(--success) 26%,transparent);color:color-mix(in srgb,var(--success) 30%,var(--text))}.dashboard-container.dark-mode .nav-item.nav-item-web-checkin.active{color:color-mix(in srgb,var(--success) 18%,var(--text));background:color-mix(in srgb,var(--success) 30%,transparent);border-color:color-mix(in srgb,var(--success) 45%,transparent)}.nav-item.nav-item-web-checkin .nav-web-checkin-icon{color:var(--success)}.nav-item.nav-item-web-checkin.active .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 80%,black)}.dashboard-container.dark-mode .nav-item.nav-item-web-checkin .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 80%,white)}.dashboard-container.dark-mode .nav-item.nav-item-web-checkin.active .nav-web-checkin-icon{color:color-mix(in srgb,var(--success) 50%,white)}.web-checkin-nav-label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.12em;min-width:0;line-height:1.35;align-self:center}.web-checkin-nav-sep{opacity:.75;font-weight:500;-webkit-user-select:none;user-select:none}.web-checkin-nav-tone-default{color:inherit;font-weight:inherit}.nav-subitem-web-checkin .web-checkin-nav-tone-default,.nav-item-web-checkin .web-checkin-nav-tone-default{color:inherit}.web-checkin-nav-tone-warning{color:color-mix(in srgb,var(--warning) 85%,var(--text));font-weight:700;text-shadow:0 0 1px rgba(255,255,255,.35)}.nav-subitem-web-checkin .web-checkin-nav-tone-warning,.nav-item-web-checkin .web-checkin-nav-tone-warning{color:color-mix(in srgb,var(--warning) 90%,var(--text))}.web-checkin-nav-tone-danger{color:color-mix(in srgb,var(--danger) 85%,var(--text));font-weight:700;text-shadow:0 0 1px rgba(255,255,255,.3)}.nav-subitem-web-checkin .web-checkin-nav-tone-danger,.nav-item-web-checkin .web-checkin-nav-tone-danger{color:color-mix(in srgb,var(--danger) 90%,var(--text))}.dashboard-container.dark-mode .web-checkin-nav-tone-warning{color:color-mix(in srgb,var(--warning) 60%,var(--text));text-shadow:0 1px 2px rgba(0,0,0,.45)}.dashboard-container.dark-mode .web-checkin-nav-tone-danger{color:color-mix(in srgb,var(--danger) 55%,var(--text));text-shadow:0 1px 2px rgba(0,0,0,.5)}.dashboard-container.dark-mode .nav-subitem-web-checkin .web-checkin-nav-tone-warning,.dashboard-container.dark-mode .nav-item-web-checkin .web-checkin-nav-tone-warning{color:color-mix(in srgb,var(--warning) 70%,var(--text))}.dashboard-container.dark-mode .nav-subitem-web-checkin .web-checkin-nav-tone-danger,.dashboard-container.dark-mode .nav-item-web-checkin .web-checkin-nav-tone-danger{color:color-mix(in srgb,var(--danger) 55%,var(--text))}.nav-subitem svg{width:18px;height:18px;flex-shrink:0}.sidebar-nav-emoji{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:auto;min-height:1.35em;font-size:1.12rem;line-height:1;flex-shrink:0;font-style:normal;-webkit-user-select:none;user-select:none;transition:transform .15s ease}.nav-subitem:hover .sidebar-nav-emoji{transform:scale(1.03)}.nav-subitem.active .sidebar-nav-emoji{transform:scale(1.02)}.sidebar-nav-emoji--prominent{width:28px;min-width:28px;font-size:1.18rem;min-height:1.4em}.nav-item .sidebar-nav-emoji--prominent{font-size:1.22rem}.sidebar-lucide-nav-icon{flex:0 0 auto}.sidebar-lucide-nav-icon--prominent{min-width:22px}.nav-subitem:hover .sidebar-lucide-nav-icon{transform:scale(1.03)}.nav-subitem.active .sidebar-lucide-nav-icon{transform:scale(1.02)}.nav-drag-handle{opacity:.25;transition:opacity .18s ease,transform .18s ease}.nav-item:hover .nav-drag-handle,.nav-subitem:hover .nav-drag-handle{opacity:.85}.nav-drag-handle:active{transform:scale(.98)}.nav-pin{margin-left:auto;padding-left:10px;font-size:16px;line-height:1;opacity:.65;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-pin:hover{opacity:1}.nav-pin.pinned{opacity:1;color:var(--sidebar-accent-color-light, #8b5cf6)}.dashboard-container.dark-mode .nav-pin.pinned{color:var(--sidebar-accent-color-dark, #a78bfa)}.main-content{flex:1;padding:var(--app-main-padding-top, 28px) var(--app-main-padding-x, 40px) var(--app-main-padding-bottom-extra, 24px) var(--app-main-padding-x, 40px);transition:background-color .3s ease,padding .2s ease;overflow-x:visible;overflow-y:visible;min-height:0;background:var(--app-shell-main-bg)}.main-content.route-notifications{padding-bottom:0!important}.dashboard-container.dark-mode .main-content{background:var(--app-shell-main-bg-dark, var(--app-shell-main-bg))}.sidebar.closed~.main-content{padding-left:var(--app-main-padding-x-compact, 24px);padding-right:var(--app-main-padding-x-compact, 24px)}.main-content-inner{width:100%;max-width:100%;margin:0;background:transparent;min-width:0;display:flex;flex-direction:column;height:auto;min-height:auto;overflow-y:visible;overflow-x:visible}.dashboard-container.dark-mode .main-content-inner{background:transparent}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 28px;background:var(--timo-brand-primary)!important;border:none!important;border-bottom:1px solid color-mix(in srgb,var(--header-bg-light, var(--app-accent-color-light, #3b82f6)) 35%,transparent)!important;border-radius:18px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014,inset 0 1px #fff3!important;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:.8;pointer-events:none}.dashboard-container.dark-mode .page-header{background:var(--timo-brand-primary)!important;border-bottom-color:color-mix(in srgb,var(--header-bg-dark, var(--app-accent-color-dark, #60a5fa)) 40%,transparent)!important;box-shadow:0 8px 32px #0006,0 2px 12px #0000004d,inset 0 1px #ffffff1a!important}.dashboard-container.dark-mode .page-header:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.85}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px;margin-bottom:20px}.page-header h1,.page-header .page-title{font-size:24px!important;line-height:1.2}.page-header .header-actions,.page-header .header-controls,.page-header .page-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:stretch}.page-header .header-actions>*,.page-header .header-controls>*,.page-header .page-header-actions>*{flex:1 1 auto;min-width:0}}.page-header h1,.page-header .page-title{font-size:32px!important;font-weight:900!important;color:#fff!important;margin:0!important;font-family:var(--font-sans)!important;position:relative;z-index:10!important;letter-spacing:.3px!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important;isolation:isolate!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;-webkit-text-fill-color:#ffffff!important}.page-header .page-header-subtitle{margin-top:8px;font-size:14px;font-weight:600;color:#ffffffeb;position:relative;z-index:10}.dashboard-container.dark-mode .page-header .page-header-subtitle{color:#ffffffe6}.page-surface{background:var(--surface, #ffffff);border:1px solid var(--border, rgba(15, 23, 42, .08));border-radius:14px;padding:18px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(15, 23, 42, .05))}.dashboard-container.dark-mode .page-surface{background:var(--surface, #0f172a);border-color:var(--border, rgba(148, 163, 184, .16));box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .3))}.dashboard-container.dark-mode .page-header h1,.dashboard-container.dark-mode .page-header .page-title{color:var(--timo-text-primary)!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important;isolation:isolate!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;-webkit-text-fill-color:var(--timo-text-primary)!important}.page-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.page-header .btn-secondary{background:color-mix(in srgb,var(--header-text-color, #ffffff) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 18%,transparent)!important;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:8px!important;font-family:var(--font-sans)!important;box-shadow:0 4px 12px #0000001f!important}.page-header .btn-secondary:hover{background:color-mix(in srgb,var(--header-text-color, #ffffff) 22%,transparent)!important;border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 28%,transparent)!important;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0000002e!important}.page-header .btn-secondary svg{color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important}.dashboard-container.dark-mode .page-header .btn-secondary{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 12%,transparent)!important;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 16%,transparent)!important;color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;box-shadow:0 6px 18px #00000040!important}.dashboard-container.dark-mode .page-header .btn-secondary:hover{background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 20%,transparent)!important;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 24%,transparent)!important;box-shadow:0 8px 20px #00000059!important}.dashboard-container.dark-mode .page-header .btn-secondary svg{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important}.page-header .btn-primary,.page-header .add-employee-btn,.page-header .add-overtime-btn,.page-header [class*=add-],.page-header [class*=btn-]:not(.btn-secondary):not(.add-employee-btn--secondary):not(.add-employee-btn--muted){background:var(--brand)!important;border:1px solid var(--brand)!important;color:#fff!important;padding:10px 18px!important;border-radius:10px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:filter .18s ease,transform .12s ease,box-shadow .18s ease!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-family:var(--font-sans)!important;box-shadow:none!important}.page-header .btn-primary svg,.page-header .add-employee-btn svg,.page-header .add-overtime-btn svg,.page-header [class*=add-] svg{color:#fff!important}.page-header .btn-primary:hover:not(:disabled),.page-header .add-employee-btn:hover:not(:disabled),.page-header .add-overtime-btn:hover:not(:disabled),.page-header [class*=add-]:hover:not(:disabled){filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 38%,transparent)!important}.page-header .add-employee-btn--secondary,.page-header .add-employee-btn--muted,.page-header .btn-secondary{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important}.page-header .add-employee-btn--secondary svg,.page-header .add-employee-btn--muted svg,.page-header .btn-secondary svg{color:var(--text)!important}.page-header .add-employee-btn--secondary:hover:not(:disabled),.page-header .add-employee-btn--muted:hover:not(:disabled),.page-header .btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 30%,var(--border))!important}.page-header .add-employee-btn--success{background:var(--success)!important;border-color:var(--success)!important;box-shadow:none!important}.page-header .add-employee-btn--success:hover:not(:disabled){box-shadow:0 8px 20px color-mix(in srgb,var(--success) 38%,transparent)!important}.page-header .btn-primary:active,.page-header .add-employee-btn:active,.page-header .add-overtime-btn:active{transform:translateY(0)!important}.page-title{font-size:32px;font-weight:700;color:color-mix(in srgb,var(--page-accent-color-light, var(--app-accent-color-light, #3b82f6)) 85%,var(--text))!important;margin:0 0 24px;font-family:var(--font-sans)}.dashboard-container.dark-mode .page-title{color:color-mix(in srgb,var(--page-accent-color-dark, var(--app-accent-color-dark, #60a5fa)) 78%,var(--text))!important}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.stat-card{--card-accent: var(--brand);position:relative;background:var(--surface);border:1px solid var(--border);padding:22px 20px 20px;border-radius:14px;box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent),0 8px 22px color-mix(in srgb,var(--text) 5%,transparent);display:flex;align-items:center;gap:16px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent)}.dashboard-container.dark-mode .stat-card{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #00000040,0 10px 28px #0000004d}.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 30%,var(--border));box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent),0 14px 30px color-mix(in srgb,var(--card-accent) 14%,transparent)}.stat-card-purple{--card-accent: var(--brand)}.stat-card-orange{--card-accent: var(--warning)}.stat-card-blue{--card-accent: var(--info)}.stat-card-red{--card-accent: var(--danger)}.stat-card-green{--card-accent: var(--success)}.stat-card--clickable{cursor:pointer;font-family:inherit;text-align:inherit;width:100%;appearance:none}.stat-card--clickable:focus-visible{outline:none;border-color:color-mix(in srgb,var(--card-accent) 50%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 22%,transparent),0 1px 2px color-mix(in srgb,var(--text) 4%,transparent),0 12px 28px color-mix(in srgb,var(--card-accent) 14%,transparent)}.stat-card--clickable.is-active{border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border));background:color-mix(in srgb,var(--card-accent) 6%,var(--surface));box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent),0 14px 30px color-mix(in srgb,var(--card-accent) 22%,transparent)}.stat-card--clickable.is-active:before{height:4px}.dashboard-container.dark-mode .stat-card--clickable.is-active{background:color-mix(in srgb,var(--card-accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border))}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--card-accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--card-accent) 22%,transparent);color:var(--card-accent)}.dashboard-container.dark-mode .stat-icon{background:color-mix(in srgb,var(--card-accent) 22%,var(--surface));border-color:color-mix(in srgb,var(--card-accent) 30%,transparent)}.stat-content{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-value{font-size:26px;font-weight:800;color:var(--text);font-family:var(--font-sans);line-height:1.1;letter-spacing:-.02em}.dashboard-container.dark-mode .stat-value{color:var(--text)}.stat-label{font-size:11px;font-weight:700;color:var(--card-accent);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.stat-icon svg{color:var(--card-accent)}.dashboard-container.dark-mode .stat-label{color:var(--card-accent)}.filter-section{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-input,.filter-select{flex:1;min-width:150px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font-sans);color:var(--text);background:var(--surface);transition:all .3s ease}.dashboard-container.dark-mode .filter-input,.dashboard-container.dark-mode .filter-select{border-color:var(--border);color:var(--text);background:var(--surface)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px #7152f31a}.filter-input::placeholder{color:var(--muted)}.search-btn{padding:12px 20px;background:var(--text);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.search-btn:hover{background:color-mix(in oklab,var(--brand) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px #7152f34d}.add-employee-btn{padding:12px 20px;background:var(--text);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-employee-btn:hover{background:color-mix(in oklab,var(--brand) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px #7152f34d}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.show-entries{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);font-family:var(--font-sans)}.dashboard-container.dark-mode .show-entries{color:var(--text)}.entries-select{padding:6px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:var(--font-sans);color:var(--text);background:var(--surface);cursor:pointer;transition:all .3s ease}.dashboard-container.dark-mode .entries-select{border-color:var(--border);color:var(--text);background:var(--surface)}.entries-select:focus{outline:none;border-color:var(--text)}.view-toggle{display:flex;gap:8px}.view-btn{padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard-container.dark-mode .view-btn{background:var(--surface);border-color:var(--border)}.view-btn:hover{border-color:var(--text)}.view-btn.active{background:#7152f31a;border-color:var(--text)}.employees-table-wrapper{background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:visible;transition:background-color .3s ease,box-shadow .3s ease}.dashboard-container.dark-mode .employees-table-wrapper{background:var(--surface);box-shadow:0 2px 8px #0000004d}.employees-table-main{width:100%;border-collapse:collapse}.employees-table-main thead{background:var(--surface-2)}.dashboard-container.dark-mode .employees-table-main thead{background:var(--text)}.employees-table-main th{padding:16px;text-align:start;font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-sans);border-bottom:1px solid var(--border)}.dashboard-container.dark-mode .employees-table-main th{color:var(--text);border-bottom-color:var(--border)}.employees-table-main tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.dashboard-container.dark-mode .employees-table-main tbody tr{border-bottom-color:var(--border)}.employees-table-main tbody tr:hover,.dashboard-container.dark-mode .employees-table-main tbody tr:hover{background:var(--surface-2)}.employees-table-main td{padding:16px;font-size:14px;color:var(--text);font-family:var(--font-sans);text-align:start}.dashboard-container.dark-mode .employees-table-main td{color:var(--text)}.employee-name-cell-main{display:flex;align-items:center;gap:12px}.employee-avatar-main{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--text) 0%,color-mix(in srgb,var(--text) 80%,var(--surface)) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);flex-shrink:0;position:relative;overflow:hidden}.employee-avatar-main img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.employee-avatar-main.manager-gold-border{border:3px solid var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 30%,transparent),0 0 10px color-mix(in srgb,var(--warning) 50%,transparent)}.employee-avatar-main.manager-employee-blue-border{border:3px solid var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 30%,transparent),0 0 10px color-mix(in srgb,var(--info) 50%,transparent)}.dashboard-container.dark-mode .employee-avatar-main.manager-employee-blue-border{border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 30%,transparent),0 0 10px color-mix(in srgb,var(--info) 50%,transparent)}.employee-name-main{font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-sans);margin-bottom:4px}.dashboard-container.dark-mode .employee-name-main{color:var(--text)}.employee-email-main{font-size:12px;color:color-mix(in srgb,var(--text) 45%,transparent);font-family:var(--font-sans)}.employee-id-badge{color:var(--button-primary-color-light, #8b5cf6);font-weight:500;font-family:var(--font-sans)}.dashboard-container.dark-mode .employee-id-badge{color:var(--button-primary-color-dark, #7c3aed)}.department-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;font-family:var(--font-sans);background:var(--chip-bg-2, rgba(113, 82, 243, .1));color:var(--chip-fg, #1a1a1a);border:1px solid color-mix(in srgb,var(--chip-fg, #8b5cf6) 28%,transparent)}.dept-badge-color1{background:var(--chip-bg-1);color:var(--chip-fg)}.dept-badge-color2{background:var(--chip-bg-2);color:var(--chip-fg)}.dept-badge-color3{background:var(--chip-bg-3);color:var(--chip-fg)}.dept-badge-color4{background:var(--chip-bg-4);color:var(--chip-fg)}.dept-badge-default{background:var(--chip-bg-2);color:var(--chip-fg)}.action-dots{background:none;border:none;cursor:pointer;padding:4px;color:color-mix(in srgb,var(--text) 45%,transparent);transition:color .3s ease}.action-dots:hover{color:var(--text)}.employees-cards-wrapper{background:var(--surface, #ffffff);border-radius:12px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .05));padding:24px;transition:background-color .3s ease,box-shadow .3s ease}.dashboard-container.dark-mode .employees-cards-wrapper{background:var(--surface, #2a2a2a);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .3))}.employees-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.employee-card{background:var(--surface-2, #f5f5f5);border-radius:12px;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;overflow:visible}.dashboard-container.dark-mode .employee-card{background:var(--surface, #1a1a1a)}.employee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.card-menu-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:6px;color:var(--muted, #A2A1A8);transition:color .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.card-menu-btn:hover{color:var(--text, #1a1a1a)}.card-avatar{width:80px;height:80px;border-radius:50%;background:var(--button-primary-color-light, #8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--button-text-color-light, white);font-size:24px;font-weight:600;font-family:var(--font-sans);margin-bottom:16px;position:relative}.dashboard-container.dark-mode .card-avatar{background:var(--button-primary-color-dark, #7c3aed);color:var(--button-text-color-dark, white)}.card-avatar.manager-gold-border{border:4px solid var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 30%,transparent),0 0 15px color-mix(in srgb,var(--warning) 60%,transparent)}.card-avatar.manager-employee-blue-border{border:4px solid var(--info, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--info, #3b82f6) 30%,transparent),0 0 15px color-mix(in srgb,var(--info, #3b82f6) 60%,transparent)}.dashboard-container.dark-mode .card-avatar.manager-employee-blue-border{border-color:var(--info, #60a5fa);box-shadow:0 0 0 2px color-mix(in srgb,var(--info, #60a5fa) 30%,transparent),0 0 15px color-mix(in srgb,var(--info, #60a5fa) 60%,transparent)}.card-name{font-size:18px;font-weight:700;color:var(--text, #1a1a1a);margin:0 0 8px;font-family:var(--font-sans)}.dashboard-container.dark-mode .card-name{color:var(--text, #e5e5e5)}.card-role-badge{display:inline-block;padding:6px 12px;background:var(--chip-bg-2, #e0e0e0);border-radius:20px;font-size:12px;font-weight:500;color:var(--chip-fg, #1a1a1a);margin-bottom:16px;font-family:var(--font-sans);border:1px solid color-mix(in srgb,var(--chip-fg, #8b5cf6) 28%,transparent)}.card-role-badge.dept-badge-color1{background:var(--chip-bg-1);color:var(--chip-fg)}.card-role-badge.dept-badge-color2{background:var(--chip-bg-2);color:var(--chip-fg)}.card-role-badge.dept-badge-color3{background:var(--chip-bg-3);color:var(--chip-fg)}.card-role-badge.dept-badge-color4{background:var(--chip-bg-4);color:var(--chip-fg)}.card-role-badge.dept-badge-default{background:var(--chip-bg-2);color:var(--chip-fg)}.card-details{width:100%;margin-bottom:16px}.card-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;font-family:var(--font-sans)}.card-detail-label{color:var(--muted, #A2A1A8)}.card-detail-value{color:var(--text, #1a1a1a);font-weight:500}.dashboard-container.dark-mode .card-detail-value{color:var(--text, #e5e5e5)}.card-actions{display:flex;gap:12px;justify-content:center;width:100%;margin-top:auto}.card-action-btn{width:36px;height:36px;border-radius:50%;background:var(--surface, #ffffff);border:1px solid var(--border, rgba(15, 23, 42, .08));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text, #1a1a1a);transition:all .3s ease}.dashboard-container.dark-mode .card-action-btn{background:var(--surface, #0f172a);border-color:var(--border, rgba(148, 163, 184, .16));color:var(--text, #e5e5e5)}.card-action-btn:hover{background:var(--button-primary-color-light, #8b5cf6);transform:scale(1.1)}.card-action-btn:hover svg,.card-action-btn:hover{color:var(--button-text-color-light, #ffffff)}.dashboard-container.dark-mode .card-action-btn:hover{background:var(--button-primary-color-dark, #7c3aed)}.dashboard-container.dark-mode .card-action-btn:hover svg,.dashboard-container.dark-mode .card-action-btn:hover{color:var(--button-text-color-dark, #ffffff)}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.kpi-card{background:var(--surface);padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.dashboard-container.dark-mode .kpi-card{background:var(--surface);box-shadow:0 2px 8px #0000004d}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-label{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 8px;font-family:var(--font-sans)}.dashboard-container.dark-mode .kpi-label{color:var(--muted)}.kpi-value{font-size:32px;font-weight:700;color:var(--text);margin:0 0 8px;font-family:var(--font-sans)}.dashboard-container.dark-mode .kpi-value{color:var(--text)}.kpi-change{font-size:14px;font-weight:600;margin:0 0 8px;font-family:var(--font-sans)}.kpi-change.positive{color:var(--success)}.kpi-change.negative{color:var(--danger)}.kpi-update{font-size:12px;color:var(--muted);font-family:var(--font-sans)}.dashboard-container.dark-mode .kpi-update{color:var(--muted)}.card-action-btn.active{background:var(--brand);color:#fff}.card-action-btn.active:hover{background:color-mix(in oklab,var(--brand) 88%,black);color:#fff}.card-action-btn svg{width:18px;height:18px;transition:color .3s ease}.table-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;flex-shrink:0}.table-action-btn:disabled{opacity:.5;cursor:not-allowed}.table-action-btn svg,.table-action-btn{color:inherit}.table-action-btn:not(.approve-btn):not(.reject-btn):not(.edit-btn):not(.delete-btn):not(.view-btn):not(.view-attachment-btn):not(.reply-btn):not(.archive-btn) svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn:not(.approve-btn):not(.reject-btn):not(.edit-btn):not(.delete-btn):not(.view-btn):not(.view-attachment-btn):not(.reply-btn):not(.archive-btn) svg{color:var(--timo-text-primary)}.table-action-btn.approve-btn{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 28%,transparent)}.table-action-btn.approve-btn svg{color:var(--success)}.table-action-btn.approve-btn:hover:not(:disabled){background:color-mix(in srgb,var(--success) 22%,var(--surface));border-color:color-mix(in srgb,var(--success) 42%,transparent);transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--success) 18%,transparent)}.dashboard-container.dark-mode .table-action-btn.approve-btn{background:color-mix(in srgb,var(--success) 18%,var(--surface))}.dashboard-container.dark-mode .table-action-btn.approve-btn:hover:not(:disabled){background:color-mix(in srgb,var(--success) 28%,var(--surface))}.table-action-btn.reject-btn{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent)}.table-action-btn.reject-btn svg{color:var(--danger)}.table-action-btn.reject-btn:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 22%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,transparent);transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--danger) 18%,transparent)}.dashboard-container.dark-mode .table-action-btn.reject-btn{background:color-mix(in srgb,var(--danger) 18%,var(--surface))}.dashboard-container.dark-mode .table-action-btn.reject-btn:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 28%,var(--surface))}.table-action-btn.edit-btn{background:var(--surface-2);color:var(--text)}.table-action-btn.edit-btn svg{color:var(--text)}.table-action-btn.edit-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.edit-btn{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.edit-btn svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.edit-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}.table-action-btn.delete-btn{background:var(--surface-2);color:var(--text)}.table-action-btn.delete-btn svg{color:var(--text)}.table-action-btn.delete-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.delete-btn{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.delete-btn svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.delete-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}.table-action-btn.view-btn,.table-action-btn.view-attachment-btn{background:var(--surface-2);color:var(--text)}.table-action-btn.view-btn svg,.table-action-btn.view-attachment-btn svg{color:var(--text)}.table-action-btn.view-btn:hover:not(:disabled),.table-action-btn.view-attachment-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.view-btn,.dashboard-container.dark-mode .table-action-btn.view-attachment-btn{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.view-btn svg,.dashboard-container.dark-mode .table-action-btn.view-attachment-btn svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.view-btn:hover:not(:disabled),.dashboard-container.dark-mode .table-action-btn.view-attachment-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}.table-action-btn.view-attachment-btn.has-attachment{background:var(--surface-2);color:var(--text)}.table-action-btn.view-attachment-btn.has-attachment svg{color:var(--text)}.table-action-btn.view-attachment-btn.has-attachment:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.view-attachment-btn.has-attachment{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.view-attachment-btn.has-attachment svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.view-attachment-btn.has-attachment:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}.table-action-btn.reply-btn{background:var(--surface-2);color:var(--text)}.table-action-btn.reply-btn svg{color:var(--text)}.table-action-btn.reply-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.reply-btn{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.reply-btn svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.reply-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}.table-action-btn.archive-btn{background:var(--surface-2);color:var(--text)}.table-action-btn.archive-btn svg{color:var(--text)}.table-action-btn.archive-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 8%);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dashboard-container.dark-mode .table-action-btn.archive-btn{background:var(--surface-2);color:var(--text)}.dashboard-container.dark-mode .table-action-btn.archive-btn svg{color:var(--text)}.dashboard-container.dark-mode .table-action-btn.archive-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 70%,var(--text) 12%)}@media(max-width:900px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:540px){.stats-cards{grid-template-columns:1fr;gap:12px}}@media(max-width:1100px)and (min-width:901px){.stat-card{padding:14px 12px;gap:10px}.stat-icon{width:36px;height:36px;border-radius:10px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:22px}.stat-label{font-size:10px;letter-spacing:.06em}}@media(max-width:768px){.dashboard-container{--app-header-height: 64px}.dashboard-header{height:var(--app-header-height, 64px);padding:0 14px;gap:10px}.header-left{gap:12px;min-width:0;flex:1 1 auto}.header-logo{min-width:0}.dashboard-header .logo-text,.logo-text{font-size:20px;min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{gap:8px;min-width:0;flex-shrink:0}.header-icons{gap:8px;min-width:0}.mobile-header-tools-wrapper{display:block}.mobile-header-refresh-btn{display:inline-flex}.mobile-header-tools-dropdown{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(8px,var(--safe-area-right, 0px));width:min(280px,calc(100vw - var(--safe-area-left, 0px) - var(--safe-area-right, 0px) - 16px))}[dir=rtl] .mobile-header-tools-dropdown{right:auto;left:max(8px,var(--safe-area-left, 0px))}.sidebar-toggle-header-btn,.header-hard-reload-btn,.notification-icon-wrapper,.theme-toggle,.table-header-color-toggle,.appearance-panel-toggle{width:40px!important;height:40px!important;padding:8px!important;border-radius:12px!important}.notification-icon-wrapper svg{width:24px!important;height:24px!important}.profile-info-header{padding:6px 10px 6px 6px;gap:10px;flex-shrink:0}.profile-details-header{display:none}.profile-info-header-wrapper{flex-shrink:0}.profile-menu-dropdown{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(8px,var(--safe-area-right, 0px));width:min(220px,calc(100vw - var(--safe-area-left, 0px) - var(--safe-area-right, 0px) - 16px));max-width:calc(100vw - var(--safe-area-left, 0px) - var(--safe-area-right, 0px) - 16px)}[dir=rtl] .profile-menu-dropdown{right:auto;left:max(8px,var(--safe-area-left, 0px))}.dashboard-content{padding-left:0;padding-top:var(--app-header-height, 64px);overflow-x:hidden}.main-content{width:100%;padding:0 12px 16px}.sidebar{position:fixed;top:var(--app-header-height, 64px);bottom:var(--app-shell-bottom-offset);z-index:150;width:min(86vw,300px);transform:translate(-105%);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--surface);padding-bottom:max(12px,var(--safe-area-bottom, 0px))}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.sidebar.closed{transform:translate(-105%)}.sidebar-overlay.open,.sidebar-open-btn{display:block}.stats-cards{grid-template-columns:1fr}.filter-section{flex-direction:column}.filter-input,.filter-select{width:100%}}.dashboard-page{padding:0 var(--dashboard-page-padding-x, 48px) var(--dashboard-page-padding-bottom, 32px) var(--dashboard-page-padding-x, 48px);width:100%;max-width:100%;margin:0;box-sizing:border-box}@media(max-width:1366px){.dashboard-header{padding:0 14px}.header-left{gap:12px}.header-logo{gap:8px}.header-logo-img{height:30px;max-width:96px}.dashboard-header .logo-text{font-size:18px}.sidebar-toggle-header-btn,.theme-toggle,.notification-icon-wrapper,.table-header-color-toggle,.appearance-panel-toggle{width:38px!important;height:38px!important;padding:8px!important}.notification-icon-wrapper svg,.theme-toggle svg,.table-header-color-toggle svg,.appearance-panel-toggle svg{width:20px!important;height:20px!important}.dashboard-header .language-toggle{width:46px;height:38px;font-size:12px}.profile-info-header{gap:8px;padding:6px 10px 6px 6px}.profile-avatar-header{width:34px;height:34px}.profile-name-header{font-size:13px}.profile-email-header{font-size:10px}.sidebar{padding:6px 8px 10px}.sidebar-profile,.sidebar-brand{gap:10px}.sidebar-profile-avatar,.brand-mark{width:38px;height:38px;border-radius:12px;font-size:12px}.brand-name{font-size:16px}.sidebar-profile-name{font-size:13px}.sidebar-profile-title,.brand-sub{font-size:11px}.sidebar-nav{padding:4px 0 10px}.nav-item{gap:10px;padding:8px 10px;border-radius:12px;font-size:13px}.nav-item svg{width:18px;height:18px}}@media(max-width:1280px){.dashboard-header{padding:0 10px}.dashboard-header .logo-text{font-size:16px}.profile-info-header{padding-right:8px}.brand-name{font-size:15px}.sidebar-profile-name{font-size:12px}.sidebar-profile-title,.brand-sub{font-size:10px}.nav-item{font-size:12px;padding:7px 9px}}@media(max-width:430px){.dashboard-header{padding-left:max(10px,var(--safe-area-left, 0px));padding-right:max(10px,var(--safe-area-right, 0px))}.dashboard-header .logo-text,.logo-text{display:none}.header-left{gap:8px}.header-right,.header-icons{gap:6px}.dashboard-header .language-toggle{width:42px}}.dashboard-profile-card{background:var(--surface);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.dashboard-container.dark-mode .dashboard-profile-card{background:var(--surface)}.dashboard-profile-card:hover{transform:translateY(-8px)}.dashboard-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.dashboard-profile-card:hover:before{opacity:.6}.profile-card-header{padding:48px 40px;display:flex;align-items:center;gap:32px;color:#fff;position:relative;overflow:hidden}.profile-card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.profile-header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,transparent 100%);pointer-events:none}.profile-avatar-large{width:140px;height:140px;border-radius:50%;overflow:hidden;border:5px solid rgba(255,255,255,.4);flex-shrink:0;background:#ffffff26;position:relative;z-index:1;box-shadow:0 8px 32px #0003;transition:all .3s ease}.dashboard-profile-card:hover .profile-avatar-large{transform:scale(1.05);box-shadow:0 12px 40px #0000004d}.avatar-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;color:#fff;background:#ffffff26;text-shadow:0 2px 8px rgba(0,0,0,.2)}.profile-header-info{flex:1;position:relative;z-index:1}.profile-name-large{margin:0 0 16px;font-size:36px;font-weight:800;color:#fff;font-family:var(--font-sans);text-shadow:0 2px 12px rgba(0,0,0,.2);letter-spacing:-.5px}.profile-role-badge{display:inline-block;padding:8px 20px;border-radius:24px;font-size:13px;font-weight:700;font-family:var(--font-sans);letter-spacing:.5px;transition:all .3s ease}.dashboard-profile-card:hover .profile-role-badge{transform:scale(1.05)}.profile-card-body{padding:40px;background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,var(--timo-surface) 100%)}.dashboard-container.dark-mode .profile-card-body{background:linear-gradient(to bottom,#1e1e2ef2,#1e1e2e)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.profile-info-item{display:flex;align-items:flex-start;gap:20px;padding:24px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-info-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;transform:scaleY(0);transition:transform .3s ease}.profile-info-item:hover:before{transform:scaleY(1)}.dashboard-container.dark-mode .profile-info-item{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)}.profile-info-item:hover{transform:translateY(-4px) translate(4px);box-shadow:0 12px 24px #0000001f}.info-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.profile-info-item:hover .info-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #0003}.info-content{flex:1}.info-content label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:var(--font-sans)}.dashboard-container.dark-mode .info-content label{color:var(--muted)}.info-content p{margin:0;font-size:18px;font-weight:700;color:var(--text);font-family:var(--font-sans);line-height:1.4}.dashboard-container.dark-mode .info-content p{color:var(--text)}.salary-value{font-size:24px;font-weight:800;letter-spacing:-.5px}.attendance-item{grid-column:1 / -1;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);padding:28px}.dashboard-container.dark-mode .attendance-item{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)}.attendance-content{width:100%}.attendance-times{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:8px}.attendance-time-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px;padding:16px;background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.dashboard-container.dark-mode .attendance-time-item{background:var(--surface);box-shadow:0 2px 8px #0003}.attendance-time-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.time-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-family:var(--font-sans)}.time-value{font-size:28px;font-weight:800;color:var(--text);font-family:Courier New,ui-monospace,monospace;letter-spacing:2px}.dashboard-container.dark-mode .time-value{color:var(--text)}.time-separator{font-size:24px;font-weight:700;color:var(--muted);margin:0 4px}@media(max-width:768px){.dashboard-page{padding:0 16px 24px}.profile-card-header{flex-direction:column;text-align:center;padding:32px 24px}.profile-card-body{padding:24px}.profile-info-grid{grid-template-columns:1fr}.attendance-times{flex-direction:column;align-items:stretch}.time-separator{display:none}}.dashboard-title-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.dashboard-month-selector{display:flex;align-items:center;gap:12px}.month-select-label{font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}.dashboard-container.dark-mode .month-select-label{color:var(--muted)}.month-select-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:var(--font-sans);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease}.month-select-input:hover{border-color:var(--muted)}.month-select-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--timo-brand-primary) 10%,transparent)}.dashboard-container.dark-mode .month-select-input{background:var(--surface);border-color:var(--border);color:var(--text)}.dashboard-container.dark-mode .month-select-input:hover{border-color:var(--muted)}.dashboard-container.dark-mode .month-select-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--timo-brand-primary) 20%,transparent)}.dashboard-header-section{margin-bottom:0}.dashboard-title{font-size:32px;font-weight:700;color:color-mix(in srgb,var(--page-accent-color-light, var(--app-accent-color-light, #3b82f6)) 85%,var(--text));margin:0 0 8px;font-family:var(--font-sans)}.dashboard-container.dark-mode .dashboard-title{color:color-mix(in srgb,var(--page-accent-color-dark, var(--app-accent-color-dark, #60a5fa)) 78%,var(--text))}.dashboard-subtitle{font-size:16px;color:var(--muted);margin:0;font-family:var(--font-sans)}.dashboard-container.dark-mode .dashboard-subtitle{color:var(--muted)}.admin-dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;width:100%}.admin-dashboard-card{background:var(--surface);border-radius:16px;padding:28px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid var(--border);min-width:0;width:100%;box-sizing:border-box}.dashboard-container.dark-mode .admin-dashboard-card{background:var(--surface);border-color:var(--border);box-shadow:0 2px 8px #0000004d}.admin-dashboard-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.dashboard-container.dark-mode .admin-dashboard-card:hover{box-shadow:0 4px 16px #00000080}.admin-card-header{margin-bottom:20px}.admin-card-title{font-size:16px;font-weight:600;color:var(--muted);margin:0;font-family:var(--font-sans)}.dashboard-container.dark-mode .admin-card-title{color:var(--muted)}.admin-card-body{display:flex;flex-direction:column}.admin-card-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-card-left{display:flex;flex-direction:column;gap:12px;flex:1}.admin-card-value{font-size:36px;font-weight:700;color:var(--text);line-height:1.2;font-family:var(--font-sans)}.dashboard-container.dark-mode .admin-card-value{color:var(--text)}.admin-card-percent-wrapper{flex-shrink:0}.admin-card-percent-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.admin-card-percent-inner{width:80px;height:80px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text);font-family:var(--font-sans)}.dashboard-container.dark-mode .admin-card-percent-inner{background:var(--surface);color:var(--text)}.admin-card-percent-value{font-size:18px;font-weight:700}.admin-card-info{display:flex;flex-direction:column;gap:4px}.admin-card-change{font-size:14px;font-weight:600;font-family:var(--font-sans)}.admin-card-period{font-size:12px;color:var(--muted);font-family:var(--font-sans)}.dashboard-container.dark-mode .admin-card-period{color:var(--muted)}@media(max-width:1600px){.admin-dashboard-cards{grid-template-columns:repeat(4,1fr);gap:20px}.admin-dashboard-card{padding:24px}}@media(max-width:1400px){.admin-dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-dashboard-cards{grid-template-columns:1fr;gap:16px}.dashboard-title{font-size:24px}.admin-card-value{font-size:28px}.admin-card-percent-circle{width:80px;height:80px}.admin-card-percent-inner{width:64px;height:64px}.admin-card-percent-value{font-size:14px}}.charts-section{display:flex;gap:24px;margin-top:32px;width:100%;flex-wrap:wrap}@media(max-width:1600px){.charts-section{flex-wrap:wrap}}@media(max-width:1200px){.charts-section{flex-direction:column}}.allowances-deductions-section{background:var(--surface);border-radius:16px;padding:32px 32px 20px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border);width:calc(25% - 18px);max-width:calc(25% - 18px);box-sizing:border-box;flex:1;min-width:300px}.dashboard-container.dark-mode .allowances-deductions-section{background:var(--surface);border-color:var(--border);box-shadow:0 2px 8px #0000004d}.allowances-deductions-header{margin-bottom:20px}.allowances-deductions-title{font-size:24px;font-weight:700;color:var(--text);margin:0;font-family:var(--font-sans)}.dashboard-container.dark-mode .allowances-deductions-title{color:var(--text)}.pie-chart-container{width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:20px;background:radial-gradient(600px 300px at 50% 0%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 70%),var(--surface);border-radius:16px;border:1px solid color-mix(in srgb,var(--brand) 15%,var(--border));transition:all .3s ease}.pie-chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.6}.pie-chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a,0 0 0 1px color-mix(in srgb,var(--brand) 20%,transparent)}.gauge-chart-wrapper{position:relative;width:100%;height:200px;flex-shrink:0}.gauge-text-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:10}.gauge-label{font-size:14px;color:var(--muted);font-weight:400;margin-bottom:8px;font-family:var(--font-sans)}.dashboard-container.dark-mode .gauge-label{color:var(--muted)}.gauge-value{font-size:32px;color:var(--text);font-weight:700;font-family:var(--font-sans);line-height:1.2}.dashboard-container.dark-mode .gauge-value{color:var(--text)}.gauge-legend{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);width:100%;box-sizing:border-box;flex-shrink:0}.employee-profile-card{margin-bottom:24px}.employee-profile-banner{position:relative;min-height:400px;padding:0;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-container.dark-mode .employee-profile-banner{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.employee-profile-banner{position:relative;z-index:2;display:flex;flex-direction:row;align-items:flex-start;padding:250px 50px 50px;margin-bottom:0;flex-shrink:0}.profile-avatar-section{position:relative;z-index:10000}.profile-avatar-wrapper{position:absolute;left:20px;bottom:-200px;transform:translateY(0);z-index:10000}.profile-avatar-img,.profile-avatar-placeholder{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0003;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--muted)}.dashboard-container.dark-mode .profile-avatar-placeholder{background:var(--surface-2);color:var(--muted)}.profile-banner-footer{background:var(--surface);width:100%;min-height:100px;border-radius:0 0 16px 16px;margin-top:auto;position:relative;z-index:1;display:flex;align-items:center;padding:20px 20px 20px 200px}.dashboard-container.dark-mode .profile-banner-footer{background:var(--surface)}.profile-name-section{background:transparent;padding:0;box-shadow:none;border-radius:0}.employee-profile-banner .profile-name{font-size:32px;font-weight:700;color:var(--text);margin:0 0 8px}.dashboard-container.dark-mode .employee-profile-banner .profile-name{color:var(--text)}.employee-profile-banner .profile-job-title{font-size:18px;color:var(--muted);font-weight:500;margin:0}.dashboard-container.dark-mode .employee-profile-banner .profile-job-title{color:var(--muted)}.employee-profile-banner:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#0000001a,#0000004d)}.employee-profile-banner>*{position:relative;z-index:3}.employee-profile-banner>.profile-avatar-section,.employee-profile-banner>.profile-avatar-wrapper{z-index:10000!important}.dashboard-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.dashboard-info-card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-container.dark-mode .dashboard-info-card{background:var(--surface);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.dashboard-info-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.dashboard-container.dark-mode .dashboard-info-card:hover{box-shadow:0 10px 25px -5px #0006,0 4px 6px -2px #0000004d}.email-card-content{display:flex;flex-direction:column;gap:12px}.email-item{display:flex;flex-direction:column;gap:4px}.email-label{font-size:12px;font-weight:500;color:var(--muted)}.dashboard-container.dark-mode .email-label{color:var(--muted)}.email-value{font-size:14px;font-weight:600;color:var(--text)}.dashboard-container.dark-mode .email-value{color:var(--text)}.social-links{display:flex;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.dashboard-container.dark-mode .social-links{border-top-color:var(--border)}.social-link{display:flex;align-items:center;gap:6px;color:var(--info);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.social-link:hover{color:color-mix(in oklab,var(--info) 85%,black)}.dashboard-container.dark-mode .social-link{color:var(--info)}.dashboard-container.dark-mode .social-link:hover{color:color-mix(in oklab,var(--info) 70%,white)}.social-link svg{flex-shrink:0}.salary-value-hidden{position:relative;min-height:28px}.salary-blur{filter:blur(8px);-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.salary-reveal{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.salary-card:hover .salary-blur{opacity:0}.salary-card:hover .salary-reveal{opacity:1}.info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.info-card-header label{font-size:14px;font-weight:500;color:var(--muted)}.dashboard-container.dark-mode .info-card-header label{color:var(--muted)}.attendance-header-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px}.info-card-value{font-size:18px;font-weight:600;color:var(--text);margin:0}.dashboard-container.dark-mode .info-card-value{color:var(--text)}.attendance-card .attendance-times{display:flex;align-items:center;gap:16px;margin-top:8px}.attendance-time-item{display:flex;flex-direction:column;gap:4px}.time-label{font-size:12px;color:var(--muted);font-weight:500}.dashboard-container.dark-mode .time-label{color:var(--muted)}.time-value{font-size:18px;font-weight:600}.time-separator{font-size:18px;color:var(--muted);font-weight:600}.my-attendance-card{margin-bottom:0}.attendance-date-picker{display:flex;align-items:center;margin-left:auto}.date-picker-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:var(--font-sans);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;flex:1;max-width:200px}.date-picker-input:hover{border-color:var(--muted)}.date-picker-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--timo-brand-primary) 10%,transparent)}.dashboard-container.dark-mode .date-picker-input{background:var(--surface);border-color:var(--border);color:var(--text)}.dashboard-container.dark-mode .date-picker-input:hover{border-color:var(--muted)}.dashboard-container.dark-mode .date-picker-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--timo-brand-primary) 20%,transparent)}.my-attendance-details{display:flex;flex-direction:column;gap:12px;margin-top:16px}.no-attendance-message{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.dashboard-container.dark-mode .no-attendance-message{color:var(--muted)}.loan-details-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.dashboard-container.dark-mode .loan-details-section{border-top-color:var(--border)}.loan-section-header{margin-bottom:12px}.loan-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.dashboard-container.dark-mode .loan-section-title{color:var(--text)}.loan-list{display:flex;flex-direction:column;gap:12px}.loan-item{background:var(--surface-2);border-radius:8px;padding:12px;border:1px solid var(--border)}.dashboard-container.dark-mode .loan-item{background:var(--surface);border-color:var(--border)}.loan-item-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.loan-item-row:last-child{margin-bottom:0}.loan-label{font-size:12px;font-weight:500;color:var(--muted)}.dashboard-container.dark-mode .loan-label{color:var(--muted)}.loan-value{font-size:13px;font-weight:600;color:var(--text)}.dashboard-container.dark-mode .loan-value{color:var(--text)}.loan-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.loan-status.status-pending{background:color-mix(in srgb,var(--warning) 18%,var(--surface));color:color-mix(in srgb,var(--warning) 80%,var(--text))}.dashboard-container.dark-mode .loan-status.status-pending{background:color-mix(in srgb,var(--warning) 35%,var(--surface));color:color-mix(in srgb,var(--warning) 50%,var(--text))}.loan-status.status-approved{background:color-mix(in srgb,var(--success) 18%,var(--surface));color:color-mix(in srgb,var(--success) 80%,var(--text))}.dashboard-container.dark-mode .loan-status.status-approved{background:color-mix(in srgb,var(--success) 35%,var(--surface));color:color-mix(in srgb,var(--success) 50%,var(--text))}.loan-status.status-rejected{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:color-mix(in srgb,var(--danger) 80%,var(--text))}.dashboard-container.dark-mode .loan-status.status-rejected{background:color-mix(in srgb,var(--danger) 35%,var(--surface));color:color-mix(in srgb,var(--danger) 50%,var(--text))}.attendance-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.attendance-detail-row:last-child{border-bottom:none}.dashboard-container.dark-mode .attendance-detail-row{border-bottom-color:var(--border)}.attendance-detail-row .detail-label{font-size:13px;font-weight:500;color:var(--muted)}.dashboard-container.dark-mode .attendance-detail-row .detail-label{color:var(--muted)}.attendance-detail-row .detail-value{font-size:14px;font-weight:600;color:var(--text)}.dashboard-container.dark-mode .attendance-detail-row .detail-value{color:var(--text)}@media(max-width:768px){.employee-profile-banner{padding:30px}.employee-profile-banner .profile-avatar-wrapper{position:absolute;left:30px;bottom:25px;transform:translateY(0);z-index:1000}.profile-avatar-img,.profile-avatar-placeholder{width:120px;height:120px;font-size:36px}.employee-profile-banner .profile-name{font-size:22px}.profile-banner-footer{padding:20px 20px 20px 150px}.dashboard-info-cards{grid-template-columns:1fr}}.dashboard-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}@media(max-width:1200px){.dashboard-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-cards-grid{grid-template-columns:1fr}}.personal-details-card{grid-column:1}.calendar-card{grid-column:2}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.dashboard-container.dark-mode .calendar-header h3{color:var(--timo-text-primary)}.calendar-nav-btn{background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;padding:4px 8px;transition:color .2s}.calendar-nav-btn:hover{color:var(--text)}.dashboard-container.dark-mode .calendar-nav-btn{color:var(--muted)}.dashboard-container.dark-mode .calendar-nav-btn:hover{color:var(--timo-text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding:8px 0}.dashboard-container.dark-mode .calendar-weekday{color:var(--muted)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text);border-radius:8px;cursor:pointer;transition:all .2s}.dashboard-container.dark-mode .calendar-day{color:var(--timo-text-primary)}.calendar-day.empty{visibility:hidden}.calendar-day.today{border:2px solid var(--brand);font-weight:600}.calendar-day.selected{background:var(--info);color:#fff;font-weight:600}.calendar-day.attended{background:color-mix(in srgb,var(--brand) 22%,var(--surface));color:color-mix(in oklab,var(--brand) 80%,black);font-weight:600}.dashboard-container.dark-mode .calendar-day.attended{background:color-mix(in oklab,var(--brand) 85%,black);color:color-mix(in srgb,var(--brand) 22%,var(--surface))}.calendar-day:hover:not(.empty){background:var(--surface-2)}.dashboard-container.dark-mode .calendar-day:hover:not(.empty){background:var(--text)}.upcoming-events-card{grid-column:3}.events-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.events-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 4px}.dashboard-container.dark-mode .events-title{color:var(--timo-text-primary)}.events-date{font-size:14px;color:var(--muted);margin:0}.dashboard-container.dark-mode .events-date{color:var(--muted)}.view-all-btn{background:var(--warning);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:color-mix(in oklab,var(--warning) 85%,black);transform:translateY(-1px)}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{background:var(--info);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-item:last-child{margin-bottom:0}.event-item.upcoming{background:var(--brand)}.event-item.past{background:var(--muted);opacity:.8}.event-content{flex:1}.event-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.event-time{font-size:12px;color:#fffc;margin:0}.event-time-small{font-size:11px;color:#ffffffb3;margin:4px 0 0}.event-status{display:flex;align-items:center}.leaves-loading,.leaves-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.dashboard-container.dark-mode .leaves-loading,.dashboard-container.dark-mode .leaves-empty{color:var(--muted)}.info-card{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffff80;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,inset 0 1px #fff9;transform:translateY(-2px)}.dashboard-container.dark-mode .info-card{background:var(--surface);border-color:color-mix(in srgb,var(--border) 75%,transparent);box-shadow:0 4px 20px #0006,0 2px 10px #0000004d,inset 0 1px #ffffff14}.dashboard-container.dark-mode .info-card:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));box-shadow:0 6px 24px #00000080,0 3px 12px #0006,inset 0 1px #ffffff1f}.basic-info-card{grid-column:1}.personal-info-card{grid-column:2}.occupation-info-card{grid-column:3}.info-card-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 20px}.dashboard-container.dark-mode .info-card-title{color:var(--timo-text-primary)}.info-card-title .non-editable,.info-card-title .editable{font-size:12px;font-weight:400;color:var(--muted)}.dashboard-container.dark-mode .info-card-title .non-editable,.dashboard-container.dark-mode .info-card-title .editable{color:var(--muted)}.info-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card-item{display:flex;flex-direction:column;gap:8px}.info-card-item.full-width{grid-column:1 / -1}.info-card-label{font-size:13px;color:var(--muted);font-weight:500}.dashboard-container.dark-mode .info-card-label{color:var(--muted)}.info-card-badge{background:var(--surface-2);color:var(--text);padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600}.dashboard-container.dark-mode .info-card-badge{background:var(--text);color:var(--timo-text-primary)}.info-card-input-wrapper{display:flex;align-items:center;gap:8px}.info-card-input{flex:1;padding:8px 12px;border:2px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:var(--surface)}.dashboard-container.dark-mode .info-card-input{background:var(--surface);border-color:var(--border);color:var(--text)}.calendar-icon{font-size:18px;cursor:pointer}.occupation-items{display:flex;flex-direction:column;gap:16px}.occupation-item{display:flex;align-items:center;gap:12px}.occupation-icon{font-size:24px}.occupation-text{font-size:14px;color:var(--text);font-weight:500}.dashboard-container.dark-mode .occupation-text{color:var(--text)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.status-pending{background:color-mix(in srgb,var(--warning) 18%,var(--surface));color:color-mix(in srgb,var(--warning) 80%,var(--text))}.dashboard-container.dark-mode .status-badge.status-pending,html.dark-mode .status-badge.status-pending{background:color-mix(in srgb,var(--warning) 35%,var(--surface));color:color-mix(in srgb,var(--warning) 50%,var(--text))}.status-badge.status-pending-admin{background:color-mix(in srgb,var(--info) 18%,var(--surface));color:color-mix(in srgb,var(--info) 80%,var(--text))}.dashboard-container.dark-mode .status-badge.status-pending-admin,html.dark-mode .status-badge.status-pending-admin{background:color-mix(in srgb,var(--info) 35%,var(--surface));color:color-mix(in srgb,var(--info) 50%,var(--text))}.status-badge.status-approved{background:color-mix(in srgb,var(--success) 18%,var(--surface));color:color-mix(in srgb,var(--success) 80%,var(--text))}.dashboard-container.dark-mode .status-badge.status-approved,html.dark-mode .status-badge.status-approved{background:color-mix(in srgb,var(--success) 35%,var(--surface));color:color-mix(in srgb,var(--success) 50%,var(--text))}.status-badge.status-rejected{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:color-mix(in srgb,var(--danger) 80%,var(--text))}.dashboard-container.dark-mode .status-badge.status-rejected,html.dark-mode .status-badge.status-rejected{background:color-mix(in srgb,var(--danger) 35%,var(--surface));color:color-mix(in srgb,var(--danger) 50%,var(--text))}.status-badge.status-cancelled,.dashboard-container.dark-mode .status-badge.status-cancelled,html.dark-mode .status-badge.status-cancelled{background:var(--surface-2);color:var(--muted)}.dashboard-container.dark-mode .gauge-legend{border-top-color:var(--border)}.gauge-legend-item{display:flex;align-items:center;gap:12px}.gauge-legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.gauge-legend-label{font-size:14px;color:var(--muted);font-weight:500;font-family:var(--font-sans);flex:1}.dashboard-container.dark-mode .gauge-legend-label{color:var(--muted)}.gauge-legend-value{font-size:16px;color:var(--text);font-weight:700;font-family:var(--font-sans)}.dashboard-container.dark-mode .gauge-legend-value{color:var(--text)}@media(max-width:1200px){.allowances-deductions-section{width:100%;max-width:100%}}@media(max-width:768px){.allowances-deductions-section{padding:24px 16px}.allowances-deductions-title{font-size:20px}.pie-chart-container{height:300px}}.table-wrapper,[class*=-table-wrapper]{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffff80;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;min-height:0;width:100%;max-width:100%}.table-wrapper .pagination-bar,[class*=-table-wrapper] .pagination-bar{flex-shrink:0;margin-top:auto;border-radius:0 0 12px 12px}.dashboard-container.dark-mode .table-wrapper,.dashboard-container.dark-mode [class*=-table-wrapper]{background:var(--surface);border-color:color-mix(in srgb,var(--border) 70%,transparent);box-shadow:0 4px 20px #0006,0 2px 10px #0000004d,inset 0 1px #ffffff14}.table-wrapper--fill,[class*=-table-wrapper--fill]{flex:1;height:100%;min-height:0}.main-content-inner .table-wrapper,.main-content-inner [class*=-table-wrapper],.main-content-inner .overtime-table-wrapper{flex:none;height:auto;min-height:auto}.main-content-inner .overtime-table-wrapper .table-scroll{flex:none;height:auto;min-height:auto;overflow:visible;-webkit-overflow-scrolling:touch}.table-scroll,[class*=-table-scroll]{flex:1;min-height:0;overflow:visible;-webkit-overflow-scrolling:touch}.attendance-day-page .overtime-table-wrapper .table-scroll{overflow:visible;-webkit-overflow-scrolling:touch}.attendance-day-page .table-controls-top{position:relative;z-index:2;width:100%;margin:0}.attendance-day-page .table-scroll .table-scroll-x .overtime-table{min-width:1200px}.attendance-day-page .overtime-table th,.attendance-day-page .overtime-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll .table-scroll-x,[class*=-table-scroll] .table-scroll-x,.table-wrapper .table-scroll-x,[class*=-table-wrapper] .table-scroll-x{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.table-scroll .table-scroll-x table,[class*=-table-scroll] .table-scroll-x table,.table-wrapper .table-scroll-x table,[class*=-table-wrapper] .table-scroll-x table{width:max-content;min-width:100%;table-layout:auto}@media(max-width:1024px){.table-scroll,[class*=-table-scroll]{overflow:visible!important}.table-scroll .table-scroll-x table,[class*=-table-scroll] .table-scroll-x table{width:max-content;min-width:100%}}@media(max-width:768px){.table-scroll .table-scroll-x table,[class*=-table-scroll] .table-scroll-x table{min-width:720px}.table-scroll .table-scroll-x th,.table-scroll .table-scroll-x td,[class*=-table-scroll] .table-scroll-x th,[class*=-table-scroll] .table-scroll-x td{font-size:12px;padding:10px 8px}}.table-loading,.table-empty,[class*=-loading]:not([class*=--loading]):not([class*=__]),[class*=-empty]:not([class*=--empty]):not([class*=__]){padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:240px;text-align:center;gap:8px}.table-empty p,[class*=-empty]:not([class*=--empty]):not([class*=__]) p{color:var(--muted);font-weight:500}table,.table,[class*=-table]{width:100%;border-collapse:collapse}table thead,.table thead,[class*=-table] thead,.overtime-table thead{background:var(--timo-surface)!important;border-bottom:1px solid var(--timo-hairline);box-shadow:none}table th,.table th,[class*=-table] th{padding:18px 16px;text-align:start;font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-sans);letter-spacing:.3px;text-transform:uppercase;border-bottom:none;box-shadow:none;white-space:nowrap}.overtime-table th{background:inherit!important}.dashboard-container.dark-mode table th,.dashboard-container.dark-mode .table th,.dashboard-container.dark-mode [class*=-table] th{color:var(--text);border-bottom-color:var(--border)}table tbody tr,.table tbody tr,[class*=-table] tbody tr{border-bottom:1px solid var(--border);background:var(--surface);transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-container.dark-mode table tbody tr,.dashboard-container.dark-mode .table tbody tr,.dashboard-container.dark-mode [class*=-table] tbody tr{background:var(--surface)}.dashboard-container.dark-mode table tbody tr,.dashboard-container.dark-mode .table tbody tr,.dashboard-container.dark-mode [class*=-table] tbody tr{border-bottom-color:var(--border)}table tbody tr:hover,.table tbody tr:hover,[class*=-table] tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),color-mix(in srgb,var(--brand) 4%,var(--surface)));box-shadow:inset 4px 0 color-mix(in srgb,var(--brand) 70%,transparent),0 2px 8px #0000000a}html[dir=rtl] table tbody tr:hover,html[dir=rtl] .table tbody tr:hover,html[dir=rtl] [class*=-table] tbody tr:hover{box-shadow:inset -4px 0 color-mix(in srgb,var(--brand) 70%,transparent),0 2px 8px #0000000a}.dashboard-container.dark-mode table tbody tr:hover,.dashboard-container.dark-mode .table tbody tr:hover,.dashboard-container.dark-mode [class*=-table] tbody tr:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),color-mix(in srgb,var(--brand) 6%,var(--surface)));box-shadow:inset 4px 0 color-mix(in srgb,var(--brand) 60%,transparent),0 2px 8px #0003}html[dir=rtl] .dashboard-container.dark-mode table tbody tr:hover,html[dir=rtl] .dashboard-container.dark-mode .table tbody tr:hover,html[dir=rtl] .dashboard-container.dark-mode [class*=-table] tbody tr:hover{box-shadow:inset -4px 0 color-mix(in srgb,var(--brand) 60%,transparent),0 2px 8px #0003}table td,.table td,[class*=-table] td{padding:16px;font-size:14px;color:var(--text);font-family:var(--font-sans)}.dashboard-container.dark-mode table td,.dashboard-container.dark-mode .table td,.dashboard-container.dark-mode [class*=-table] td{color:var(--text)}.dashboard-container{min-height:100dvh}.dashboard-header{padding-inline-start:max(12px,var(--safe-area-left, 0px));padding-inline-end:max(12px,var(--safe-area-right, 0px))}.dashboard-content{min-width:0;padding-bottom:calc(var(--app-footer-height, 44px) + var(--safe-area-bottom, 0px))}.main-content,.main-content-inner,.route-transition,.dashboard-page{min-width:0;max-width:100%}.main-content{padding-bottom:calc(var(--app-main-padding-bottom-extra, 24px) + var(--safe-area-bottom, 0px));overflow-x:visible}.layout-route-safe-zone{width:100%;max-width:100%;min-width:0;padding-inline:0}.sidebar{top:calc(var(--app-header-height, 72px) + var(--safe-area-top, 0px));bottom:var(--app-shell-bottom-offset);background:var(--surface);padding-bottom:max(14px,var(--safe-area-bottom, 0px))}@media(max-width:768px){.dashboard-header{min-height:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px));padding-top:var(--safe-area-top, 0px);padding-inline-start:max(8px,var(--safe-area-left, 0px));padding-inline-end:max(8px,var(--safe-area-right, 0px))}.dashboard-content{padding-top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px));padding-bottom:calc(var(--app-footer-height, 44px) + var(--safe-area-bottom, 0px))}.main-content{padding-top:0;padding-right:var(--app-page-gutter-tight, 12px);padding-bottom:calc(var(--app-main-padding-bottom-extra, 16px) + var(--safe-area-bottom, 0px));padding-left:var(--app-page-gutter-tight, 12px)}.sidebar{top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px));bottom:var(--app-shell-bottom-offset);width:min(88vw,316px);transform:translate(calc(-100% - var(--safe-area-left, 0px)));background:var(--surface);padding-bottom:max(12px,var(--safe-area-bottom, 0px))}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(calc(-100% - var(--safe-area-left, 0px)))}[dir=rtl] .sidebar{transform:translate(calc(100% + var(--safe-area-right, 0px)))}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .sidebar.closed{transform:translate(calc(100% + var(--safe-area-right, 0px)))}.main-content-inner{overflow-x:clip}}html[data-header-style=floating]{--hr-float-inset: 12px;--hr-float-radius: 16px}html[data-header-style=floating].dark-mode .dashboard-container{background:var(--theme-bg, var(--bg))!important}html[data-header-style=floating]:not(.dark-mode) .dashboard-container{background:var(--theme-bg, #dde4ec)!important}html[data-header-style=floating].dark-mode body,html[data-header-style=floating].dark-mode{background:var(--theme-bg, var(--bg))!important}html[data-header-style=floating]:not(.dark-mode) body,html[data-header-style=floating]:not(.dark-mode){background:var(--theme-bg, #dde4ec)!important}html[data-header-style=floating].dark-mode .sidebar{background:var(--theme-bg, var(--bg))!important;border-right:none!important}html[data-header-style=floating]:not(.dark-mode) .sidebar{background:var(--theme-bg, #dde4ec)!important;border-right:none!important}[dir=rtl] html[data-header-style=floating].dark-mode .sidebar,[dir=rtl] html[data-header-style=floating]:not(.dark-mode) .sidebar{border-left:none!important}html[data-header-style=floating]:not(.dark-mode) .hrdb-page,html[data-header-style=floating]:not(.dark-mode) .dashboard-container{--border: #cbd5e1 !important}html[data-header-style=floating] .hrdb-page:before{display:none!important;background:none!important;background-image:none!important;opacity:0!important}html[data-header-style=floating] .dashboard-content,html[data-header-style=floating] .main-content,html[data-header-style=floating] .dashboard-container.dark-mode .main-content,html[data-header-style=floating] .main-content-inner,html[data-header-style=floating] .hrdb-page,html[data-header-style=floating] .dashboard-page{background:transparent!important}html[data-header-style=floating] .main-content{padding-top:0!important;padding-bottom:var(--app-main-padding-bottom-extra, 24px)!important}html[data-header-style=floating] .main-content-inner,html[data-header-style=floating] .hrdb-page,html[data-header-style=floating] .dashboard-page{padding-top:0!important}html[data-header-style=floating] .hrdb-page .hrdb-header,html[data-header-style=floating] .hrdb-page .hrdb-kpi,html[data-header-style=floating] .hrdb-page .hrdb-qa,html[data-header-style=floating] .hrdb-page .hrdb-qa--brand,html[data-header-style=floating] .hrdb-page .hrdb-qa--success,html[data-header-style=floating] .hrdb-page .hrdb-qa--warning{background:var(--surface)!important;border-color:color-mix(in srgb,var(--border) 80%,transparent)!important}html[data-header-style=floating] .dashboard-header,html[data-header-style=floating].dark-mode .dashboard-header{background:none!important;background-color:transparent!important;background-image:none!important;border-bottom:none!important;box-shadow:none!important;pointer-events:none!important}html[data-accent-palette] .dashboard-header .appearance-panel-toggle,html[data-accent-palette] .dashboard-header .table-header-color-toggle{color:var(--brand)!important;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border))!important;background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important}html[data-accent-palette] .dashboard-header .appearance-panel-toggle.is-open{background:color-mix(in srgb,var(--brand) 18%,var(--surface))!important;border-color:var(--brand)!important}html[data-header-style=floating] .dashboard-header>*{pointer-events:auto}html[data-header-style=floating] .dashboard-header .logo-text,html[data-header-style=floating] .dashboard-header .header-logo .logo-text{color:var(--text)!important;opacity:1!important;text-shadow:none!important}html[data-header-style=floating] .dashboard-header .header-logo-img{filter:none!important;opacity:1!important}html[data-header-style=floating].dark-mode .dashboard-header .logo-text{color:var(--timo-text-primary)!important}html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn{color:var(--text)!important;background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;border-radius:10px!important;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a!important}html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 32%,var(--border))!important;color:var(--brand)!important}html[data-header-style=floating].dark-mode .dashboard-header .sidebar-toggle-header-btn{background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 28%,var(--border))!important;box-shadow:0 1px 3px #0000004d!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper{color:var(--text)!important;background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;border-radius:10px!important;padding:8px!important;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper svg,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper svg,html[data-header-style=floating] .dashboard-header .theme-toggle svg,html[data-header-style=floating] .dashboard-header .table-header-color-toggle svg,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle svg,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn svg,html[data-header-style=floating] .dashboard-header .header-right svg,html[data-header-style=floating] .dashboard-header .header-icons svg{color:var(--text)!important;stroke:currentColor!important;fill:none!important}html[data-header-style=floating] .dashboard-header .profile-info-header svg{color:var(--muted)!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:hover,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 32%,var(--border))!important}html[data-header-style=floating].dark-mode .dashboard-header .notification-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .apps-icon-wrapper{background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 28%,var(--border))!important;box-shadow:0 1px 3px #0000004d!important}html[data-header-style=floating] .sidebar{top:0!important;padding-top:calc(var(--app-header-height, 72px) + 8px)!important}html[data-header-style=floating] .dashboard-content{padding-top:var(--app-header-height, 72px)!important}html[data-header-style=floating] .dashboard-header .language-toggle,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn{color:var(--text)!important;background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;border-radius:10px!important;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}html[data-header-style=floating] .dashboard-header .language-toggle:hover,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 32%,var(--border))!important;color:var(--brand)!important}html[data-header-style=floating].dark-mode .dashboard-header .language-toggle,html[data-header-style=floating].dark-mode .dashboard-header .appearance-toggle-btn{background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 28%,var(--border))!important;box-shadow:0 1px 3px #0000004d!important}html[data-header-style=floating] .dashboard-header .profile-name-header{color:var(--text)!important}html[data-header-style=floating] .dashboard-header .profile-email-header{color:var(--muted)!important}html[data-header-style=floating] .dashboard-header .profile-info-header{background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;border-radius:12px!important;padding:4px 12px 4px 4px!important;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a!important}html[data-header-style=floating] .dashboard-header .profile-info-header:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 32%,var(--border))!important}html[data-header-style=floating].dark-mode .dashboard-header .profile-info-header{background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 28%,var(--border))!important;box-shadow:0 1px 3px #0000004d!important}.header-actions-cluster{position:relative;display:inline-flex;align-items:center;gap:8px}.header-actions-drawer{display:inline-flex;align-items:center;gap:8px}.header-actions-trigger{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:10px;color:var(--text);cursor:pointer;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;transition:background .18s ease,border-color .18s ease,color .18s ease}.header-actions-trigger:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface));border-color:color-mix(in srgb,var(--brand) 32%,var(--border));color:var(--brand)}.dashboard-container.dark-mode .header-actions-trigger{box-shadow:0 1px 3px #0000004d}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .header-actions-drawer{display:none}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true][data-actions-open=true] .header-actions-drawer{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:fixed;top:calc(var(--app-header-height, 72px) + 8px);right:14px;width:max-content;min-width:56px;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:12px;padding:8px;box-shadow:0 8px 24px #0f172a1f,0 1px 3px #0f172a0f;z-index:240}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true][data-actions-open=true] .header-actions-drawer .header-icons{display:flex;flex-direction:column;gap:8px}html[data-header-style=floating].dark-mode .dashboard-header[data-actions-collapsed=true][data-actions-open=true] .header-actions-drawer{box-shadow:0 8px 24px #0006,0 1px 3px #0000004d}html:not([data-header-style=floating]) .header-actions-trigger{display:none}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header .profile-details-header,html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header>svg{display:none!important}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header{padding:0!important;gap:0!important;border-radius:999px!important;background:transparent!important;border:0!important;box-shadow:none!important;width:40px!important;height:40px!important;min-width:40px!important;cursor:pointer}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header:hover{background:transparent!important}html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header .profile-avatar-header,html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header .profile-avatar,html[data-header-style=floating] .dashboard-header[data-actions-collapsed=true] .profile-info-header>img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating] .dashboard-header .language-toggle,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle,html[data-header-style=floating] .dashboard-header .table-header-color-toggle,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn,html[data-header-style=floating] .dashboard-header .header-actions-trigger{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important}html[data-header-style=floating] .dashboard-header .language-toggle{width:auto!important;min-width:44px!important;padding:0 12px!important;font-weight:700!important;font-size:12px!important;letter-spacing:.04em!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper svg,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper svg,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn svg,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle svg,html[data-header-style=floating] .dashboard-header .table-header-color-toggle svg,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn svg{width:18px!important;height:18px!important;stroke-width:1.9!important}html[data-header-style=floating] .dashboard-header .notification-bell-mask{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0!important;flex-grow:0!important}html[data-header-style=floating] .dashboard-header .notification-badge{top:-4px!important;right:-4px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:0!important;background:var(--danger)!important;color:#fff!important;border:2px solid var(--surface)!important;text-shadow:none!important;box-shadow:0 1px 2px #0000002e!important;animation:none!important}html[data-header-style=floating].dark-mode .dashboard-header .notification-badge{border-color:var(--surface)!important;box-shadow:0 1px 3px #00000080!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:hover,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:hover,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:hover,html[data-header-style=floating] .dashboard-header .language-toggle:hover,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:hover,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:hover,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:hover,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:hover,html[data-header-style=floating] .dashboard-header .header-actions-trigger:hover{background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 38%,var(--border))!important;color:var(--brand)!important;transform:none!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:hover svg,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:hover svg,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:hover svg,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:hover svg,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:hover svg,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:hover svg{color:var(--brand)!important}html[data-header-style=floating] .dashboard-header .profile-info-header{padding:3px 10px 3px 4px!important;gap:8px!important}html[data-header-style=floating] .dashboard-header .profile-info-header .profile-name-header{font-size:13px!important;font-weight:600!important;line-height:1.2!important}html[data-header-style=floating] .dashboard-header .profile-info-header .profile-email-header{font-size:11px!important;line-height:1.25!important;margin-top:1px!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:focus-visible,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:focus-visible,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:focus-visible,html[data-header-style=floating] .dashboard-header .language-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:focus-visible,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:focus-visible,html[data-header-style=floating] .dashboard-header .header-actions-trigger:focus-visible,html[data-header-style=floating] .dashboard-header .profile-info-header:focus-visible{outline:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 28%,transparent)!important}html[data-header-style=floating] .dashboard-header .header-icons,html[data-header-style=floating] .dashboard-header .header-actions-drawer{gap:6px!important}html[data-header-style=floating].dark-mode .dashboard-header .notification-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .apps-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating].dark-mode .dashboard-header .language-toggle,html[data-header-style=floating].dark-mode .dashboard-header .appearance-toggle-btn,html[data-header-style=floating].dark-mode .dashboard-header .appearance-panel-toggle,html[data-header-style=floating].dark-mode .dashboard-header .table-header-color-toggle,html[data-header-style=floating].dark-mode .dashboard-header .header-hard-reload-btn,html[data-header-style=floating].dark-mode .dashboard-header .header-actions-trigger{background:color-mix(in srgb,var(--surface) 80%,var(--brand) 12%)!important;border-color:color-mix(in srgb,var(--brand) 26%,var(--border))!important}html[data-header-style=floating] .dashboard-header .language-toggle{display:none!important}html[data-header-style=floating] .dashboard-header .break-timer-trigger:not(.is-on-break){padding:0!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important}html[data-header-style=floating] .dashboard-header .break-timer-trigger.is-on-break{width:auto!important;height:40px!important;min-width:40px!important;padding:0 14px 0 12px!important;gap:8px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}html[data-header-style=floating] .dashboard-header .break-timer-trigger svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0!important}html[data-header-style=floating] .dashboard-header .break-timer-trigger.is-on-break>span{font-size:13px!important;font-weight:600!important;color:var(--brand)!important;white-space:nowrap!important}html[data-header-style=floating]:not(.dark-mode) .dashboard-header .break-timer-trigger,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .break-timer-trigger svg{color:var(--text)!important}html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger,html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger svg{color:var(--text)!important}html[data-header-style=floating] .dashboard-header .break-timer-trigger.is-on-break,html[data-header-style=floating] .dashboard-header .break-timer-trigger.is-on-break svg{color:var(--brand)!important}html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger.is-on-break,html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger.is-on-break svg{color:color-mix(in srgb,var(--brand) 70%,var(--text))!important}html[data-header-style=floating] .dashboard-header .profile-info-header{border-radius:999px!important}html[data-header-style=floating]:not(.dark-mode) .dashboard-header .notification-icon-wrapper,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .apps-icon-wrapper,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .appearance-toggle-btn,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .appearance-panel-toggle,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .table-header-color-toggle,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .header-hard-reload-btn,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .theme-toggle,html[data-header-style=floating]:not(.dark-mode) .dashboard-header .break-timer-trigger:not(.is-on-break),html[data-header-style=floating]:not(.dark-mode) .dashboard-header .header-actions-trigger{background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;box-shadow:0 1px 2px #0f172a0f,0 1px 2px #0f172a0a!important}html[data-header-style=floating].dark-mode .dashboard-header .notification-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .apps-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .appearance-toggle-btn,html[data-header-style=floating].dark-mode .dashboard-header .appearance-panel-toggle,html[data-header-style=floating].dark-mode .dashboard-header .table-header-color-toggle,html[data-header-style=floating].dark-mode .dashboard-header .theme-toggle,html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger:not(.is-on-break){background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 26%,var(--border))!important}.profile-menu-lang-section{display:flex;flex-direction:column;gap:2px;padding:4px 0}.profile-menu-lang{display:flex!important;align-items:center;gap:10px}.profile-menu-lang__flag{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent);flex-shrink:0}.profile-menu-lang.is-active{background:transparent;color:var(--brand);font-weight:600;position:relative}.profile-menu-lang.is-active:after{content:"✓";position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--brand)}.profile-menu-divider{height:1px;background:var(--border);margin:4px 8px}.profile-menu-about{margin:6px 8px 2px;padding:10px 8px 6px;border-top:1px solid var(--border);font-size:10.5px;color:var(--muted);text-align:center;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-about__link{color:inherit;text-decoration:none;font-weight:600}.profile-menu-about__link:hover{color:var(--brand);text-decoration:underline}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating] .dashboard-header .language-toggle,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle,html[data-header-style=floating] .dashboard-header .table-header-color-toggle,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn,html[data-header-style=floating] .dashboard-header .theme-toggle,html[data-header-style=floating] .dashboard-header .break-timer-trigger,html[data-header-style=floating] .dashboard-header .header-actions-trigger{transition:background-color .15s ease,border-color .15s ease,color .15s ease!important;transform:none!important;box-shadow:0 1px 2px #0f172a0f!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:hover,html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:focus-visible,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:hover,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:focus-visible,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:hover,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:focus-visible,html[data-header-style=floating] .dashboard-header .language-toggle:hover,html[data-header-style=floating] .dashboard-header .language-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:hover,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:focus-visible,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:hover,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:hover,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:hover,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:focus-visible,html[data-header-style=floating] .dashboard-header .theme-toggle:hover,html[data-header-style=floating] .dashboard-header .theme-toggle:focus-visible,html[data-header-style=floating] .dashboard-header .break-timer-trigger:hover,html[data-header-style=floating] .dashboard-header .break-timer-trigger:focus-visible,html[data-header-style=floating] .dashboard-header .header-actions-trigger:hover,html[data-header-style=floating] .dashboard-header .header-actions-trigger:focus-visible{background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 38%,var(--border))!important;color:var(--brand)!important;transform:none!important;box-shadow:0 1px 2px #0f172a0f!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:hover svg,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:hover svg,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:hover svg,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:hover svg,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:hover svg,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:hover svg,html[data-header-style=floating] .dashboard-header .theme-toggle:hover svg,html[data-header-style=floating] .dashboard-header .break-timer-trigger:hover svg,html[data-header-style=floating] .dashboard-header .header-actions-trigger:hover svg{color:var(--brand)!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper:active,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper:active,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn:active,html[data-header-style=floating] .dashboard-header .language-toggle:active,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn:active,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle:active,html[data-header-style=floating] .dashboard-header .table-header-color-toggle:active,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn:active,html[data-header-style=floating] .dashboard-header .theme-toggle:active,html[data-header-style=floating] .dashboard-header .break-timer-trigger:active,html[data-header-style=floating] .dashboard-header .header-actions-trigger:active{background:color-mix(in srgb,var(--brand) 14%,var(--surface))!important;transform:none!important}html[data-header-style=floating] .dashboard-header .notification-icon-wrapper,html[data-header-style=floating] .dashboard-header .apps-icon-wrapper,html[data-header-style=floating] .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating] .dashboard-header .appearance-toggle-btn,html[data-header-style=floating] .dashboard-header .appearance-panel-toggle,html[data-header-style=floating] .dashboard-header .table-header-color-toggle,html[data-header-style=floating] .dashboard-header .header-hard-reload-btn,html[data-header-style=floating] .dashboard-header .theme-toggle,html[data-header-style=floating] .dashboard-header .language-toggle,html[data-header-style=floating] .dashboard-header .break-timer-trigger:not(.is-on-break),html[data-header-style=floating] .dashboard-header .header-actions-trigger,html[data-header-style=floating] .dashboard-header .profile-info-header,html[data-header-style=floating] .dashboard-header .mobile-header-refresh-btn,html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle{background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border))!important;box-shadow:0 1px 2px color-mix(in srgb,var(--text) 8%,transparent)!important;color:var(--text)!important;border-radius:999px!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}html[data-header-style=floating].dark-mode .dashboard-header .notification-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .apps-icon-wrapper,html[data-header-style=floating].dark-mode .dashboard-header .sidebar-toggle-header-btn,html[data-header-style=floating].dark-mode .dashboard-header .appearance-toggle-btn,html[data-header-style=floating].dark-mode .dashboard-header .appearance-panel-toggle,html[data-header-style=floating].dark-mode .dashboard-header .table-header-color-toggle,html[data-header-style=floating].dark-mode .dashboard-header .header-hard-reload-btn,html[data-header-style=floating].dark-mode .dashboard-header .theme-toggle,html[data-header-style=floating].dark-mode .dashboard-header .language-toggle,html[data-header-style=floating].dark-mode .dashboard-header .break-timer-trigger:not(.is-on-break),html[data-header-style=floating].dark-mode .dashboard-header .header-actions-trigger,html[data-header-style=floating].dark-mode .dashboard-header .profile-info-header,html[data-header-style=floating].dark-mode .dashboard-header .mobile-header-refresh-btn,html[data-header-style=floating].dark-mode .dashboard-header .mobile-header-tools-toggle{background:var(--surface)!important;border-color:color-mix(in srgb,var(--brand) 30%,var(--border))!important;box-shadow:0 1px 3px #0000004d!important}html[data-header-style=floating] .dashboard-header .mobile-header-refresh-btn,html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle,html[data-header-style=floating] .dashboard-header .mobile-header-refresh-btn svg,html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle svg{color:var(--text)!important}html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle{padding:2px!important;overflow:hidden}html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle .mobile-header-tools-avatar,html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle img,html[data-header-style=floating] .dashboard-header .mobile-header-tools-toggle .profile-avatar{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}.mobile-header-tools-dropdown .mobile-header-tools-item svg{color:var(--text);flex-shrink:0;width:22px;height:22px}.mobile-header-tools-dropdown .mobile-header-tools-item--danger svg{color:var(--danger)}html[data-header-style=floating] .dashboard-header .profile-info-header .profile-avatar-header,html[data-header-style=floating] .dashboard-header .profile-info-header>img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}html[data-header-style=floating] .dashboard-header .profile-info-header{width:44px;height:44px;min-width:44px;padding:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}html[data-header-style=floating] .dashboard-header .profile-info-header .profile-avatar,html[data-header-style=floating] .dashboard-header .profile-info-header img,html[data-header-style=floating] .dashboard-header .profile-info-header .profile-photo-header{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important}html[data-header-style=floating] .dashboard-header:not([data-actions-collapsed=true]) .profile-info-header:has(.profile-details-header:not([style*="display: none"])){width:auto!important;min-width:0!important;padding:4px 14px 4px 4px!important;gap:10px!important}html[data-header-style=floating] .dashboard-header .header-icons svg{color:var(--text)!important}.sidebar .nav-favorites>.nav-item svg{color:color-mix(in oklab,var(--warning, #d97706) 70%,var(--brand))!important}html.dark-mode .status-badge{border-color:color-mix(in srgb,var(--border) 50%,rgba(255,255,255,.14))}html.dark-mode .status-pending,html.dark-mode .status-pending-manager,html.dark-mode .status-pending-ceo{background:color-mix(in srgb,var(--timo-status-late) 24%,transparent)!important;color:#fffbeb!important;border-color:color-mix(in srgb,var(--timo-status-late) 50%,transparent)!important}html.dark-mode .status-approved{background:color-mix(in srgb,var(--timo-status-present) 24%,transparent)!important;color:#ecfdf5!important;border-color:color-mix(in srgb,var(--timo-status-present) 50%,transparent)!important}html.dark-mode .status-rejected{background:color-mix(in srgb,var(--timo-status-absent) 26%,transparent)!important;color:#fef2f2!important;border-color:color-mix(in srgb,var(--timo-status-absent) 55%,transparent)!important}html.dark-mode .status-pending-admin,html.dark-mode .status-manager-approved{background:color-mix(in srgb,var(--timo-brand-primary) 26%,transparent)!important;color:#eff6ff!important;border-color:color-mix(in srgb,var(--timo-brand-primary) 52%,transparent)!important}html.dark-mode .status-cancelled,html.dark-mode .status-unknown{background:#94a3b838!important;color:var(--timo-text-primary)!important;border-color:#cbd5e161!important}html.dark-mode .status-present{background:color-mix(in srgb,var(--timo-status-present) 24%,transparent)!important;color:#ecfdf5!important;border-color:color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important}html.dark-mode .status-leave{background:color-mix(in srgb,var(--timo-brand-primary) 28%,transparent)!important;color:#eff6ff!important;border-color:color-mix(in srgb,var(--timo-brand-primary) 52%,transparent)!important}html.dark-mode .status-ontime{background:color-mix(in srgb,var(--timo-status-present) 30%,transparent)!important;color:#ecfdf5!important;border:1px solid color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important}html.dark-mode .status-late{background:color-mix(in srgb,var(--timo-status-absent) 30%,transparent)!important;color:#fef2f2!important;border:1px solid color-mix(in srgb,var(--timo-status-absent) 52%,transparent)!important}html.dark-mode .status-early{background:color-mix(in srgb,var(--timo-status-late) 30%,transparent)!important;color:#fff7ed!important;border:1px solid color-mix(in srgb,var(--timo-status-late) 52%,transparent)!important}html.dark-mode .status-missing{background:color-mix(in srgb,var(--timo-brand-primary) 30%,transparent)!important;color:#eef2ff!important;border:1px solid color-mix(in srgb,var(--timo-brand-primary) 50%,transparent)!important}html.dark-mode .status-absent{background:#94a3b84d!important;color:var(--timo-text-primary)!important;border:1px solid rgba(226,232,240,.38)!important}html.dark-mode .status-excused{background:#d946ef4d!important;color:#fdf4ff!important;border:1px solid rgba(240,171,252,.48)!important}html.dark-mode .status-holiday{background:color-mix(in srgb,var(--timo-brand-pressed) 34%,transparent)!important;color:#f5f3ff!important;border:1px solid color-mix(in srgb,var(--timo-status-leave) 45%,transparent)!important}html.dark-mode .status-travel,html.dark-mode .record-type-checkin{background:color-mix(in srgb,var(--timo-status-present) 30%,transparent)!important;color:#ecfdf5!important;border:1px solid color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important}html.dark-mode .record-type-checkout{background:color-mix(in srgb,var(--timo-brand-primary) 28%,transparent)!important;color:#eff6ff!important;border:1px solid color-mix(in srgb,var(--timo-brand-primary) 50%,transparent)!important}html.dark-mode .record-type-missingout{background:color-mix(in srgb,var(--timo-status-late) 30%,transparent)!important;color:#fffbeb!important;border:1px solid color-mix(in srgb,var(--timo-status-late) 48%,transparent)!important}html.dark-mode .record-type-missingin{background:color-mix(in srgb,var(--timo-status-absent) 30%,transparent)!important;color:#fef2f2!important;border:1px solid color-mix(in srgb,var(--timo-status-absent) 50%,transparent)!important}html.dark-mode .mini-badge.badge-warning,html.dark-mode .badge-warning{background:color-mix(in srgb,var(--timo-status-late) 30%,transparent)!important;color:#fffbeb!important;border-color:color-mix(in srgb,var(--timo-status-late) 55%,transparent)!important}html.dark-mode .mini-badge.badge-info,html.dark-mode .badge-info{background:color-mix(in srgb,var(--timo-status-holiday-fg) 28%,transparent)!important;color:#e0f2fe!important;border-color:color-mix(in srgb,var(--timo-status-holiday-fg) 55%,transparent)!important}html.dark-mode .mini-badge.badge-danger,html.dark-mode .badge-danger{background:color-mix(in srgb,var(--timo-status-absent) 28%,transparent)!important;color:#fef2f2!important;border-color:color-mix(in srgb,var(--timo-status-absent) 55%,transparent)!important}html.dark-mode .time-badge-in{background:color-mix(in srgb,var(--timo-status-present) 30%,transparent)!important;color:#ecfdf5!important;border:1px solid color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important}html.dark-mode .time-badge-out{background:color-mix(in srgb,var(--timo-status-absent) 28%,transparent)!important;color:#fef2f2!important;border:1px solid color-mix(in srgb,var(--timo-status-absent) 48%,transparent)!important}html.dark-mode .hrdb-badge{background:color-mix(in srgb,var(--timo-surface) 96%,transparent)!important;border-color:#e2e8f03d!important;color:var(--timo-text-primary)!important}html.dark-mode .hrdb-badge--success{background:color-mix(in srgb,var(--timo-status-present) 26%,transparent)!important;border-color:color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important;color:#d1fae5!important}html.dark-mode .hrdb-badge--warning{background:color-mix(in srgb,var(--timo-status-late) 26%,transparent)!important;border-color:color-mix(in srgb,var(--timo-status-late) 48%,transparent)!important;color:#fffbeb!important}html.dark-mode .hrdb-badge--danger{background:color-mix(in srgb,var(--timo-status-absent) 26%,transparent)!important;border-color:color-mix(in srgb,var(--timo-status-absent) 52%,transparent)!important;color:#fee2e2!important}html.dark-mode .hrdb-badge--muted{background:#94a3b833!important;border-color:#cbd5e152!important;color:var(--timo-text-primary)!important}html.dark-mode .ltp-badge{border-color:#e2e8f038!important;background:color-mix(in srgb,var(--timo-surface) 88%,transparent)!important;color:var(--timo-text-primary)!important}html.dark-mode .ltp-badge--primary{background:color-mix(in srgb,var(--timo-brand-primary) 30%,transparent)!important;border-color:color-mix(in srgb,var(--timo-status-leave) 48%,transparent)!important;color:#f5f3ff!important}html.dark-mode .ltp-badge--success{background:color-mix(in srgb,var(--timo-status-present) 28%,transparent)!important;border-color:color-mix(in srgb,var(--timo-status-present) 45%,transparent)!important;color:#d1fae5!important}html.dark-mode .ltp-badge--info{background:color-mix(in srgb,var(--timo-brand-primary) 28%,transparent)!important;border-color:color-mix(in srgb,var(--timo-brand-primary) 48%,transparent)!important;color:#dbeafe!important}html.dark-mode .ltp-badge--muted{opacity:1!important;background:#64748b52!important;border-color:#94a3b866!important;color:var(--timo-text-primary)!important}html.dark-mode .status-badge.active{background:var(--timo-brand-pressed)!important;color:#dbeafe!important}html.dark-mode .status-badge.inactive{background:var(--timo-status-absent-fg)!important;color:#fecaca!important}html.dark-mode .dept-badge-color1,html.dark-mode .dept-badge-color2,html.dark-mode .dept-badge-color3,html.dark-mode .dept-badge-color4,html.dark-mode .dept-badge-default{color:var(--timo-text-primary)!important;border-color:#ffffff29!important}html.dark-mode .break-status-badge.status-active{background:color-mix(in srgb,var(--timo-status-present) 30%,transparent)!important;color:#ecfdf5!important;border:1px solid color-mix(in srgb,var(--timo-status-present) 45%,transparent)!important}html.dark-mode .break-status-badge.status-inactive{background:color-mix(in srgb,var(--timo-surface-elevated) 72%,transparent)!important;color:var(--timo-text-primary)!important;border:1px solid rgba(148,163,184,.4)!important}html.dark-mode .type-badge.allowance{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-status-present) 32%,transparent),color-mix(in srgb,var(--timo-status-present-fg) 28%,transparent))!important;color:#ecfdf5!important;border:1px solid color-mix(in srgb,var(--timo-status-present) 42%,transparent)!important}html.dark-mode .type-badge.deduction{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-status-absent) 30%,transparent),color-mix(in srgb,var(--timo-status-absent-fg) 28%,transparent))!important;color:#fef2f2!important;border:1px solid color-mix(in srgb,var(--timo-status-absent) 45%,transparent)!important}html.dark-mode .fixed-badge.fixed{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-brand-primary) 32%,transparent),color-mix(in srgb,var(--timo-brand-primary) 26%,transparent))!important;color:#eff6ff!important;border:1px solid color-mix(in srgb,var(--timo-brand-primary) 45%,transparent)!important}html.dark-mode .fixed-badge.monthly{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-status-late) 32%,transparent),color-mix(in srgb,var(--timo-status-late) 26%,transparent))!important;color:#fffbeb!important;border:1px solid color-mix(in srgb,var(--timo-status-late) 42%,transparent)!important}html.dark-mode .ad-auto-badge--overtime{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-status-present) 32%,transparent),color-mix(in srgb,var(--timo-status-present-fg) 28%,transparent))!important;color:#ecfdf5!important;border-color:color-mix(in srgb,var(--timo-status-present) 42%,transparent)!important}html.dark-mode .ad-auto-badge--loan{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-status-absent) 32%,transparent),color-mix(in srgb,var(--timo-status-absent-fg) 26%,transparent))!important;color:#fef2f2!important;border-color:color-mix(in srgb,var(--timo-status-absent) 45%,transparent)!important}html.dark-mode .ad-auto-badge--leave-overuse{background:linear-gradient(135deg,color-mix(in srgb,var(--timo-brand-primary) 34%,transparent),color-mix(in srgb,var(--timo-brand-pressed) 28%,transparent))!important;color:#f5f3ff!important;border-color:color-mix(in srgb,var(--timo-status-leave) 42%,transparent)!important}html.dark-mode .exception-applies .badge,html.dark-mode .badge-table{background:color-mix(in srgb,var(--timo-brand-primary) 28%,transparent)!important;color:#e0f2fe!important;border:1px solid color-mix(in srgb,var(--timo-brand-primary) 45%,transparent)!important}html.dark-mode .email-logs-table .badge-ok{background:color-mix(in srgb,var(--timo-status-present) 28%,transparent)!important;color:#ecfdf5!important;border-color:color-mix(in srgb,var(--timo-status-present) 48%,transparent)!important}html.dark-mode .email-logs-table .badge-bad{background:color-mix(in srgb,var(--timo-status-absent) 28%,transparent)!important;color:#fef2f2!important;border-color:color-mix(in srgb,var(--timo-status-absent) 48%,transparent)!important}.route-transition{width:100%}.layout-route-safe-zone{width:100%;min-width:0;max-width:100%}.birthday-modal-overlay{position:fixed;inset:0;background:color-mix(in oklab,#000 60%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:birthdayFadeIn .35s ease;cursor:pointer}.birthday-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid color-mix(in oklab,var(--brand) 25%,var(--border));border-radius:20px;padding:20px 32px 28px;text-align:center;box-shadow:0 30px 80px -20px color-mix(in oklab,var(--brand) 35%,rgba(0,0,0,.5));animation:birthdayScaleIn .45s cubic-bezier(.16,1,.3,1);cursor:default;max-width:min(480px,calc(100vw - 32px));z-index:1}.birthday-cake{font-size:clamp(56px,8vw,84px);line-height:1;animation:birthdayCakeBounce 1.6s ease-in-out infinite;filter:drop-shadow(0 8px 16px color-mix(in oklab,var(--brand) 35%,transparent));margin-bottom:-8px}.birthday-title{margin:8px 0 0;font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.02em;background:var(--timo-status-late);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand);animation:birthdayTitleShimmer 3s ease-in-out infinite;background-size:200% 200%}.birthday-message{margin:8px 0 0;font-size:clamp(14px,1.4vw,16px);color:var(--muted);line-height:1.5;max-width:380px}.birthday-emoji-row{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:clamp(20px,2.5vw,26px);line-height:1}.birthday-emoji-row>span{display:inline-block;animation:birthdayEmojiWiggle 2.2s ease-in-out infinite}.birthday-emoji-row>span:nth-child(2){animation-delay:.2s}.birthday-emoji-row>span:nth-child(3){animation-delay:.4s}.birthday-emoji-row>span:nth-child(4){animation-delay:.6s}.birthday-emoji-row>span:nth-child(5){animation-delay:.8s}.birthday-confetti-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.birthday-confetti-piece{position:absolute;top:100%;display:inline-block;animation:birthdayConfettiRise linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));will-change:transform,opacity}@keyframes birthdayCakeBounce{0%,to{transform:translateY(0) rotate(-4deg) scale(1)}25%{transform:translateY(-12px) rotate(-2deg) scale(1.04)}50%{transform:translateY(0) rotate(0) scale(1)}75%{transform:translateY(-8px) rotate(2deg) scale(1.04)}}@keyframes birthdayTitleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes birthdayEmojiWiggle{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-12deg) translateY(-4px)}70%{transform:rotate(12deg) translateY(-4px)}}@keyframes birthdayConfettiRise{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.95}85%{opacity:.85}to{transform:translateY(-115vh) translate(20px) rotate(360deg);opacity:0}}@keyframes birthdayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes birthdayScaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.dark-mode .birthday-modal-overlay{background:color-mix(in oklab,#000 75%,transparent)}.appearance-panel-root{position:relative}.appearance-panel-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:5000;width:min(320px,calc(100vw - 24px));max-height:min(80vh,560px);overflow-y:auto;overflow-x:hidden;padding:18px 18px 16px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px #0f172a1f,0 2px 10px #0f172a0f;animation:fadeIn .2s ease}[dir=rtl] .appearance-panel-popover{right:auto;left:0}.appearance-panel-popover--mobile{position:fixed;top:calc(var(--app-header-height, 64px) + var(--safe-area-top, 0px) + 8px);right:max(12px,var(--safe-area-right, 0px));left:max(12px,var(--safe-area-left, 0px));width:auto;max-height:min(78vh,520px)}[dir=rtl] .appearance-panel-popover--mobile{right:max(12px,var(--safe-area-right, 0px));left:max(12px,var(--safe-area-left, 0px))}.dark-mode .appearance-panel-popover{background:var(--surface);border-color:var(--border);box-shadow:0 12px 48px #00000073,0 2px 12px #00000040}.appearance-panel__title{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.appearance-panel__hint{margin:0 0 16px;font-size:12px;line-height:1.45;color:var(--muted)}.appearance-panel__section{margin-bottom:16px}.appearance-panel__section:last-child{margin-bottom:0}.appearance-panel__label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.appearance-panel__divider{height:1px;margin:4px 0 16px;background:var(--border);border:none}.appearance-panel__accent-note{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}.appearance-panel__color-grid{margin-top:4px}.appearance-theme-family-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:360px){.appearance-theme-family-row{grid-template-columns:1fr}}.appearance-theme-family-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2, var(--surface));color:var(--text);cursor:pointer;text-align:start;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.appearance-theme-family-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.appearance-theme-family-card--active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 22%,transparent)}.appearance-theme-family-card-title{font-weight:700;font-size:13px}.appearance-theme-family-card-desc{font-size:11px;color:var(--muted);line-height:1.35}.appearance-theme-mode-pill{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2, var(--surface));border:1px solid var(--border);gap:3px}.appearance-theme-mode-pill button{border:none;background:transparent;color:var(--muted);font-weight:600;font-size:12px;padding:7px 16px;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease}.appearance-theme-mode-pill button:hover{color:var(--text)}.appearance-theme-mode-pill button.active{background:color-mix(in srgb,var(--brand) 18%,var(--surface));color:var(--text)}.appearance-palette-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.appearance-palette-row__label{display:flex;flex-direction:column;gap:2px;min-width:0}.appearance-palette-row__hint{font-size:10.5px;color:var(--muted);line-height:1.3;font-weight:500}.appearance-toggle{position:relative;display:inline-block;flex-shrink:0;width:36px;height:20px;cursor:pointer}.appearance-toggle input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}.appearance-toggle__track{position:absolute;inset:0;background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;transition:background .18s ease}.appearance-toggle__thumb{position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;background:#fff;border-radius:999px;box-shadow:0 1px 2px #0f172a2e;transition:transform .18s ease}.appearance-toggle input:checked+.appearance-toggle__track{background:var(--brand)}.appearance-toggle input:checked+.appearance-toggle__track .appearance-toggle__thumb{transform:translate(16px)}[dir=rtl] .appearance-toggle input:checked+.appearance-toggle__track .appearance-toggle__thumb{transform:translate(-16px)}.appearance-toggle input:focus-visible+.appearance-toggle__track{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 28%,transparent)}.appearance-palette-select{width:100%;margin-top:4px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-inline-end:32px;transition:border-color .15s ease,box-shadow .15s ease}[dir=rtl] .appearance-palette-select{background-position:left 10px center;padding-inline-end:12px;padding-inline-start:32px}.appearance-palette-select:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--border))}.appearance-palette-select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 24%,transparent)}.table-header-color-toggle.is-open{box-shadow:0 0 0 2px color-mix(in srgb,var(--header-text-color, #fff) 35%,transparent),0 2px 8px #0000001f}.dark-mode .table-header-color-toggle.is-open{box-shadow:0 0 0 2px color-mix(in srgb,var(--header-text-color-dark, #fff) 30%,transparent),0 2px 10px #00000059}.table-header-color-picker-wrapper{position:relative}.table-header-color-toggle{background:color-mix(in srgb,var(--header-text-color, #ffffff) 14%,transparent);border:1px solid color-mix(in srgb,var(--header-text-color, #ffffff) 18%,transparent);cursor:pointer;color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.dark-mode .table-header-color-toggle{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 12%,transparent);border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 16%,transparent);box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.table-header-color-toggle svg{color:inherit!important;transition:transform .3s ease}.table-header-color-toggle:hover{color:var(--header-text-color, var(--app-accent-contrast-light, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color, #ffffff) 22%,transparent)!important;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d;border-color:color-mix(in srgb,var(--header-text-color, #ffffff) 28%,transparent)}.table-header-color-toggle:hover svg{transform:rotate(15deg)}.dark-mode .table-header-color-toggle:hover{color:var(--header-text-color-dark, var(--app-accent-contrast-dark, #ffffff))!important;background:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 20%,transparent)!important;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26;border-color:color-mix(in srgb,var(--header-text-color-dark, #ffffff) 26%,transparent)}.table-header-color-toggle:active{transform:translateY(0) scale(.98)}.table-header-color-picker{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px #00000026;padding:16px;z-index:1000;min-width:200px;animation:fadeIn .2s ease}.dark-mode .table-header-color-picker{background:var(--surface);box-shadow:0 4px 12px #0006}.color-picker-header{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;text-align:center}.dark-mode .color-picker-header{color:var(--text)}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-option{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.color-option:hover{transform:scale(1.1);border-color:#0003}.dark-mode .color-option:hover{border-color:#fff3}.color-option.active{border-color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 12%,transparent)}.dark-mode .color-option.active{border-color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 14%,transparent)}.appearance-panel__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.appearance-panel__active-name{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand, #2563eb);padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--brand, #2563eb) 12%,transparent);border:1px solid color-mix(in oklab,var(--brand, #2563eb) 22%,transparent);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.palette-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.palette-chip{--palette-primary: #5E6AD2;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 7px;background:var(--surface, #ffffff);border:1px solid color-mix(in oklab,var(--border, #e2e8f0) 80%,transparent);border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;min-height:56px}.dark-mode .palette-chip{background:color-mix(in oklab,var(--surface, #0f172a) 92%,transparent);border-color:color-mix(in oklab,var(--border, #334155) 70%,transparent)}.palette-chip:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--palette-primary) 55%,transparent);background:color-mix(in oklab,var(--palette-primary) 5%,var(--surface, #ffffff));box-shadow:0 3px 10px color-mix(in oklab,var(--palette-primary) 16%,transparent)}.dark-mode .palette-chip:hover{background:color-mix(in oklab,var(--palette-primary) 12%,var(--surface, #0f172a))}.palette-chip.is-active{border-color:var(--palette-primary);background:color-mix(in oklab,var(--palette-primary) 10%,var(--surface, #ffffff));box-shadow:0 4px 14px color-mix(in oklab,var(--palette-primary) 22%,transparent)}.dark-mode .palette-chip.is-active{background:color-mix(in oklab,var(--palette-primary) 18%,var(--surface, #0f172a))}.palette-chip.is-active:after{content:"";position:absolute;top:5px;inset-inline-end:5px;width:5px;height:5px;border-radius:50%;background:var(--palette-primary);box-shadow:0 0 8px var(--palette-primary)}.palette-chip__swatch{position:relative;display:inline-flex;align-items:center;height:20px}.palette-chip__dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--surface, #ffffff);margin-inline-start:-5px;box-shadow:0 1px 2px #0f172a33;flex-shrink:0}.palette-chip__dot:first-child{margin-inline-start:0;width:16px;height:16px}.dark-mode .palette-chip__dot{border-color:color-mix(in oklab,var(--surface, #0f172a) 92%,transparent)}.palette-chip__check{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.palette-chip__name{font-size:10.5px;font-weight:700;color:var(--text, #0b1220);letter-spacing:-.005em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dark-mode .palette-chip__name{color:var(--text, #e5e7eb)}@media(max-width:420px){.palette-wall{grid-template-columns:repeat(3,1fr)}}.mobile-action-stack{position:absolute;top:calc(100% + 10px);inset-inline-end:0;display:flex;flex-direction:column;gap:8px;min-width:240px;padding:8px;border-radius:16px;background:color-mix(in oklab,var(--surface, #ffffff) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in oklab,var(--border, #e2e8f0) 80%,transparent);box-shadow:0 16px 36px #0f172a29,0 4px 14px #0f172a0f;z-index:1500;animation:mobileActionStackIn .18s ease-out}.mobile-action-stack.dark-mode{background:color-mix(in oklab,var(--surface, #0f172a) 92%,transparent);border-color:color-mix(in oklab,var(--border, #334155) 70%,transparent);box-shadow:0 20px 40px #00000080,0 6px 16px #0000004d}@keyframes mobileActionStackIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px 11px 12px;border-radius:12px;background:color-mix(in oklab,var(--brand, #2563eb) 4%,transparent);border:1px solid color-mix(in oklab,var(--border, #e2e8f0) 70%,transparent);color:var(--text, #0b1220);font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;text-align:start;transition:transform .14s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mobile-action-stack.dark-mode .mobile-action-btn{background:color-mix(in oklab,#ffffff 6%,transparent);border-color:color-mix(in oklab,var(--border, #334155) 70%,transparent);color:var(--text, #e5e7eb)}.mobile-action-btn:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in oklab,var(--brand, #2563eb) 12%,transparent);border-color:color-mix(in oklab,var(--brand, #2563eb) 35%,transparent);box-shadow:0 4px 14px color-mix(in oklab,var(--brand, #2563eb) 14%,transparent)}.mobile-action-btn:active:not(:disabled){transform:translateY(0)}.mobile-action-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-action-btn__icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--brand, #2563eb) 14%,transparent);color:var(--brand, #2563eb);border:1px solid color-mix(in oklab,var(--brand, #2563eb) 22%,transparent);flex-shrink:0;overflow:hidden}.mobile-action-btn__icon--flag{background:var(--surface, #ffffff);border-color:color-mix(in oklab,var(--border, #e2e8f0) 70%,transparent);padding:0}.mobile-action-btn__icon--flag img{display:block;border-radius:2px;box-shadow:0 1px 2px #00000026}.mobile-action-btn__icon.is-spinning svg{animation:mobileActionSpin .85s linear infinite}@keyframes mobileActionSpin{to{transform:rotate(360deg)}}.mobile-action-btn__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-action-btn--danger{background:color-mix(in oklab,var(--danger, #ef4444) 5%,transparent);border-color:color-mix(in oklab,var(--danger, #ef4444) 22%,transparent)}.mobile-action-btn--danger .mobile-action-btn__icon{background:color-mix(in oklab,var(--danger, #ef4444) 15%,transparent);color:var(--danger, #ef4444);border-color:color-mix(in oklab,var(--danger, #ef4444) 25%,transparent)}.mobile-action-btn--danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger, #ef4444) 14%,transparent);border-color:color-mix(in oklab,var(--danger, #ef4444) 40%,transparent);color:var(--danger, #ef4444);box-shadow:0 4px 14px color-mix(in oklab,var(--danger, #ef4444) 16%,transparent)}.app-footer{position:relative;background:var(--surface);border-top:1px solid var(--border);padding-top:10px;padding-right:max(16px,var(--safe-area-right, 0px));padding-bottom:calc(10px + var(--safe-area-bottom, 0px));padding-left:max(16px,var(--safe-area-left, 0px));min-height:calc(var(--app-footer-height, 44px) + var(--safe-area-bottom, 0px));height:auto;display:flex;align-items:center;width:100%}.dark-mode .app-footer{background:var(--surface);border-top-color:var(--border)}.footer-content{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 14px;text-align:center}.footer-section{display:flex;align-items:center;gap:8px;justify-content:center}.footer-text{font-size:11px;color:var(--muted);margin:0;font-family:var(--font-sans);font-weight:400;line-height:1.25}.footer-version{font-size:10px;color:var(--muted);margin:0;font-family:var(--font-sans);font-weight:500;opacity:.8;line-height:1.25}.dark-mode .footer-text,.dark-mode .footer-version{color:var(--muted)}@media(max-width:600px){.app-footer{padding-top:6px;padding-right:max(10px,var(--safe-area-right, 0px));padding-bottom:calc(6px + var(--safe-area-bottom, 0px));padding-left:max(10px,var(--safe-area-left, 0px));min-height:calc(var(--app-footer-height, 40px) + var(--safe-area-bottom, 0px))}.footer-content{gap:4px 8px}.footer-text{font-size:10px}.footer-version{font-size:9px}}.sidebar-menu-error{color:var(--danger, #ef4444)}.header-date-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--brand) 6%,var(--surface));border:1px solid color-mix(in oklab,var(--brand) 22%,var(--border));color:color-mix(in oklab,var(--brand) 70%,var(--text));font-size:.74rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;margin-inline-end:6px;transition:opacity .22s ease,transform .22s ease,max-width .32s ease,margin-inline-end .32s ease,padding .22s ease,visibility 0s linear 0s;max-width:220px;overflow:hidden}.header-date-chip>svg{flex-shrink:0}.dark-mode .header-date-chip{background:color-mix(in oklab,var(--brand) 14%,transparent);border-color:color-mix(in oklab,var(--brand) 30%,transparent);color:color-mix(in oklab,var(--brand) 90%,var(--text))}.header-date-chip.is-scrolled-out{display:none}@media(max-width:720px){.header-date-chip{display:none}}.nav-policy-badge,.nav-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-inline-start:8px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand);font-size:11px;font-weight:700;line-height:1;flex:0 0 auto}.tp{--tp-ink2: #32343C;--tp-tx3: #898D9B;--tp-sel: #F4F7FE;--tp-selb: #ADBFFF;--tp-prs: #E6ECFF;--tp-prt: #3F4EC5;--tp-sf2: #FFFFFF;--tp-sh: 0 20px 60px rgba(11, 16, 38, .18);--tp-scrim: rgba(11, 16, 38, .32);display:flex;flex-direction:column;gap:18px;width:100%;max-width:1360px;margin:0 auto;padding:26px 0 56px;box-sizing:border-box;font-family:var(--timo-font-sans);color:var(--timo-text-primary);animation:tm-in var(--timo-duration-calm) var(--timo-ease-drift) backwards}.dark-mode .tp,.dark-mode.tp{--tp-ink2: #D5DAEC;--tp-tx3: #8A91A8;--tp-sel: #1C2342;--tp-selb: #5164E9;--tp-prs: #202875;--tp-prt: #ADBFFF;--tp-sf2: #1C2342;--tp-sh: 0 20px 60px rgba(0, 0, 0, .5);--tp-scrim: rgba(4, 6, 16, .6)}@media(max-width:767px){.tp{padding-top:18px;gap:14px}}.tp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.tp-head__text{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 360px}.tp-crumbs{font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-title{margin:0;font:500 30px/1.2 var(--timo-font-sans);letter-spacing:-.02em;color:var(--timo-text-primary)}:is([lang=ar],[lang=ckb]) .tp-title{letter-spacing:0}@media(max-width:767px){.tp-title{font-size:24px}}.tp-sub{margin:0;font:400 14px/1.5 var(--timo-font-sans);color:var(--timo-text-secondary);max-width:760px}.tp-head__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--timo-radius-control);border:0;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box;font:500 14px/1 var(--timo-font-sans);transition:background var(--timo-duration-quick) var(--timo-ease-standard),box-shadow var(--timo-duration-quick)}.tp-btn:disabled,.tp-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tp-btn--primary{background:var(--timo-brand-primary);color:var(--timo-brand-on-primary)}.tp-btn--primary:hover:not(:disabled){background:var(--timo-brand-pressed);color:var(--timo-brand-on-primary)}.tp-btn--secondary{background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.dark-mode .tp-btn--secondary{background:var(--timo-surface-elevated)}.tp-btn--secondary:hover:not(:disabled){background:var(--timo-hairline);color:var(--timo-text-primary)}.tp-btn--outline{background:var(--timo-surface);color:var(--timo-text-primary);box-shadow:inset 0 0 0 1px var(--timo-border)}.tp-btn--outline:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--timo-text-secondary);color:var(--timo-text-primary)}.tp-btn--dark{background:var(--timo-deep-space);color:#f3f1ec}.dark-mode .tp-btn--dark{background:#f3f1ec;color:#0b1026}.tp-btn--danger{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.tp-btn--danger-solid{background:#ac1f2e;color:#fff}.tp-btn--ghost{background:transparent;color:var(--tp-prt);padding:0 8px}.tp-btn--ghost:hover:not(:disabled){background:var(--tp-prs)}.tp-btn--sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}.tp-btn--block{width:100%}.tp-btn--icon{width:40px;padding:0}.tp-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:999px;font:500 12.5px/1.2 var(--timo-font-sans);white-space:nowrap;background:var(--timo-status-pending-bg);color:var(--timo-status-pending-fg)}.tp-chip svg{flex:none}.tp-chip--present{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.tp-chip--late{background:var(--timo-status-late-bg);color:var(--timo-status-late-fg)}.tp-chip--absent{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.tp-chip--leave{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.tp-chip--holiday{background:var(--timo-status-holiday-bg);color:var(--timo-status-holiday-fg)}.tp-chip--overtime{background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.tp-chip--pending{background:var(--timo-status-pending-bg);color:var(--timo-status-pending-fg)}.tp-chip--primary{background:var(--tp-prs);color:var(--tp-prt)}.tp-card{background:var(--timo-surface);border-radius:var(--timo-radius-lg);box-shadow:inset 0 0 0 1px var(--timo-border);padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0;box-sizing:border-box}.tp-card--flush{padding:0;gap:0;overflow:hidden}.tp-card--sunken{background:var(--timo-surface-sunken);box-shadow:none}.tp-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tp-card--flush>.tp-card__head{padding:16px 20px;border-bottom:1px solid var(--timo-hairline)}.tp-card__title{margin:0;font:600 15px/1.3 var(--timo-font-sans)}.tp-card__sub{font:400 12.5px/1.4 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tp-min, 260px)),1fr))}.tp-stat{gap:10px;padding:18px 20px}.tp-stat--link{cursor:pointer;text-decoration:none;color:inherit}.tp-stat--link:hover{box-shadow:inset 0 0 0 1px var(--tp-selb);color:inherit}.tp-stat__label{font:500 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-stat__value{font:500 40px/1 var(--timo-font-mono);letter-spacing:-.03em;color:var(--timo-text-primary)}:is([lang=ar],[lang=ckb]) .tp-stat__value{font-family:var(--timo-font-mono-ar);font-variant-numeric:tabular-nums;letter-spacing:0}.tp-stat__sub{font:400 13px/1.4 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-num{font-family:var(--timo-font-mono);font-variant-numeric:tabular-nums}:is([lang=ar],[lang=ckb]) .tp-num{font-family:var(--timo-font-mono-ar);letter-spacing:0}.tp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--timo-border);overflow-x:auto;scrollbar-width:none}.tp-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font:400 14px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;text-decoration:none}.tp-tab:hover{color:var(--timo-text-primary)}.tp-tab.is-active{color:var(--timo-text-primary);font-weight:600;border-bottom-color:var(--timo-brand-primary)}.tp-tab__count{font:400 12px/1 var(--timo-font-mono);color:var(--tp-tx3)}:is([lang=ar],[lang=ckb]) .tp-tab__count{font-family:var(--timo-font-mono-ar)}.tp-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--timo-surface-sunken);gap:2px}.dark-mode .tp-seg{background:var(--timo-surface-elevated)}.tp-seg button{padding:7px 12px;border-radius:9px;border:0;cursor:pointer;background:transparent;font:500 13px/1.2 var(--timo-font-sans);color:var(--timo-text-primary);white-space:nowrap}.tp-seg button.is-active{background:var(--tp-sf2);box-shadow:0 1px 2px #0b10261f,inset 0 0 0 1px var(--timo-border)}.tp-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tp-search{flex:1 1 260px;min-width:200px;max-width:420px;height:40px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);color:var(--timo-text-secondary)}.tp-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:400 14px/1.3 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-search input::placeholder{color:var(--tp-tx3)}.tp-pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;box-sizing:border-box;border-radius:12px;border:0;cursor:pointer;white-space:nowrap;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);font:500 13.5px/1 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-pill.is-active{background:var(--tp-prs);color:var(--tp-prt);box-shadow:none}.tp-pill select{border:0;outline:none;background:transparent;color:inherit;font:inherit;cursor:pointer;appearance:none;padding-inline-end:2px}.tp-chips{display:flex;gap:6px;flex-wrap:wrap}.tp-chipbtn{padding:9px 13px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);font:500 13px/1.2 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-chipbtn.is-active{background:var(--timo-deep-space);color:#f3f1ec;box-shadow:none}.dark-mode .tp-chipbtn.is-active{background:#f3f1ec;color:#0b1026}.tp-table-wrap{overflow-x:auto}.tp-table{width:100%;border-collapse:separate;border-spacing:0;font:400 14px/1.4 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-table th{position:sticky;top:0;z-index:1;padding:12px 16px;text-align:start;white-space:nowrap;font:500 12.5px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);background:var(--timo-surface);border-bottom:1px solid var(--timo-hairline)}.tp-table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tp-table th.is-sortable:hover{color:var(--timo-text-primary)}.tp-table td{padding:13px 16px;border-bottom:1px solid var(--timo-hairline);vertical-align:middle}.tp-table--compact td{padding:8px 16px}.tp-table tbody tr:last-child td{border-bottom:0}.tp-table tbody tr{transition:background var(--timo-duration-instant)}.tp-table tbody tr:hover td{background:var(--timo-bg)}.tp-table tbody tr.is-clickable{cursor:pointer}.tp-table tbody tr.is-selected td{background:var(--tp-sel)}.tp-table .is-num{text-align:end;font-family:var(--timo-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}:is([lang=ar],[lang=ckb]) .tp-table .is-num{font-family:var(--timo-font-mono-ar)}.tp-table .is-check{width:36px;padding-inline-end:0}.tp-person{display:flex;align-items:center;gap:12px;min-width:0}.tp-person__text{display:flex;flex-direction:column;gap:2px;min-width:0}.tp-person__name{font:600 14px/1.3 var(--timo-font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-person__id{font:400 11.5px/1.2 var(--timo-font-mono);color:var(--timo-text-secondary);direction:ltr;text-align:start}.tp-avatar{flex:none;border-radius:50%;overflow:hidden;background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg);display:inline-flex;align-items:center;justify-content:center;font:600 13px/1 var(--timo-font-sans)}.tp-avatar img{width:100%;height:100%;object-fit:cover}.tp-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 4px 0;font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-pager__pages{display:flex;align-items:center;gap:6px}.tp-pager__btn{min-width:34px;height:34px;padding:0 8px;box-sizing:border-box;border-radius:10px;border:0;cursor:pointer;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);font:500 13px/1 var(--timo-font-mono);color:var(--timo-text-primary)}:is([lang=ar],[lang=ckb]) .tp-pager__btn{font-family:var(--timo-font-mono-ar)}.tp-pager__btn.is-active{background:var(--timo-deep-space);color:#f3f1ec;box-shadow:none}.dark-mode .tp-pager__btn.is-active{background:#f3f1ec;color:#0b1026}.tp-pager__btn:disabled{opacity:.4;cursor:default}.tp-check{width:18px;height:18px;accent-color:var(--timo-brand-primary);cursor:pointer}.tp-check:disabled{cursor:not-allowed;opacity:.35}.tp-facts{display:flex;flex-direction:column}.tp-fact{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-top:1px solid var(--timo-hairline)}.tp-fact__label{font:400 13.5px/1.4 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-fact__value{font:500 14px/1.4 var(--timo-font-sans);text-align:end;overflow-wrap:anywhere}.tp-form{display:grid;gap:18px 20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.tp-field{display:flex;flex-direction:column;gap:7px;min-width:0}.tp-field--wide{grid-column:1 / -1}.tp-label{font:600 13.5px/1.3 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-label__req{color:var(--timo-status-absent-fg);margin-inline-start:2px}.tp-hint{font:400 12.5px/1.4 var(--timo-font-sans);color:var(--tp-tx3)}.tp-error{font:500 12.5px/1.4 var(--timo-font-sans);color:var(--timo-status-absent-fg)}.tp-input,.tp-select,.tp-textarea{width:100%;box-sizing:border-box;min-height:46px;padding:0 14px;border-radius:12px;border:0;outline:none;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border);font:400 14.5px/1.4 var(--timo-font-sans);color:var(--timo-text-primary);transition:box-shadow var(--timo-duration-quick)}.tp-textarea{padding:12px 14px;min-height:96px;resize:vertical}.tp-input::placeholder,.tp-textarea::placeholder{color:var(--tp-tx3)}.tp-input:focus,.tp-select:focus,.tp-textarea:focus{box-shadow:inset 0 0 0 1.5px var(--timo-brand-primary),0 0 0 4px color-mix(in srgb,var(--timo-brand-primary) 18%,transparent)}.tp-input[aria-invalid=true],.tp-select[aria-invalid=true],.tp-textarea[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--timo-status-absent-fg)}.tp-select{appearance:none;padding-inline-end:38px;background-image:linear-gradient(45deg,transparent 50%,var(--timo-text-secondary) 50%),linear-gradient(135deg,var(--timo-text-secondary) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}[dir=rtl] .tp-select{background-position:15px 50%,20px 50%}.tp-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;border-radius:16px;background:var(--timo-surface-sunken);box-shadow:inset 0 0 0 1px var(--timo-border);font:500 14px/1.4 var(--timo-font-sans);cursor:pointer}.tp-drop small{font:400 12px/1.3 var(--timo-font-sans);color:var(--tp-tx3)}.tp-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--timo-hairline)}.tp-toggle{position:relative;width:42px;height:24px;flex:none}.tp-toggle input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.tp-toggle span{position:absolute;inset:0;border-radius:999px;background:var(--timo-border);transition:background var(--timo-duration-quick);pointer-events:none}.tp-toggle span:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0b102633;transition:transform var(--timo-duration-quick) var(--timo-ease-standard)}.tp-toggle input:checked+span{background:var(--timo-brand-primary)}.tp-toggle input:checked+span:after{transform:translate(18px)}[dir=rtl] .tp-toggle input:checked+span:after{transform:translate(-18px)}.tp-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--timo-hairline)}.tp-setting__text{display:flex;flex-direction:column;gap:3px;min-width:0}.tp-setting__title{font:500 14px/1.35 var(--timo-font-sans)}.tp-setting__sub{font:400 12.5px/1.4 var(--timo-font-sans);color:var(--timo-text-secondary)}.tp-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--tp-prs)}.tp-banner__glyph{flex:none;width:18px;text-align:center;font:700 14px/1.4 var(--timo-font-sans);color:var(--tp-prt)}.tp-banner__body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.tp-banner__title{font:600 14px/1.4 var(--timo-font-sans);color:var(--tp-prt)}.tp-banner__text{font:400 13.5px/1.5 var(--timo-font-sans);color:var(--timo-text-primary)}.tp-banner__action{flex:none;border:0;background:transparent;cursor:pointer;font:500 13px/1.4 var(--timo-font-sans);color:var(--tp-prt)}.tp-banner--success{background:var(--timo-status-present-bg)}.tp-banner--success .tp-banner__glyph,.tp-banner--success .tp-banner__title,.tp-banner--success .tp-banner__action{color:var(--timo-status-present-fg)}.tp-banner--warning{background:var(--timo-status-late-bg)}.tp-banner--warning .tp-banner__glyph,.tp-banner--warning .tp-banner__title,.tp-banner--warning .tp-banner__action{color:var(--timo-status-late-fg)}.tp-banner--danger{background:var(--timo-status-absent-bg)}.tp-banner--danger .tp-banner__glyph,.tp-banner--danger .tp-banner__title,.tp-banner--danger .tp-banner__action{color:var(--timo-status-absent-fg)}.tp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:56px 24px;border-radius:var(--timo-radius-lg);min-height:260px;box-sizing:border-box;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border)}.tp-state__title{margin:6px 0 0;font:500 18px/1.35 var(--timo-font-sans)}.tp-state__text{margin:0;font:400 14px/1.55 var(--timo-font-sans);color:var(--timo-text-secondary);max-width:440px}.tp-state--dawn{position:relative;overflow:hidden;background:radial-gradient(90% 140% at 100% 120%,#FFCFB8,rgba(205,179,254,.4) 45%,transparent 75%),radial-gradient(60% 100% at 0% 0%,#E6ECFF,transparent 70%),var(--timo-bg)}.dark-mode .tp-state--dawn{background:radial-gradient(90% 140% at 100% 120%,rgba(243,134,73,.32),rgba(138,161,254,.18) 45%,transparent 75%),var(--timo-surface)}.tp-state__planet{width:120px;height:46px}.tp-skel{border-radius:8px;background:linear-gradient(90deg,var(--timo-hairline),var(--timo-surface-sunken),var(--timo-hairline));background-size:200% 100%;animation:tp-shimmer 1.4s linear infinite}@keyframes tp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tp-scrim{position:fixed;inset:0;z-index:1000;background:var(--tp-scrim, rgba(11, 16, 38, .36));animation:tm-fade .2s ease both}.tp-modal{position:fixed;z-index:1001;top:50%;left:50%;translate:-50% -50%;width:520px;max-width:calc(100% - 32px);max-height:calc(100% - 48px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border-radius:26px;background:var(--timo-surface);box-shadow:var(--tp-sh, 0 20px 60px rgba(11, 16, 38, .18));padding:24px;display:flex;flex-direction:column;gap:16px;font-family:var(--timo-font-sans);color:var(--timo-text-primary);animation:tm-pop .26s var(--timo-ease-drift) both}@media(max-width:767px){.tp-modal{top:auto;bottom:0;left:0;translate:none;width:100%;max-width:100%;border-radius:26px 26px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.tp-modal__title{margin:0;font:500 20px/1.3 var(--timo-font-sans)}.tp-drawer{position:fixed;z-index:1001;top:0;bottom:0;inset-inline-end:0;width:420px;max-width:100%;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:var(--timo-surface);box-shadow:-20px 0 50px #0b102629;padding:24px;display:flex;flex-direction:column;gap:16px;font-family:var(--timo-font-sans);color:var(--timo-text-primary);animation:tm-pop .26s var(--timo-ease-drift) both}[dir=rtl] .tp-drawer{box-shadow:20px 0 50px #0b102629}.tp-close{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:var(--timo-surface-sunken);color:var(--timo-text-primary);display:inline-flex;align-items:center;justify-content:center;flex:none}.tp-toast{position:fixed;z-index:1100;left:50%;bottom:28px;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;background:#0b1026;color:#f3f1ec;font:500 14px/1.4 var(--timo-font-sans);box-shadow:0 20px 60px #0b102640;animation:tm-in .3s var(--timo-ease-drift) both}@media(max-width:767px){.tp-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.tp-toast__undo{border:0;background:transparent;color:#adbfff;cursor:pointer;font:600 14px/1 var(--timo-font-sans);margin-inline-start:6px}#root .tp .tp-table thead th,#root .tp-table thead th{background:var(--timo-surface)!important;background-color:var(--timo-surface)!important;color:var(--timo-text-secondary)!important;font:500 12.5px/1.2 var(--timo-font-sans)!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid var(--timo-hairline)!important}#root .tp-pill select{min-height:0!important;height:auto!important;padding:0 2px 0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent none!important;color:inherit!important;font:inherit!important;cursor:pointer}#root [dir=rtl] .tp-pill select,[dir=rtl] #root .tp-pill select{padding:0 0 0 2px!important}#root .tp-search input{min-height:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}[dir=rtl] .tp-pager__btn--arrow{transform:scaleX(-1)}.hrdb-page{--hrdb-gap: 20px;display:flex;flex-direction:column;gap:var(--hrdb-gap);position:relative}.hrdb-page:before{content:"";position:absolute;inset:-16px 0 auto;height:320px;background:radial-gradient(1200px 360px at 0% 0%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 72%),radial-gradient(900px 280px at 100% 0%,color-mix(in srgb,var(--info) 5%,transparent),transparent 70%);pointer-events:none;opacity:.85}.hrdb-page>*{position:relative;z-index:1}.hrdb-stack{display:grid;gap:var(--hrdb-gap)}.hrdb-divider{height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--border) 84%,var(--brand)),transparent)}.hrdb-month-filter{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:220px}.hrdb-month-filter__label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.hrdb-month-filter__sub{font-size:.82rem;color:var(--text-muted)}.hrdb-month-nav{display:flex;align-items:stretch;gap:6px;width:100%}.hrdb-month-step{flex:0 0 auto;width:30px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hrdb-month-step:hover{background:color-mix(in oklab,var(--brand) 6%,var(--surface));border-color:color-mix(in oklab,var(--brand) 28%,var(--border));color:var(--brand)}.hrdb-month-input{min-width:0;flex:1 1 auto}.hrdb-month-input[data-temporal-type=month]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;padding-right:32px;cursor:pointer}[dir=rtl] .hrdb-month-input[data-temporal-type=month]{background-position:left 10px center;padding-right:10px;padding-left:32px}.hrdb-section-head{display:flex;align-items:center;gap:12px;padding:4px 2px 0}.hrdb-section-head__icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--brand) 10%,var(--surface));color:var(--brand);border:1px solid color-mix(in oklab,var(--brand) 18%,var(--border))}.hrdb-section-head__title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.hrdb-section-head__sub{margin:2px 0 0;font-size:.84rem;color:var(--text-muted)}[dir=rtl] .hrdb-month-filter{align-items:flex-start}@media(max-width:720px){.hrdb-month-filter{align-items:stretch;min-width:0;width:100%}}.hrdb-alert{padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 56%,var(--surface));font-size:13px;line-height:1.55}.hrdb-alert--error{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:color-mix(in srgb,var(--danger) 82%,var(--text))}.hrdb-workday{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--border));margin-bottom:4px}.hrdb-workday__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.hrdb-workday__label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}.hrdb-workday__value{font-size:15px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.hrdb-workday__expected{color:var(--muted);font-weight:600}.hrdb-workday__live{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 color-mix(in srgb,var(--success) 60%,transparent);animation:hrdb-workday-pulse 1.8s ease-out infinite}@keyframes hrdb-workday-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--success) 55%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--success) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.hrdb-workday__live{animation:none}}.hrdb-workday__track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface-2));overflow:hidden}.hrdb-workday__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 60%,transparent),var(--brand));transition:width .5s cubic-bezier(.4,0,.2,1)}.hrdb-astro{--astro-a: var(--brand);--astro-b: color-mix(in srgb, var(--brand) 72%, var(--text));--astro-star: color-mix(in srgb, var(--brand) 45%, transparent);position:relative;display:flex;flex-direction:column;border-radius:var(--pd-radius, 18px);overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));box-shadow:0 1px 2px #0f172a0a,0 16px 34px -26px color-mix(in srgb,var(--brand) 65%,transparent);transition:border-color .2s ease,box-shadow .2s ease}.hrdb-astro:hover{border-color:color-mix(in srgb,var(--brand) 34%,var(--border))}.dashboard-container.dark-mode .hrdb-astro{--astro-star: color-mix(in srgb, var(--brand) 55%, white 20%);box-shadow:0 1px 2px #0000004d,0 20px 40px -28px #000000bf}.hrdb-astro__hero{position:relative;isolation:isolate;flex:1 0 auto;display:flex;align-items:center;gap:16px;width:100%;min-height:120px;margin:0;padding:18px 20px;border:0;font:inherit;text-align:start;color:var(--text);cursor:pointer;overflow:hidden;--astro-wash-1: color-mix(in srgb, var(--brand) 22%, transparent);--astro-wash-2: color-mix(in srgb, var(--brand) 12%, transparent);--astro-base: color-mix(in srgb, var(--brand) 7%, var(--surface));background:radial-gradient(90% 130% at 0% 0%,var(--astro-wash-1) 0%,transparent 60%),radial-gradient(80% 130% at 100% 100%,var(--astro-wash-2) 0%,transparent 60%),linear-gradient(135deg,var(--astro-base),var(--surface))}[dir=rtl] .hrdb-astro__hero{background:radial-gradient(90% 130% at 100% 0%,var(--astro-wash-1) 0%,transparent 60%),radial-gradient(80% 130% at 0% 100%,var(--astro-wash-2) 0%,transparent 60%),linear-gradient(225deg,var(--astro-base),var(--surface))}.dashboard-container.dark-mode .hrdb-astro__hero{--astro-wash-1: color-mix(in srgb, var(--brand) 32%, transparent);--astro-wash-2: color-mix(in srgb, var(--brand) 18%, transparent);--astro-base: color-mix(in srgb, var(--brand) 12%, var(--surface))}.hrdb-astro.is-open .hrdb-astro__hero{flex:0 0 auto;border-bottom:1px solid color-mix(in srgb,var(--brand) 14%,var(--border))}.hrdb-astro__hero:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.hrdb-astro__stars{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 8% 22%,var(--astro-star) 0 1px,transparent 1.8px),radial-gradient(circle at 24% 80%,var(--astro-star) 0 1px,transparent 1.8px),radial-gradient(circle at 39% 14%,var(--astro-star) 0 1.3px,transparent 2.2px),radial-gradient(circle at 52% 64%,var(--astro-star) 0 .9px,transparent 1.6px),radial-gradient(circle at 63% 26%,var(--astro-star) 0 1px,transparent 1.8px),radial-gradient(circle at 72% 86%,var(--astro-star) 0 1.3px,transparent 2.2px),radial-gradient(circle at 84% 16%,var(--astro-star) 0 .9px,transparent 1.6px),radial-gradient(circle at 92% 54%,var(--astro-star) 0 1px,transparent 1.8px),radial-gradient(circle at 96% 88%,var(--astro-star) 0 .9px,transparent 1.6px);animation:hrdb-astro-twinkle 4.5s ease-in-out infinite alternate}.hrdb-astro__glow{position:absolute;z-index:-1;top:50%;inset-inline-start:-30px;width:170px;height:170px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--brand) 30%,transparent) 0%,transparent 70%);filter:blur(12px);pointer-events:none}.hrdb-astro__orb{position:relative;flex:0 0 auto;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.38),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--brand) 82%,white),color-mix(in srgb,var(--brand) 78%,black));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent),0 12px 26px -8px color-mix(in srgb,var(--brand) 70%,transparent),inset 0 -6px 14px #0003;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hrdb-astro__ring{position:absolute;inset:-8px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--brand) 40%,transparent);animation:hrdb-astro-spin 26s linear infinite}.hrdb-astro__ring:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px 2px color-mix(in srgb,var(--brand) 55%,transparent)}.hrdb-astro__glyph{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,sans-serif;font-size:30px;line-height:1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.hrdb-astro__heading{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.hrdb-astro__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--astro-b)}.hrdb-astro__sign{font-size:24px;font-weight:800;line-height:1.15;color:var(--text)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.hrdb-astro__sign{background:linear-gradient(90deg,var(--text) 35%,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}[dir=rtl] .hrdb-astro__sign{background:linear-gradient(270deg,var(--text) 35%,var(--brand));-webkit-background-clip:text;background-clip:text}}.hrdb-astro__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hrdb-astro__pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--astro-b);background:color-mix(in srgb,var(--brand) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 24%,transparent)}.hrdb-astro__range{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.hrdb-astro__hint{margin-top:2px;font-size:12px;color:var(--muted)}.hrdb-astro__toggle{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:var(--brand);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--brand) 90%,transparent);transition:background .2s ease,box-shadow .2s ease}.hrdb-astro__toggle svg{transition:transform .2s ease}.hrdb-astro__hero:hover .hrdb-astro__orb{transform:scale(1.06) rotate(-4deg)}.hrdb-astro__hero:hover .hrdb-astro__toggle{background:color-mix(in srgb,var(--brand) 85%,black);box-shadow:0 10px 22px -10px color-mix(in srgb,var(--brand) 100%,transparent)}.hrdb-astro:not(.is-open) .hrdb-astro__hero:hover .hrdb-astro__toggle svg{transform:translateY(2px)}.hrdb-astro__body{padding:18px 20px 20px;animation:hrdb-astro-reveal .28s ease-out}.hrdb-astro__body[hidden]{display:none}@keyframes hrdb-astro-twinkle{0%{opacity:.5}to{opacity:1}}@keyframes hrdb-astro-spin{to{transform:rotate(360deg)}}@keyframes hrdb-astro-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.hrdb-astro__hero{gap:14px;min-height:108px;padding:16px}.hrdb-astro__orb{width:52px;height:52px}.hrdb-astro__glyph{font-size:25px}.hrdb-astro__sign{font-size:20px}.hrdb-astro__toggle{padding:7px 10px}.hrdb-astro__toggleText{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hrdb-astro__body{padding:14px 14px 16px}}@media(prefers-reduced-motion:reduce){.hrdb-astro__stars,.hrdb-astro__ring,.hrdb-astro__body{animation:none}.hrdb-astro__orb,.hrdb-astro__toggle svg{transition:none}.hrdb-astro__hero:hover .hrdb-astro__orb{transform:none}}.hrdb-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hrdb-gap);margin-bottom:var(--hrdb-gap)}.hrdb-qa{--qa-accent: var(--brand);--qa-accent-rgb: 37, 99, 235;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--qa-accent) 22%,var(--border));background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--qa-accent) 8%,var(--surface)),color-mix(in srgb,var(--qa-accent) 12%,var(--surface)));box-shadow:0 6px 14px rgba(var(--qa-accent-rgb),.06),inset 0 1px #ffffff73;color:var(--text);cursor:pointer;text-align:start;font:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hrdb-qa:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--qa-accent) 38%,var(--border));box-shadow:0 12px 24px rgba(var(--qa-accent-rgb),.12),inset 0 1px #fff9}.hrdb-qa:active{transform:translateY(0)}.hrdb-qa:focus-visible{outline:2px solid var(--qa-accent);outline-offset:2px}.hrdb-qa--brand{--qa-accent: var(--brand);--qa-accent-rgb: 37, 99, 235}.hrdb-qa--success{--qa-accent: var(--success);--qa-accent-rgb: 16, 185, 129}.hrdb-qa--warning{--qa-accent: var(--warning);--qa-accent-rgb: 245, 158, 11}.hrdb-qa--neutral{--qa-accent: var(--muted);--qa-accent-rgb: 100, 116, 139}.hrdb-qa__icon{display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:12px;color:var(--qa-accent);background:color-mix(in srgb,var(--qa-accent) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--qa-accent) 22%,transparent)}.hrdb-qa__text{display:flex;flex-direction:column;gap:2px;min-width:0}.hrdb-qa__label{font-weight:700;font-size:14px;line-height:1.2;color:var(--text)}.hrdb-qa__sub{font-size:11.5px;color:color-mix(in srgb,var(--muted) 88%,var(--text));line-height:1.3}.dashboard-container.dark-mode .hrdb-qa{background:linear-gradient(180deg,color-mix(in srgb,var(--text) 4%,transparent),transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--qa-accent) 14%,var(--surface)),color-mix(in srgb,var(--qa-accent) 18%,var(--surface)));border-color:color-mix(in srgb,var(--qa-accent) 30%,var(--border))}@media(max-width:768px){.hrdb-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hrdb-qa__sub{display:none}}@media(max-width:420px){.hrdb-quick-actions{grid-template-columns:1fr}.hrdb-qa__sub{display:block}}.hrdb-kpi-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--hrdb-gap)}.hrdb-kpi-grid>*{grid-column:span 3}.hrdb-kpi-grid--three-col>*{grid-column:span 4}.hrdb-kpi-grid--six-col>*{grid-column:span 2}@media(max-width:1100px){.hrdb-kpi-grid--six-col>*{grid-column:span 4}}@media(max-width:720px){.hrdb-kpi-grid--six-col>*{grid-column:span 6}}@media(max-width:480px){.hrdb-kpi-grid--six-col>*{grid-column:span 12}}.hrdb-main-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--hrdb-gap);align-items:stretch}.hrdb-col{display:flex;min-width:0}.hrdb-col>*{flex:1 1 auto;min-width:0}.hrdb-col--12{grid-column:span 12}.hrdb-col--8{grid-column:span 8}.hrdb-col--7{grid-column:span 7}.hrdb-col--6{grid-column:span 6}.hrdb-col--5{grid-column:span 5}.hrdb-col--4{grid-column:span 4}@media(max-width:1100px){.hrdb-col--7,.hrdb-col--5{grid-column:span 12}}.hrdb-chart{width:100%;min-height:320px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:var(--surface);box-shadow:0 1px 2px #0f172a0a}.dashboard-container.dark-mode .hrdb-chart{box-shadow:0 1px 2px #0000002e}.hrdb-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:260px;padding:24px;text-align:center;font-size:13px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 40%,transparent);border-radius:12px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.hrdb-link{background:transparent;border:0;color:color-mix(in srgb,var(--brand) 90%,var(--text));font-weight:800;font-size:12px;cursor:pointer;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);background-color:color-mix(in srgb,var(--brand) 6%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease}.hrdb-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 26%,transparent);background-color:color-mix(in srgb,var(--brand) 10%,transparent)}.hrdb-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 4px 0;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:12px;font-weight:600}.hrdb-pager__btn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 100%,transparent);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.hrdb-pager__btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 26%,transparent)}.hrdb-pager__btn:disabled{opacity:.4;cursor:not-allowed}.hrdb-search{position:relative;display:inline-flex;align-items:center}.hrdb-search__icon{position:absolute;inset-inline-start:10px;color:var(--muted);pointer-events:none}.hrdb-search__input{appearance:none;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--surface);color:var(--text);font:inherit;font-size:13px;padding:7px 12px 7px 30px;border-radius:999px;width:240px;max-width:100%;transition:border-color .15s ease,box-shadow .15s ease}.hrdb-search__input:focus{outline:none;border-color:color-mix(in srgb,var(--brand) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}[dir=rtl] .hrdb-search__input{padding:7px 30px 7px 12px}[dir=rtl] .hrdb-search__icon{inset-inline-start:auto;inset-inline-end:10px}.hrdb-rowlink{background:transparent;border:0;padding:0;color:color-mix(in srgb,var(--brand) 88%,var(--text));font:inherit;font-weight:600;cursor:pointer;text-align:inherit}.hrdb-rowlink:hover{text-decoration:underline}.hrdb-row-action{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 100%,transparent);color:color-mix(in srgb,var(--muted) 90%,var(--text));cursor:pointer;transition:all .15s ease}.hrdb-row-action:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.hrdb-scroll-chart{max-height:420px;overflow-y:auto;overflow-x:hidden;padding-inline-end:4px}.hrdb-chart-legend{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:color-mix(in srgb,var(--muted) 88%,var(--text))}.hrdb-chart-legend__dot{display:inline-block;width:9px;height:9px;border-radius:999px}.hrdb-chart-legend__dot--warning{background:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 30%,transparent)}.hrdb-skel-kpi{height:56px;grid-column:span 3}.hrdb-skel-chart{height:320px}.hrdb-skel-table{height:260px}.ceo-dashboard .ceo-panel-kpis{display:grid;gap:10px}.ceo-dashboard .ceo-kpi-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface-2) 46%,var(--surface));border:1px solid color-mix(in srgb,var(--border) 74%,transparent)}.ceo-dashboard .ceo-kpi-label{font-size:12px;color:var(--muted);font-weight:700}.ceo-dashboard .ceo-kpi-value{font-size:14px;font-weight:800;color:var(--text)}.ceo-dashboard .ceo-kpi-value.ceo-muted{color:var(--muted)}.ceo-dashboard .ceo-kpi-value.success{color:var(--success)}.ceo-dashboard .ceo-kpi-value.warning{color:var(--warning)}.ceo-dashboard .ceo-kpi-value.danger{color:var(--danger)}.ceo-dashboard .ceo-panel-subtitle{font-size:11px;color:var(--muted);margin-bottom:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ceo-dashboard .ceo-dept-bar{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.ceo-dashboard .ceo-dept-bar__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ceo-dashboard .ceo-dept-bar__toggle{font-size:11px;padding:5px 10px}.ceo-dashboard .ceo-dept-bar__list.is-expanded{max-height:280px;overflow-y:auto;padding-inline-end:4px}.ceo-dashboard .ceo-bar-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,120px) auto;align-items:center;padding:6px 0;gap:12px;font-size:12px}.ceo-dashboard .ceo-bar-label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ceo-dashboard .ceo-bar-value{font-weight:800;color:var(--text);text-align:end;font-variant-numeric:tabular-nums}.ceo-dashboard .ceo-bar-track{height:8px;background:color-mix(in srgb,var(--brand) 8%,var(--surface-2));border-radius:999px;overflow:hidden}.ceo-dashboard .ceo-bar-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 80%,transparent),color-mix(in srgb,var(--brand) 60%,transparent));border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.ceo-dashboard .ceo-empty-alerts{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:28px 24px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--surface-2) 45%,var(--surface));color:var(--muted);font-size:13px}.ceo-dashboard .ceo-empty-alerts__icon{color:var(--success)}.ceo-dashboard .ceo-alerts-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ceo-dashboard .ceo-alert-item{--sev: var(--muted);--sev-rgb: 100, 116, 139;position:relative;display:grid;grid-template-columns:4px 32px 1fr auto;align-items:center;gap:12px;padding:12px 14px 12px 0;border-radius:16px;border:1px solid color-mix(in srgb,var(--sev) 22%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--sev) 10%,transparent),transparent 35%),var(--surface);font-size:12px;overflow:hidden}.ceo-dashboard .ceo-alert--critical{--sev: var(--danger);--sev-rgb: 239, 68, 68}.ceo-dashboard .ceo-alert--high{--sev: var(--warning);--sev-rgb: 245, 158, 11}.ceo-dashboard .ceo-alert--medium{--sev: color-mix(in srgb, var(--warning) 70%, var(--brand));--sev-rgb: 141, 132, 95}.ceo-dashboard .ceo-alert--low{--sev: var(--brand);--sev-rgb: 37, 99, 235}.ceo-dashboard .ceo-alert-accent{align-self:stretch;width:4px;background:var(--sev);margin-inline-start:0}.ceo-dashboard .ceo-alert-icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--sev);background:color-mix(in srgb,var(--sev) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--sev) 22%,transparent)}.ceo-dashboard .ceo-alert-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ceo-dashboard .ceo-alert-title{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ceo-dashboard .ceo-alert-severity{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--sev);opacity:.9}[dir=rtl] .ceo-dashboard .ceo-alert-severity{text-transform:none;letter-spacing:normal}.ceo-dashboard .ceo-alert-value{font-weight:800;color:var(--text);padding-inline-end:4px;font-variant-numeric:tabular-nums}[dir=rtl] .ceo-dashboard .ceo-panel-subtitle{text-transform:none;letter-spacing:normal}[dir=rtl] .hrdb-page,[dir=rtl] .hrdb-stack{font-family:var(--font-sans)}@media(max-width:1100px){.hrdb-page{--hrdb-gap: 16px}.hrdb-kpi-grid>*{grid-column:span 4}.hrdb-col--8,.hrdb-col--4{grid-column:span 12}}@media(max-width:860px){.hrdb-page{--hrdb-gap: 14px}.hrdb-kpi-grid>*{grid-column:span 6}.hrdb-col--6,.hrdb-col--8,.hrdb-col--4{grid-column:span 12}.hrdb-chart{min-height:220px;padding:14px;border-radius:18px}.hrdb-skel-kpi{height:56px}}@media(max-width:560px){.hrdb-kpi-grid>*{grid-column:span 12}}.hrdb-events{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:24px;align-items:start}@media(max-width:720px){.hrdb-events{grid-template-columns:1fr}}.hrdb-events{--evt-birthday: var(--info);--evt-holiday: var(--danger);--evt-event: var(--warning)}.hrdb-events__cal-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.hrdb-events__cal-nav{display:inline-flex;align-items:center;gap:4px}.hrdb-events__cal-label{min-width:130px;text-align:center;font-variant-numeric:tabular-nums;text-transform:uppercase}.hrdb-events__cal-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:6px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hrdb-events__cal-nav-btn:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-color:color-mix(in srgb,var(--brand) 28%,var(--border));color:var(--brand)}.hrdb-events__cal-nav-btn:disabled{opacity:.4;cursor:not-allowed}.hrdb-events__legend{display:inline-flex;flex-wrap:wrap;gap:8px;text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.hrdb-events__legend-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);color:var(--muted)}.hrdb-events__legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.hrdb-events__legend-chip--birthday .hrdb-events__legend-dot{background:var(--evt-birthday)}.hrdb-events__legend-chip--holiday .hrdb-events__legend-dot{background:var(--evt-holiday)}.hrdb-events__legend-chip--event .hrdb-events__legend-dot{background:var(--evt-event)}.hrdb-events__cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-align:center;padding-bottom:6px}.hrdb-events__cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hrdb-events__cal-day{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;font-size:13px;font-weight:500;color:var(--text);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 65%,transparent);border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.hrdb-events__cal-day--pad{background:transparent;border-color:transparent}.hrdb-events__cal-day--today{background:color-mix(in srgb,var(--brand) 18%,transparent);border-color:color-mix(in srgb,var(--brand) 36%,transparent);color:var(--brand);font-weight:700}.hrdb-events__cal-day--event{cursor:help}.hrdb-events__cal-day--birthday{background:color-mix(in srgb,var(--evt-birthday) 12%,var(--surface));border-color:color-mix(in srgb,var(--evt-birthday) 28%,var(--border))}.hrdb-events__cal-day--holiday{background:color-mix(in srgb,var(--evt-holiday) 12%,var(--surface));border-color:color-mix(in srgb,var(--evt-holiday) 28%,var(--border))}.hrdb-events__cal-day--event:not(.hrdb-events__cal-day--birthday):not(.hrdb-events__cal-day--holiday){background:color-mix(in srgb,var(--evt-event) 12%,var(--surface));border-color:color-mix(in srgb,var(--evt-event) 28%,var(--border))}.hrdb-events__cal-day--event.hrdb-events__cal-day--today{background:color-mix(in srgb,var(--brand) 24%,transparent);border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:var(--brand)}.hrdb-events__cal-dots{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:inline-flex;gap:3px}.hrdb-events__cal-dot{width:4px;height:4px;border-radius:999px}.hrdb-events__cal-dot--birthday{background:var(--evt-birthday)}.hrdb-events__cal-dot--holiday{background:var(--evt-holiday)}.hrdb-events__cal-dot--event{background:var(--evt-event)}.hrdb-events__list{display:flex;flex-direction:column;gap:6px;min-width:0}.hrdb-events__row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);position:relative;overflow:hidden}.hrdb-events__row:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--evt-event)}.hrdb-events__row--birthday:before{background:var(--evt-birthday)}.hrdb-events__row--holiday:before{background:var(--evt-holiday)}.hrdb-events__row--event:before{background:var(--evt-event)}.hrdb-events__row-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;background:color-mix(in srgb,var(--evt-event) 14%,transparent);border-radius:999px}.hrdb-events__row--birthday .hrdb-events__row-icon{background:color-mix(in srgb,var(--evt-birthday) 14%,transparent)}.hrdb-events__row--holiday .hrdb-events__row-icon{background:color-mix(in srgb,var(--evt-holiday) 14%,transparent)}.hrdb-events__row-main{min-width:0}.hrdb-events__row-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrdb-events__row-meta{font-size:12px;color:var(--muted);margin-top:3px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hrdb-events__row-sep{opacity:.5}.hrdb-events__row-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hrdb-events__row-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hrdb-events__row-tag--birthday{background:color-mix(in srgb,var(--evt-birthday) 18%,transparent);color:color-mix(in srgb,var(--evt-birthday) 70%,var(--text))}.hrdb-events__row-tag--holiday{background:color-mix(in srgb,var(--evt-holiday) 18%,transparent);color:color-mix(in srgb,var(--evt-holiday) 70%,var(--text))}.hrdb-events__row-tag--event{background:color-mix(in srgb,var(--evt-event) 18%,transparent);color:color-mix(in srgb,var(--evt-event) 70%,var(--text))}.hrdb-events__row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end;white-space:nowrap}.hrdb-events__row-date{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.hrdb-events__row-when{font-size:11px;font-weight:600;color:color-mix(in srgb,var(--brand) 60%,var(--muted));letter-spacing:.01em}.hrdb-events__row--past{opacity:.55}.hrdb-events__row--past:hover{opacity:.85}button.hrdb-events__row{font:inherit;text-align:start;appearance:none;width:100%;cursor:pointer}.hrdb-events__row--link:hover,.hrdb-events__row--link:focus-visible{background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--border));outline:none;transform:translateY(-1px)}.hrdb-events__row--link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.hrdb-events__row--link{transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.hrdb-events__empty{padding:24px;text-align:center;font-size:13px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 40%,transparent);border-radius:10px;border:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}@media(max-width:1440px){.hrdb-page .hrdb-kpi__value{font-size:24px!important}.hrdb-page .hrdb-kpi--feature .hrdb-kpi__value{font-size:26px!important}.hrdb-page .hrdb-kpi__btn{padding:14px 14px 12px!important}}@media(max-width:1440px){.hrdb-page .hrdb-col--8 .hrdb-section-card{padding:14px!important}.hrdb-page .hrdb-heatmap,.hrdb-page .hrdb-attendance-heatmap{font-size:11.5px!important}.hrdb-page .hrdb-heatmap__day,.hrdb-page .hrdb-attendance-heatmap__day{min-height:24px!important}}.hrdb-page .hrdb-leave-donut{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:16px;align-items:center;padding:8px 4px}.hrdb-page .hrdb-leave-donut__chart{position:relative}.hrdb-page .hrdb-leave-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.hrdb-page .hrdb-leave-donut__center-value{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.05;font-variant-numeric:tabular-nums}.hrdb-page .hrdb-leave-donut__center-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hrdb-page .hrdb-leave-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.hrdb-page .hrdb-leave-legend__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:color-mix(in oklab,var(--brand) 3%,var(--surface));border:1px solid color-mix(in oklab,var(--border) 60%,transparent);min-width:0}.hrdb-page .hrdb-leave-legend__swatch{flex:0 0 12px;width:12px;height:12px;border-radius:4px}.hrdb-page .hrdb-leave-legend__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px}.hrdb-page .hrdb-leave-legend__name{font-size:.82rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrdb-page .hrdb-leave-legend__stats{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap}.hrdb-page .hrdb-leave-legend__count{font-size:.86rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.hrdb-page .hrdb-leave-legend__sep{color:var(--muted);font-weight:600;-webkit-user-select:none;user-select:none}.hrdb-page .hrdb-leave-legend__pct{font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:720px){.hrdb-page .hrdb-leave-donut{grid-template-columns:1fr;gap:14px}.hrdb-page .hrdb-leave-donut__chart{max-width:220px;margin:0 auto}}.hrdb-page .hrdb-dept-tree{display:flex;flex-direction:column;gap:8px}.hrdb-page .hrdb-dept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.hrdb-page .hrdb-dept-card{--dept-accent: var(--brand);--dept-depth: 0;display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto auto;grid-template-areas:"dot name" ".   num" ".   bar";align-items:center;gap:4px 10px;padding:14px 16px;padding-inline-start:calc(16px + (var(--dept-depth) * 18px));border-radius:14px;background:color-mix(in oklab,var(--dept-accent) 5%,var(--surface));border:1px solid color-mix(in oklab,var(--dept-accent) 22%,var(--border));transition:transform .15s ease,border-color .15s ease}.hrdb-page .hrdb-dept-card--child{background:color-mix(in oklab,var(--dept-accent) 3%,var(--surface));border-style:dashed;border-color:color-mix(in oklab,var(--dept-accent) 16%,var(--border));padding-top:10px;padding-bottom:10px}.hrdb-page .hrdb-dept-card--child .hrdb-dept-card__value{font-size:1.15rem}.hrdb-page .hrdb-dept-card--parent{border-width:1.5px}.hrdb-page .hrdb-dept-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--dept-accent) 45%,var(--border))}.hrdb-page .hrdb-dept-card__dot{grid-area:dot;width:10px;height:10px;border-radius:50%;background:var(--dept-accent);align-self:center;box-shadow:0 0 0 3px color-mix(in oklab,var(--dept-accent) 18%,transparent)}.hrdb-page .hrdb-dept-card__name{grid-area:name;font-size:.86rem;font-weight:700;color:var(--text);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrdb-page .hrdb-dept-card__num{grid-area:num;display:flex;align-items:baseline;gap:8px}.hrdb-page .hrdb-dept-card__value{font-size:1.4rem;font-weight:800;color:var(--text);letter-spacing:-.024em;line-height:1.05;font-variant-numeric:tabular-nums}.hrdb-page .hrdb-dept-card__pct{font-size:.72rem;font-weight:700;color:var(--muted)}.hrdb-page .hrdb-dept-card__bar{grid-area:bar;height:5px;border-radius:999px;background:color-mix(in oklab,var(--dept-accent) 12%,transparent);overflow:hidden}.hrdb-page .hrdb-dept-card__bar>span{display:block;height:100%;background:linear-gradient(90deg,color-mix(in oklab,var(--dept-accent) 60%,transparent),var(--dept-accent));border-radius:999px;transition:width .4s ease}@media(max-width:720px){.hrdb-page .hrdb-dept-tree{gap:6px}.hrdb-page .hrdb-dept-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.hrdb-page .hrdb-dept-card{padding:12px 14px;padding-inline-start:calc(12px + (var(--dept-depth) * 14px))}.hrdb-page .hrdb-dept-card__value{font-size:1.2rem}}.hrdb-page .hrdb-actor{display:inline-flex;align-items:center;gap:8px;min-width:0}.hrdb-page .hrdb-actor__avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:color-mix(in oklab,var(--brand) 14%,transparent);color:var(--brand);font-size:.66rem;font-weight:800;letter-spacing:.02em;flex:0 0 auto}.hrdb-page .hrdb-actor__name{font-size:.86rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrdb-page .hrdb-actor .profile-avatar,.hrdb-page .hrdb-emp-cell .profile-avatar{flex:0 0 auto}.hrdb-page .hrdb-probation-days .hrdb-badge{font-size:.92rem;font-weight:800;padding:8px 14px;border-radius:10px;letter-spacing:-.005em;font-variant-numeric:tabular-nums}.hrdb-page .hrdb-emp-cell{display:inline-flex;align-items:center;gap:10px;min-width:0}.hrdb-page .hrdb-emp-cell__avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in oklab,var(--soft-chart-positive) 18%,transparent);color:color-mix(in oklab,var(--soft-chart-positive) 80%,var(--text));font-size:.7rem;font-weight:800;letter-spacing:.02em;flex:0 0 auto}.hrdb-page .hrdb-emp-cell__name{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrdb-page .hrdb-hire-cell{display:flex;flex-direction:column;gap:1px;min-width:0}.hrdb-page .hrdb-hire-cell__date{font-size:.86rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.hrdb-page .hrdb-hire-cell__rel{font-size:.7rem;color:var(--muted);letter-spacing:.01em}.hrdb-page .hrdb-fin-tiles{display:flex;flex-direction:column;gap:10px}.hrdb-page .hrdb-fin-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:color-mix(in oklab,var(--brand) 4%,var(--surface));border:1px solid color-mix(in oklab,var(--border) 60%,transparent);transition:border-color .15s ease}.hrdb-page .hrdb-fin-tile:hover{border-color:color-mix(in oklab,var(--brand) 30%,var(--border))}.hrdb-page .hrdb-fin-tile__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hrdb-page .hrdb-fin-tile__value{font-size:1.18rem;font-weight:800;letter-spacing:-.018em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.15}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.btn-ripple:active:after{width:300px;height:300px}.btn-magnetic{transition:transform .2s ease}.btn-magnetic:hover{transform:translateY(-2px) scale(1.02)}.icon-glow{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--brand) 40%,transparent));transition:filter .3s ease}.icon-glow:hover{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--brand) 60%,transparent))}.hrdb-kpi__value{text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-container.dark-mode .hrdb-kpi__value{text-shadow:0 1px 2px rgba(0,0,0,.3)}.hrdb-page{--bg: #eef2f6;--surface: #fafbfc;--surface-2: #f8fafc;--surface-3: #e2e8f0;--card-bg: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px #a1a1aa;--chart-grid: rgba(24, 24, 27, .08);--chart-axis: rgba(24, 24, 27, .55);--chart-cursor: rgba(24, 24, 27, .04);--chart-1: var(--text);--chart-2: var(--muted);--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--danger);--chart-6: var(--info);--chart-7: color-mix(in srgb, var(--muted) 70%, var(--surface));background:radial-gradient(1200px 600px at 0% 0%,rgba(79,70,229,.05),transparent 60%),radial-gradient(900px 500px at 100% 30%,rgba(99,102,241,.04),transparent 65%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-container.dark-mode .hrdb-page{--bg: #0f172a;--surface: #1e293b;--surface-2: #283548;--surface-3: #334155;--card-bg: #1e293b;--text: #f8fafc;--muted: #94a3b8;--border: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 1px 3px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px #71717a;--chart-grid: rgba(244, 244, 245, .1);--chart-axis: rgba(244, 244, 245, .55);--chart-cursor: rgba(244, 244, 245, .06);--chart-1: var(--text);--chart-2: var(--muted);--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--danger);--chart-6: var(--info);--chart-7: color-mix(in srgb, var(--muted) 70%, var(--surface));background:var(--bg);color:var(--text)}.dashboard-container.dark-mode .hrdb-page .hrdb-header,.dashboard-container.dark-mode .hrdb-page .hrdb-section-card,.dashboard-container.dark-mode .hrdb-page [class*=hrdb-section-card],.dashboard-container.dark-mode .hrdb-page .hrdb-qa{background:linear-gradient(180deg,#1e293b,#172033)!important;border-color:var(--border)!important;box-shadow:0 1px 2px #0006,inset 0 1px #ffffff08!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:inset 0 3px 0 0 var(--accent-tone, var(--brand))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi:hover{border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 40%,var(--border))!important;box-shadow:inset 0 3px 0 0 var(--accent-tone, var(--brand)),0 6px 18px -14px #00000073!important}.dashboard-container.dark-mode .hrdb-page .hrdb-qa:hover{border-color:var(--timo-border)!important;box-shadow:0 4px 12px #00000073,0 1px 2px #0000004d!important}.dashboard-container.dark-mode .hrdb-page .hrdb-table{background:var(--surface)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-table__head,.dashboard-container.dark-mode .hrdb-page .hrdb-table__tr:hover{background:var(--surface-2)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-link,.dashboard-container.dark-mode .hrdb-page .hrdb-pager__btn,.dashboard-container.dark-mode .hrdb-page .hrdb-search__input,.dashboard-container.dark-mode .hrdb-page .hrdb-row-action{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-link:hover,.dashboard-container.dark-mode .hrdb-page .hrdb-row-action:hover{background:var(--surface-2)!important;border-color:var(--timo-border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-search__input:focus{border-color:var(--text)!important;box-shadow:0 0 0 1px var(--text)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-feed__chip.is-active{background:var(--surface)!important;color:var(--text)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-feed__row:hover{background:var(--surface-2)!important;border-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-feed__icon{background:var(--surface-3)!important;border-color:var(--border)!important;color:var(--text)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-feed__empty{background:var(--surface)!important;border-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-qa__icon{background:var(--surface-3)!important;color:var(--text)!important;border-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__icon,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__icon--brand,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__icon--success,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__icon--warning,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__icon--danger{background:color-mix(in srgb,var(--accent-tone, var(--brand)) 18%,var(--surface))!important;color:var(--accent-tone, var(--brand))!important;border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 34%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__value,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__unit-tag,.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__title{color:inherit!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__avatar{border-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__detail-card,.dashboard-container.dark-mode .hrdb-page .hrdb-header__meta .hrdb-chip{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__motivational-quote{color:var(--muted)!important;border-inline-start-color:var(--border)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__action{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__action:hover{background:#d4d4d8!important}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell{background:var(--surface-2)}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--present{background:color-mix(in srgb,var(--success) 18%,transparent);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--late{background:color-mix(in srgb,var(--warning) 20%,transparent);border-color:color-mix(in srgb,var(--warning) 40%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--absent{background:color-mix(in srgb,var(--danger) 20%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:color-mix(in srgb,var(--danger) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--weekend{background:var(--timo-surface-elevated);border-color:var(--timo-border);color:var(--muted)}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--holiday{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--info) 45%,transparent) 0px 3px,color-mix(in srgb,var(--info) 10%,transparent) 3px 6px);border-color:color-mix(in srgb,var(--info) 50%,transparent);color:color-mix(in srgb,var(--info) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--future{background:var(--surface-2);border:1px dashed var(--border)}.dashboard-container.dark-mode .hrdb-page .hrdb-heatmap__cell--today{outline-color:#fafafa}.dashboard-container.dark-mode .hrdb-page .hrdb-leave-progress__track{background:var(--surface-3)}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--success .hrdb-qa__icon{background:color-mix(in srgb,var(--success) 18%,transparent);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--warning .hrdb-qa__icon{background:color-mix(in srgb,var(--warning) 20%,transparent);border-color:color-mix(in srgb,var(--warning) 40%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--text))}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--brand .hrdb-qa__icon{background:color-mix(in srgb,var(--brand) 18%,transparent);border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:color-mix(in srgb,var(--brand) 70%,var(--text))}.dashboard-container.dark-mode~* .hrdb-zodiac-pop,.dashboard-container.dark-mode .hrdb-zodiac-pop,body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop{background:var(--timo-bg);border-color:#2a2a2e;box-shadow:0 24px 48px #0009,0 8px 16px #00000073;color:var(--timo-text-primary)}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__head{background:linear-gradient(180deg,#1f1f23 0%,var(--timo-bg) 100%);border-bottom-color:#2a2a2e}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__title{color:var(--timo-text-primary)}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__sub{color:var(--timo-text-secondary)}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__close{color:var(--timo-text-secondary)}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__close:hover{background:var(--timo-surface);color:var(--timo-text-primary)}body:has(.dashboard-container.dark-mode) .hrdb-zodiac-pop__body .hrdb-horoscope__p{color:var(--timo-text-primary)!important}.hrdb-page .hrdb-kpi__value,.hrdb-page .hrdb-kpi__delta-mag,.hrdb-page .hrdb-kpi__value-note,.hrdb-page .hrdb-table__td,.hrdb-page .hrdb-badge,.hrdb-page .ceo-bar-value,.hrdb-page .hrdb-pager__label{font-variant-numeric:tabular-nums}.hrdb-page .hrdb-header{grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;padding:18px 22px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:radial-gradient(600px 200px at 0% 0%,rgba(99,102,241,.07),transparent 60%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)!important;box-shadow:0 1px 2px #0f172a0a!important;overflow:visible!important}.hrdb-page .hrdb-header:before{display:none!important}.hrdb-page .hrdb-header--executive{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)!important}.hrdb-page .hrdb-header__profile{gap:16px!important;align-items:center!important}.hrdb-page .hrdb-header__avatar{width:56px!important;height:56px!important;border-radius:12px!important;border:1px solid var(--border)!important;box-shadow:none!important}.hrdb-page .hrdb-header__avatar-badge{display:none!important}.hrdb-page .hrdb-header__info{gap:8px!important}.hrdb-page .hrdb-header__eyebrow{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--surface-3)!important;border:1px solid var(--border)!important;border-radius:999px!important;padding:3px 10px!important;font-size:10.5px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--muted)!important;width:fit-content!important}.hrdb-page .hrdb-header__eyebrow-icon{color:var(--muted)!important}[dir=rtl] .hrdb-page .hrdb-header__eyebrow{text-transform:none!important;letter-spacing:0!important}.hrdb-page .hrdb-header__name{font-size:22px!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--text)!important;line-height:1.15!important;margin:0!important}.hrdb-page .hrdb-header__headline{display:none!important}.hrdb-page .hrdb-header__supporting{color:var(--muted)!important;font-size:12.5px!important;font-weight:500!important;margin:0!important}.hrdb-page .hrdb-header__details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;margin-top:4px!important}.hrdb-page .hrdb-header__detail-card{padding:8px 12px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:none!important;min-width:0!important}.hrdb-page .hrdb-header__detail-label{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--muted)!important;gap:5px!important}[dir=rtl] .hrdb-page .hrdb-header__detail-label{text-transform:none!important;letter-spacing:0!important}.hrdb-page .hrdb-header__detail-label svg{flex-shrink:0}.hrdb-page .hrdb-header__detail-value{margin-top:4px!important;font-size:13px!important;font-weight:600!important;color:var(--text)!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hrdb-page .hrdb-header__motivational-quote{background:transparent!important;border:0!important;border-inline-start:2px solid var(--border)!important;border-radius:0!important;padding:4px 0 4px 10px!important;font-style:italic!important;font-size:12px!important;font-weight:400!important;color:var(--muted)!important;min-height:0!important;line-height:1.5!important;margin-top:4px!important}.hrdb-page .hrdb-header__quote-mark{font-size:14px!important;color:var(--muted)!important}.hrdb-page .hrdb-header__right{align-items:flex-end!important;gap:8px!important}.hrdb-page .hrdb-header__meta .hrdb-chip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:999px!important;padding:4px 10px!important;box-shadow:none!important;color:var(--text)!important;font-size:11.5px!important;font-weight:600!important}.hrdb-page .hrdb-chip__icon{color:var(--muted)!important}.hrdb-page .hrdb-header__action{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--text)!important;color:#fff!important;border:1px solid var(--text)!important;border-radius:8px!important;padding:8px 14px!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s ease,transform .15s ease!important}.hrdb-page .hrdb-header__action:hover{background:#3f3f46!important;transform:translateY(-1px)!important}.hrdb-page .hrdb-header__detail-value[data-tone=success]{display:inline-flex!important;background:color-mix(in srgb,var(--success) 12%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--success) 30%,var(--border))!important;color:color-mix(in srgb,var(--success) 70%,var(--text))!important;padding:2px 8px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important}.hrdb-page .hrdb-header__detail-value[data-tone=warning]{display:inline-flex!important;background:color-mix(in srgb,var(--warning) 12%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border))!important;color:color-mix(in srgb,var(--warning) 70%,var(--text))!important;padding:2px 8px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important}.hrdb-page .hrdb-header__detail-value[data-tone=danger]{display:inline-flex!important;background:color-mix(in srgb,var(--danger) 12%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border))!important;color:color-mix(in srgb,var(--danger) 70%,var(--text))!important;padding:2px 8px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important}.hrdb-page .hrdb-header__detail-value[data-tone=muted]{color:var(--muted)!important;font-weight:500!important}@media(max-width:900px){.hrdb-page .hrdb-header{grid-template-columns:1fr!important}.hrdb-page .hrdb-header__right{align-items:flex-start!important;flex-direction:row!important;justify-content:space-between!important;width:100%!important;flex-wrap:wrap!important}}@media(max-width:600px){.hrdb-page .hrdb-header{padding:14px 16px!important}.hrdb-page .hrdb-header__avatar{width:48px!important;height:48px!important}.hrdb-page .hrdb-header__name{font-size:19px!important}.hrdb-page .hrdb-header__details{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.hrdb-page .hrdb-kpi-grid{gap:10px!important}.hrdb-page .hrdb-kpi{position:relative!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:inset 0 3px 0 0 var(--accent-tone, var(--brand))!important;transition:box-shadow .15s ease,border-color .15s ease,transform .12s ease!important;overflow:hidden!important}.hrdb-page .hrdb-kpi:before{display:none!important}.hrdb-page .hrdb-kpi--brand{--accent-tone: var(--brand)}.hrdb-page .hrdb-kpi--success{--accent-tone: var(--success)}.hrdb-page .hrdb-kpi--warning{--accent-tone: var(--warning)}.hrdb-page .hrdb-kpi--danger{--accent-tone: var(--danger)}.hrdb-page .hrdb-kpi--muted{--accent-tone: var(--muted)}.hrdb-page .hrdb-kpi:after{display:none!important}.hrdb-page .hrdb-kpi:hover{border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 32%,var(--border))!important;box-shadow:inset 0 3px 0 0 var(--accent-tone, var(--brand)),0 6px 18px -14px color-mix(in srgb,var(--accent-tone, var(--brand)) 50%,transparent)!important;transform:translateY(-1px)!important}.hrdb-page .hrdb-kpi--clickable{cursor:pointer}.hrdb-page .hrdb-kpi__btn{padding:10px 12px!important;background:transparent!important;border:0!important;width:100%;text-align:start;cursor:inherit;display:flex;align-items:center;gap:10px}.hrdb-page .hrdb-kpi--clickable .hrdb-kpi__btn{cursor:pointer}.hrdb-page .hrdb-kpi--feature .hrdb-kpi__btn{padding:10px 12px!important}.hrdb-page .hrdb-kpi__icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;background:color-mix(in srgb,var(--accent-tone, var(--brand)) 12%,var(--surface))!important;color:var(--accent-tone, var(--brand))!important;border:1px solid color-mix(in srgb,var(--accent-tone, var(--brand)) 28%,var(--border))!important;box-shadow:none!important;transform:none!important}.hrdb-page .hrdb-kpi__icon svg{width:15px!important;height:15px!important}.hrdb-page .hrdb-kpi__icon--success,.hrdb-page .hrdb-kpi__icon--warning,.hrdb-page .hrdb-kpi__icon--danger,.hrdb-page .hrdb-kpi__icon--brand{color:var(--accent-tone, var(--brand))!important;background:color-mix(in srgb,var(--accent-tone, var(--brand)) 12%,var(--surface))!important;border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 28%,var(--border))!important}.hrdb-page .hrdb-kpi__meta{gap:2px!important}.hrdb-page .hrdb-kpi__topline{display:none!important}.hrdb-page .hrdb-kpi__title,.hrdb-page .hrdb-kpi__title--brand,.hrdb-page .hrdb-kpi__title--success,.hrdb-page .hrdb-kpi__title--warning,.hrdb-page .hrdb-kpi__title--danger{font-size:12px!important;font-weight:600!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;margin-top:0!important;min-height:0!important;line-height:1.25!important}.hrdb-page .hrdb-kpi__value{font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--text)!important;line-height:1!important;margin-top:2px!important;transform:none!important;display:inline-flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px!important}.hrdb-page .hrdb-kpi--feature .hrdb-kpi__value{font-size:1.25rem!important}.hrdb-page .hrdb-kpi__unit-tag{font-size:.7rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--muted)!important;line-height:1.2!important;white-space:nowrap!important}[dir=rtl] .hrdb-page .hrdb-kpi__unit-tag{text-transform:none!important;letter-spacing:0!important}.hrdb-page .hrdb-kpi__value-skel{height:18px!important;margin-top:2px!important;min-width:48px!important}.hrdb-page .hrdb-kpi__note-skel,.hrdb-page .hrdb-kpi__value-note,.hrdb-page .hrdb-kpi__hint{display:none!important}.hrdb-page .hrdb-kpi__delta{font-size:10.5px!important;font-weight:600!important;padding:1px 5px!important;border-radius:4px!important;margin-top:2px!important;border:0!important}.hrdb-page .hrdb-kpi__delta--positive{color:var(--success)!important;background:color-mix(in srgb,var(--success) 10%,var(--surface))!important}.hrdb-page .hrdb-kpi__delta--negative{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 10%,var(--surface))!important}.hrdb-page .hrdb-kpi__delta--neutral{color:var(--muted)!important;background:var(--surface-3)!important}.hrdb-page .hrdb-kpi__chev{width:22px!important;height:22px!important;border-radius:4px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--muted)!important;box-shadow:none!important;align-self:center!important}.hrdb-page .hrdb-kpi--clickable:hover .hrdb-kpi__chev{border-color:var(--text)!important;color:var(--text)!important}.hrdb-page .hrdb-section-card,.hrdb-page [class*=hrdb-section-card]{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 1px 2px #0f172a0d,0 0 0 1px #fff9 inset!important;padding:18px!important}.hrdb-page .hrdb-section-card:before,.hrdb-page .hrdb-section-card:after{display:none!important}.hrdb-page .hrdb-section-card__header,.hrdb-page [class*=hrdb-section-card__header]{padding:0 0 12px!important;border-bottom:1px solid var(--border)!important;margin-bottom:12px!important}.hrdb-page .hrdb-section-card__title,.hrdb-page [class*=hrdb-section-card__title]{font-size:14px!important;font-weight:600!important;color:var(--text)!important;letter-spacing:-.005em!important}.hrdb-page .hrdb-section-card__eyebrow,.hrdb-page [class*=hrdb-section-card__eyebrow]{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--brand)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-section-card__eyebrow,.dashboard-container.dark-mode .hrdb-page [class*=hrdb-section-card__eyebrow]{color:color-mix(in srgb,var(--brand) 50%,var(--text))!important}[dir=rtl] .hrdb-page [class*=hrdb-section-card__eyebrow]{text-transform:none!important;letter-spacing:0!important}.hrdb-page .hrdb-section-card__subtitle,.hrdb-page [class*=hrdb-section-card__subtitle]{font-size:12px!important;color:var(--muted)!important;margin-top:2px!important}.hrdb-page .hrdb-section-card--hero,.hrdb-page .hrdb-section-card--quiet{background:var(--surface)!important}.hrdb-page .hrdb-table{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--surface)!important;box-shadow:none!important;overflow:hidden}.hrdb-page .hrdb-table__head{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important}.hrdb-page .hrdb-table__th{font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important;padding:10px 12px!important}[dir=rtl] .hrdb-page .hrdb-table__th{text-transform:none!important;letter-spacing:0!important}.hrdb-page .hrdb-table__td{padding:10px 12px!important;font-size:13px!important;color:var(--text)!important}.hrdb-page .hrdb-table__tr{border-bottom:1px solid var(--border)!important;transition:background .12s ease!important}.hrdb-page .hrdb-table__tr:last-child{border-bottom:0!important}.hrdb-page .hrdb-table__tr:before{display:none!important}.hrdb-page .hrdb-table__tr:hover{background:var(--surface-2)!important;transform:none!important;box-shadow:none!important}.hrdb-page .hrdb-empty{padding:16px!important;border-radius:8px!important;border:1px dashed var(--border)!important;background:var(--surface)!important;color:var(--muted)!important;font-size:12px!important}.hrdb-page .hrdb-badge{font-size:11px!important;font-weight:600!important;padding:3px 8px!important;border-radius:4px!important;letter-spacing:0!important;border-width:1px!important}.hrdb-page .hrdb-badge--success{background:color-mix(in srgb,var(--success) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 25%,var(--border))!important;color:color-mix(in srgb,var(--success) 70%,var(--text))!important}.hrdb-page .hrdb-badge--warning{background:color-mix(in srgb,var(--warning) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--warning) 25%,var(--border))!important;color:color-mix(in srgb,var(--warning) 70%,var(--text))!important}.hrdb-page .hrdb-badge--danger{background:color-mix(in srgb,var(--danger) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--danger) 25%,var(--border))!important;color:color-mix(in srgb,var(--danger) 70%,var(--text))!important}.hrdb-page .hrdb-badge--muted{background:var(--surface-3)!important;border-color:var(--border)!important;color:var(--muted)!important}.hrdb-page .hrdb-link{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-weight:500!important;font-size:12px!important;padding:6px 10px!important;border-radius:6px!important;transform:none!important;transition:background .12s ease,border-color .12s ease!important}.hrdb-page .hrdb-link:hover{background:var(--surface-2)!important;border-color:var(--timo-border)!important;transform:none!important}.hrdb-page .hrdb-pager__btn{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:6px!important}.hrdb-page .hrdb-pager__btn:hover:not(:disabled){background:var(--surface-2)!important;border-color:var(--timo-border)!important}.hrdb-page .hrdb-search__input{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:6px!important;font-size:13px!important}.hrdb-page .hrdb-search__input:focus{outline:none!important;border-color:var(--text)!important;box-shadow:0 0 0 1px var(--text)!important}.hrdb-page .hrdb-rowlink{color:var(--text)!important;font-weight:500!important}.hrdb-page .hrdb-rowlink:hover{text-decoration:underline!important}.hrdb-page .hrdb-row-action{border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--muted)!important;border-radius:6px!important}.hrdb-page .hrdb-row-action:hover{background:var(--surface-2)!important;border-color:var(--text)!important;color:var(--text)!important}.hrdb-page .hrdb-qa{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 1px 2px #0f172a0d,0 0 0 1px #fff9 inset!important;padding:14px 16px!important;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease!important;cursor:pointer}.hrdb-page .hrdb-qa:hover{border-color:var(--timo-border)!important;box-shadow:0 4px 12px #18181b0f,0 1px 2px #18181b0a!important;transform:translateY(-1px)!important}.hrdb-page .hrdb-qa__icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:8px!important;background:var(--surface-3)!important;color:var(--text)!important;border:1px solid var(--border)!important;transition:transform .18s ease!important}.hrdb-page .hrdb-qa:hover .hrdb-qa__icon{transform:scale(1.06)!important}.hrdb-page .hrdb-qa--brand .hrdb-qa__icon{color:var(--brand)!important;background:var(--brand-50)!important;border-color:var(--brand-200)!important}.hrdb-page .hrdb-qa--success .hrdb-qa__icon{color:var(--success)!important;background:color-mix(in srgb,var(--success) 12%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 28%,var(--border))!important}.hrdb-page .hrdb-qa--warning .hrdb-qa__icon{color:var(--warning)!important;background:color-mix(in srgb,var(--warning) 12%,var(--surface))!important;border-color:color-mix(in srgb,var(--warning) 30%,var(--border))!important}.hrdb-page .hrdb-qa--neutral .hrdb-qa__icon{color:var(--text)!important;background:var(--surface-3)!important;border-color:var(--timo-border)!important}.hrdb-page .hrdb-qa__label{font-size:13.5px!important;font-weight:600!important;color:var(--text)!important;letter-spacing:-.005em!important}.hrdb-page .hrdb-qa__sub{font-size:11.5px!important;color:var(--muted)!important;margin-top:1px!important}.hrdb-page .hrdb-alert{border-radius:8px!important;font-size:13px!important;padding:10px 12px!important;border-width:1px!important}.hrdb-page .ceo-alert-item{border-radius:8px!important;background:var(--surface)!important;border:1px solid var(--border)!important;grid-template-columns:4px 28px 1fr auto!important;padding:10px 12px 10px 0!important}.hrdb-page .ceo-alert-icon{width:28px!important;height:28px!important;border-radius:6px!important}.hrdb-page .hrdb-skel-kpi,.hrdb-page .hrdb-skel-chart,.hrdb-page .hrdb-skel-table{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:none!important}.hrdb-page [class*=ranked-list],.hrdb-page [class*=hrdb-ranked]{border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:none!important}.hrdb-page [class*=horoscope]:not([class*=hrdb-horoscope]){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:var(--shadow-sm)!important}.ceo-dashboard.hrdb-page .ceo-bar-track{background:var(--surface-3)!important}.ceo-dashboard.hrdb-page .ceo-bar-fill{background:var(--text)!important}.ceo-dashboard.hrdb-page .ceo-empty-alerts{border-radius:8px!important;border:1px dashed var(--border)!important;background:var(--surface)!important}.hrdb-page .recharts-cartesian-grid line{stroke:var(--chart-grid)!important}.hrdb-page .recharts-text{fill:var(--chart-axis)!important;font-size:11px!important}.hrdb-page .recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:8px 10px!important;box-shadow:var(--shadow-md)!important;color:var(--text)!important;font-size:12px!important}.hrdb-page .hrdb-heatmap{display:flex;flex-direction:column;gap:10px;padding:4px 2px 2px}.hrdb-page .hrdb-heatmap__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hrdb-page .hrdb-heatmap__wd{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:center;padding:2px 0}.hrdb-page .hrdb-heatmap__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hrdb-page .hrdb-heatmap__cell{height:32px;border-radius:5px;border:1px solid transparent;display:flex;align-items:center;justify-content:flex-end;padding:0 6px;font-size:10.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--surface);transition:transform .12s ease,box-shadow .12s ease;cursor:default;min-width:0}.hrdb-page .hrdb-heatmap__cell:hover{transform:scale(1.06);box-shadow:0 2px 6px #18181b1a;z-index:1}.hrdb-page .hrdb-heatmap__cell--blank{background:transparent;border:0;cursor:default}.hrdb-page .hrdb-heatmap__cell--blank:hover{transform:none;box-shadow:none}.hrdb-page .hrdb-heatmap__cell--present{background:color-mix(in srgb,var(--success) 18%,transparent);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--text))}.hrdb-page .hrdb-heatmap__cell--late{background:color-mix(in srgb,var(--warning) 18%,transparent);border-color:color-mix(in srgb,var(--warning) 35%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--text))}.hrdb-page .hrdb-heatmap__cell--absent{background:color-mix(in srgb,var(--danger) 16%,transparent);border-color:color-mix(in srgb,var(--danger) 32%,transparent);color:color-mix(in srgb,var(--danger) 70%,var(--text))}.hrdb-page .hrdb-heatmap__cell--weekend{background:repeating-linear-gradient(45deg,#d4d4d8 0px 3px,#fafafa 3px 6px);border-color:var(--timo-border);color:var(--timo-text-secondary)}.hrdb-page .hrdb-heatmap__cell--holiday{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--info) 40%,transparent) 0px 3px,color-mix(in srgb,var(--info) 8%,transparent) 3px 6px);border-color:color-mix(in srgb,var(--info) 55%,transparent);color:color-mix(in srgb,var(--info) 75%,var(--text))}.hrdb-page .hrdb-heatmap__cell--future{background:var(--surface);border:1px dashed var(--border);color:color-mix(in srgb,var(--muted) 60%,transparent)}.hrdb-page .hrdb-heatmap__cell--today{outline:2px solid var(--text);outline-offset:1px}.hrdb-page button.hrdb-heatmap__cell{font:inherit;appearance:none;width:100%}.hrdb-page .hrdb-heatmap__cell--link{cursor:pointer}.hrdb-page .hrdb-heatmap__cell--link:hover{transform:scale(1.1);box-shadow:0 3px 10px #18181b29;z-index:2}.hrdb-page .hrdb-heatmap__cell--link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;z-index:2}.hrdb-page .hrdb-heatmap__day{line-height:1}.hrdb-page .hrdb-heatmap__legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted);padding-top:4px}.hrdb-page .hrdb-heatmap__leg{display:inline-flex;align-items:center;gap:6px;font-weight:500}.hrdb-page .hrdb-heatmap__sw{display:inline-block;width:10px;height:10px;border-radius:3px;border:1px solid transparent;flex-shrink:0}.hrdb-page .hrdb-heatmap__sw--present{background:color-mix(in srgb,var(--success) 45%,transparent);border-color:color-mix(in srgb,var(--success) 60%,transparent)}.hrdb-page .hrdb-heatmap__sw--late{background:color-mix(in srgb,var(--warning) 45%,transparent);border-color:color-mix(in srgb,var(--warning) 60%,transparent)}.hrdb-page .hrdb-heatmap__sw--absent{background:color-mix(in srgb,var(--danger) 40%,transparent);border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.hrdb-page .hrdb-heatmap__sw--weekend{background:var(--timo-border);border-color:var(--timo-border)}.hrdb-page .hrdb-heatmap__sw--holiday{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--info) 55%,transparent) 0px 2px,color-mix(in srgb,var(--info) 10%,transparent) 2px 4px);border-color:color-mix(in srgb,var(--info) 60%,transparent)}@media(max-width:520px){.hrdb-page .hrdb-heatmap__weekdays,.hrdb-page .hrdb-heatmap__grid{gap:4px}.hrdb-page .hrdb-heatmap__cell{min-height:34px;padding:0 4px;justify-content:center;font-size:11px;font-weight:700}.hrdb-page .hrdb-heatmap__day{display:inline}}.hrdb-page .hrdb-leave-progress{display:flex;flex-direction:column;gap:14px;padding:4px 2px 2px}.hrdb-page .hrdb-leave-progress__row{display:flex;flex-direction:column;gap:4px;min-width:0}.hrdb-page .hrdb-leave-progress__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0}.hrdb-page .hrdb-leave-progress__name{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrdb-page .hrdb-leave-progress__nums{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hrdb-page .hrdb-leave-progress__used{color:var(--text);font-weight:700}.hrdb-page .hrdb-leave-progress__sep{margin:0 2px;color:var(--border)}.hrdb-page .hrdb-leave-progress__total{color:var(--muted)}.hrdb-page .hrdb-leave-progress__track{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.hrdb-page .hrdb-leave-progress__fill{height:100%;background:var(--success);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.hrdb-page .hrdb-leave-progress__fill.is-mid{background:var(--warning)}.hrdb-page .hrdb-leave-progress__fill.is-high{background:var(--danger)}.hrdb-page .hrdb-leave-progress__foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}.hrdb-page .hrdb-leave-progress--horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:0}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__row{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:6px}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__head{align-items:center}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__name{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-weight:700}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__nums{font-size:14px}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__used{font-size:16px}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__total{font-size:14px}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__track{height:5px}.hrdb-page .hrdb-leave-progress--horizontal .hrdb-leave-progress__foot{font-size:11px;margin-top:2px}.hrdb-page .hrdb-leave-progress--tiles{display:flex;flex-direction:column;gap:10px;padding:0}.hrdb-page .hrdb-leave-progress--tiles.hrdb-leave-progress--horizontal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hrdb-leave-tile{--tile-tone: var(--brand);display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 14px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--tile-tone) 18%,var(--border));background:linear-gradient(180deg,color-mix(in oklab,var(--tile-tone) 8%,var(--surface)),var(--surface))}.hrdb-leave-tile--annual{--tile-tone: var(--brand)}.hrdb-leave-tile--sick{--tile-tone: var(--danger, #ef4444)}.hrdb-leave-tile--time{--tile-tone: var(--info, #0ea5e9)}.hrdb-leave-tile.is-empty{opacity:.72}.hrdb-leave-tile__head{display:flex;align-items:center;gap:8px;min-width:0}.hrdb-leave-tile__icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tile-tone);background:color-mix(in oklab,var(--tile-tone) 14%,var(--surface))}.hrdb-leave-tile__name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrdb-leave-tile__hero{display:flex;align-items:baseline;gap:6px;margin-top:2px}.hrdb-leave-tile__value{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.hrdb-leave-tile__unit{font-size:12px;font-weight:700;color:var(--muted)}.hrdb-leave-tile__caption{margin:0;font-size:11px;font-weight:600;color:var(--muted)}.hrdb-leave-tile__track{height:6px;margin-top:4px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--tile-tone) 12%,var(--surface-3))}.hrdb-leave-tile__fill{height:100%;border-radius:inherit;background:var(--success);transition:width .45s cubic-bezier(.4,0,.2,1)}.hrdb-leave-tile__fill.is-mid{background:var(--warning)}.hrdb-leave-tile__fill.is-low{background:var(--danger)}.hrdb-leave-tile__meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.hrdb-leave-tile__sep{margin:0 3px;color:var(--border)}.hrdb-leave-tile__hint{margin:2px 0 0;font-size:11px;color:var(--muted)}@media(max-width:860px){.hrdb-page .hrdb-leave-progress--tiles.hrdb-leave-progress--horizontal{grid-template-columns:1fr}}.hrdb-page .hrdb-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.hrdb-page .hrdb-feed>li{margin:0;list-style:none;border-bottom:1px solid var(--border)}.hrdb-page .hrdb-feed>li:last-child{border-bottom:none}.hrdb-page .hrdb-feed__filters{display:inline-flex;align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.hrdb-page .hrdb-feed__chip{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.hrdb-page .hrdb-feed__chip:hover{color:var(--text)}.hrdb-page .hrdb-feed__chip.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #18181b0f}.hrdb-page .hrdb-feed__row{appearance:none;border:1px solid transparent;background:transparent;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:start;font:inherit;color:inherit;transition:background .12s ease,border-color .12s ease}.hrdb-page .hrdb-feed__row:hover{background:var(--surface-2);border-color:var(--border)}.hrdb-page .hrdb-feed__row:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.hrdb-page .hrdb-feed__icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--surface-3);color:var(--text);border:1px solid var(--border);flex-shrink:0}.hrdb-page .hrdb-feed__icon--leave{color:var(--info);background:color-mix(in srgb,var(--info) 10%,var(--surface));border-color:color-mix(in srgb,var(--info) 25%,var(--border))}.hrdb-page .hrdb-feed__icon--overtime{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface));border-color:color-mix(in srgb,var(--warning) 28%,var(--border))}.hrdb-page .hrdb-feed__body{display:flex;flex-direction:column;gap:2px;min-width:0}.hrdb-page .hrdb-feed__title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrdb-page .hrdb-feed__meta{font-size:11.5px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrdb-page .hrdb-feed__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.hrdb-page .hrdb-feed__when{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap}.hrdb-page .hrdb-feed__chev{color:var(--muted);opacity:0;transform:translate(-4px);transition:opacity .12s ease,transform .12s ease;display:inline-flex}.hrdb-page .hrdb-feed__row:hover .hrdb-feed__chev{opacity:1;transform:translate(0)}[dir=rtl] .hrdb-page .hrdb-feed__chev{transform:translate(4px) scaleX(-1)}[dir=rtl] .hrdb-page .hrdb-feed__row:hover .hrdb-feed__chev{transform:translate(0) scaleX(-1)}.hrdb-page .hrdb-feed__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;border:1px dashed var(--border);border-radius:10px;background:var(--surface);color:var(--muted);text-align:center}.hrdb-page .hrdb-feed__empty>svg{opacity:.7}.hrdb-page .hrdb-feed__empty-title{font-size:13px;font-weight:600;color:var(--text)}.hrdb-page .hrdb-feed__empty-hint{font-size:12px;color:var(--muted);max-width:360px;line-height:1.5}@media(max-width:540px){.hrdb-page .hrdb-feed__row{grid-template-columns:32px minmax(0,1fr) auto}.hrdb-page .hrdb-feed__icon{width:32px;height:32px}.hrdb-page .hrdb-feed__when,.hrdb-page .hrdb-feed__chev{display:none}}.hrdb-page .hrdb-header,.hrdb-page .hrdb-header__profile,.hrdb-page .hrdb-header__avatar-shell,.hrdb-page .hrdb-header__avatar-wrapper{overflow:visible!important}.hrdb-page .hrdb-header__avatar-extra{margin-top:14px;display:flex;justify-content:center;position:relative;z-index:2}.hrdb-page .hrdb-zodiac-fab{position:relative;width:36px;height:36px;border-radius:999px;display:inline-grid;place-items:center;background:radial-gradient(120% 100% at 30% 20%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--warning) 18%,var(--surface)),color-mix(in srgb,var(--warning) 30%,var(--surface)));color:color-mix(in srgb,var(--warning) 75%,var(--text));border:1px solid color-mix(in srgb,var(--warning) 40%,var(--border));box-shadow:0 4px 12px color-mix(in srgb,var(--warning) 22%,transparent),0 1px 3px #18181b0f,inset 0 1px #fff9;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font:inherit}.hrdb-page .hrdb-zodiac-fab:hover{transform:scale(1.08);box-shadow:0 6px 16px color-mix(in srgb,var(--warning) 28%,transparent),0 2px 4px #18181b14,inset 0 1px #ffffffb3}.hrdb-page .hrdb-zodiac-fab:focus-visible{outline:3px solid color-mix(in srgb,var(--warning) 55%,transparent);outline-offset:2px}.hrdb-page .hrdb-zodiac-fab.is-open{transform:scale(.94)}.hrdb-page .hrdb-zodiac-fab__glyph{font-size:18px;line-height:1;font-family:Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",system-ui,sans-serif;font-variant-emoji:text;pointer-events:none}.hrdb-zodiac-pop__glyph{font-variant-emoji:text}.hrdb-page .hrdb-zodiac-fab:before{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--warning) 30%,transparent);pointer-events:none;animation:hrdbZodiacRingSpin 22s linear infinite}.hrdb-page .hrdb-zodiac-fab:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;border-radius:999px;background:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 18%,transparent),0 0 8px color-mix(in srgb,var(--warning) 55%,transparent);transform-origin:center;pointer-events:none;animation:hrdbZodiacOrbit 6s linear infinite}.hrdb-page .hrdb-zodiac-fab:hover:before{border-color:color-mix(in srgb,var(--warning) 55%,transparent)}.hrdb-page .hrdb-zodiac-fab:hover:after{animation-duration:3s}@keyframes hrdbZodiacOrbit{0%{transform:rotate(0) translate(25px) rotate(0)}to{transform:rotate(360deg) translate(25px) rotate(-360deg)}}@keyframes hrdbZodiacRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hrdb-page .hrdb-zodiac-fab:before,.hrdb-page .hrdb-zodiac-fab:after{animation:none!important}}.hrdb-zodiac-pop{position:fixed;width:min(520px,calc(100vw - 24px));max-height:min(70vh,540px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 48px #18181b2e,0 8px 16px #18181b1a;z-index:9999;overflow:hidden;transform-origin:top center;animation:hrdbZodiacPopIn .18s cubic-bezier(.16,1,.3,1)}@keyframes hrdbZodiacPopIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hrdb-zodiac-pop__head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--warning) 8%,var(--surface)) 0%,var(--surface) 100%)}.hrdb-zodiac-pop__glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--warning) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));color:color-mix(in srgb,var(--warning) 75%,var(--text));font-size:18px;line-height:1;flex-shrink:0;font-family:Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",system-ui,sans-serif}.hrdb-zodiac-pop__heading{flex:1;min-width:0}.hrdb-zodiac-pop__title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.005em;text-transform:none}.hrdb-zodiac-pop__sub{font-size:11px;color:var(--muted);margin-top:1px;text-transform:none}.hrdb-zodiac-pop__close{appearance:none;background:transparent;border:0;width:26px;height:26px;border-radius:6px;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.hrdb-zodiac-pop__close:hover{background:var(--surface-2);color:var(--text)}.hrdb-zodiac-pop__body{flex:1;overflow-y:auto;padding:12px 14px 14px}.hrdb-zodiac-pop__body,.hrdb-zodiac-pop__body *:not(.hrdb-zodiac-pop__close){text-transform:none!important;letter-spacing:0!important}.hrdb-zodiac-pop__body>*{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0!important}.hrdb-zodiac-pop__body .hrdb-horoscope__p{font-size:13px!important;font-weight:550!important;line-height:1.65!important;color:color-mix(in srgb,var(--text) 85%,var(--muted))!important}.hrdb-zodiac-pop__body .hrdb-horoscope__source{font-size:10.5px!important;padding:1px 7px!important}.hrdb-page{--hrdb-gap: 14px;padding-block:4px}.hrdb-page .hrdb-header__eyebrow{background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border))!important;color:var(--brand)!important}.hrdb-page .hrdb-header__eyebrow-icon{color:var(--brand)!important}.hrdb-page .hrdb-header{background:color-mix(in srgb,var(--brand) 5%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 14%,var(--border))!important}.hrdb-page .hrdb-header__detail-card{background:color-mix(in srgb,var(--brand) 5%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--border))!important}.hrdb-page .hrdb-header__detail-label{color:color-mix(in srgb,var(--brand) 60%,var(--muted))!important}.hrdb-page .hrdb-header__detail-label svg{color:var(--brand)!important}.hrdb-page .hrdb-header__meta .hrdb-chip{background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border))!important;color:var(--brand)!important}.hrdb-page .hrdb-kpi{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-tone, var(--brand)) 6%,var(--surface)),color-mix(in srgb,var(--accent-tone, var(--brand)) 3%,var(--surface-2)))!important;border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 18%,var(--border))!important}.hrdb-page .hrdb-kpi:before{height:3px!important}.hrdb-page .hrdb-kpi__value{color:color-mix(in srgb,var(--accent-tone, var(--brand)) 78%,var(--text))!important}.hrdb-page .hrdb-kpi__unit-tag{color:color-mix(in srgb,var(--accent-tone, var(--brand)) 60%,var(--muted))!important}.hrdb-page .hrdb-kpi__eyebrow{color:color-mix(in srgb,var(--accent-tone, var(--brand)) 70%,var(--muted))!important}.hrdb-page .hrdb-qa--brand{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),color-mix(in srgb,var(--brand) 3%,var(--surface-2)))!important;border-color:color-mix(in srgb,var(--brand) 18%,var(--border))!important}.hrdb-page .hrdb-qa--success{background:linear-gradient(180deg,color-mix(in srgb,var(--success) 7%,var(--surface)),color-mix(in srgb,var(--success) 3%,var(--surface-2)))!important;border-color:color-mix(in srgb,var(--success) 18%,var(--border))!important}.hrdb-page .hrdb-qa--warning{background:linear-gradient(180deg,color-mix(in srgb,var(--warning) 7%,var(--surface)),color-mix(in srgb,var(--warning) 3%,var(--surface-2)))!important;border-color:color-mix(in srgb,var(--warning) 18%,var(--border))!important}.hrdb-page{background:var(--bg)!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__eyebrow{background:color-mix(in srgb,var(--brand) 18%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 35%,var(--border))!important;color:color-mix(in srgb,var(--brand) 60%,var(--text))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header{background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 22%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__detail-card{background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 24%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__detail-label{color:color-mix(in srgb,var(--brand) 50%,var(--muted))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-header__meta .hrdb-chip{background:color-mix(in srgb,var(--brand) 14%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 26%,var(--border))!important;color:color-mix(in srgb,var(--brand) 50%,var(--text))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-tone, var(--brand)) 4%,var(--surface)) 0%,var(--surface) 100%)!important;border-color:color-mix(in srgb,var(--accent-tone, var(--brand)) 18%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-kpi__value{color:color-mix(in srgb,var(--accent-tone, var(--brand)) 65%,var(--text))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--brand{background:color-mix(in srgb,var(--brand) 4%,var(--surface))!important;border-color:color-mix(in srgb,var(--brand) 18%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--success{background:color-mix(in srgb,var(--success) 4%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 18%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page .hrdb-qa--warning{background:color-mix(in srgb,var(--warning) 4%,var(--surface))!important;border-color:color-mix(in srgb,var(--warning) 18%,var(--border))!important}.dashboard-container.dark-mode .hrdb-page{background:var(--bg)!important}.tdash{--tdash-track: #F1EEE8;--tdash-moon: #8952D3}.dark-mode .tdash{--tdash-track: #20273F;--tdash-moon: #CDB3FE}.tdash-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tdash-myday{display:grid;gap:14px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.tdash-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.tdash-grid2{display:grid;gap:12px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.tdash-grid2--stretch{align-items:stretch}.tdash-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.tdash-pair{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.tdash-card{min-width:0}.tdash-card .tp-card__title{font-size:16px}.tdash-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tdash-section-title{margin:6px 0 -4px;font:600 16px/1.3 var(--timo-font-sans);color:var(--timo-text-primary)}.tdash-section-title small{font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary);margin-inline-start:8px}.tdash-kpi{gap:12px;padding:18px 20px;border:0;text-align:start;font:inherit;color:inherit}.tdash-kpi>.tp-chip{align-self:flex-start}.tdash-kpi.is-link{cursor:pointer;transition:box-shadow var(--timo-duration-quick) var(--timo-ease-standard)}.tdash-kpi.is-link:hover{box-shadow:inset 0 0 0 1.5px var(--tp-selb)}.tdash-kpi__label{font:500 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-kpi__value{font:500 40px/1 var(--timo-font-mono);letter-spacing:-.03em;color:var(--timo-text-primary);white-space:nowrap}[lang=ar] .tdash-kpi__value{font-family:var(--timo-font-mono-ar);font-variant-numeric:tabular-nums;letter-spacing:0}.tdash-kpi__sub{font:400 13px/1.4 var(--timo-font-sans);color:var(--timo-text-secondary)}@media(max-width:767px){.tdash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tdash-kpi{padding:14px 16px;gap:10px}.tdash-kpi__value{font-size:28px}.tdash-kpi__sub{font-size:12px}.tdash-kpi>.tp-chip{white-space:normal}.tdash-row{flex-wrap:wrap}.tdash-row__text{flex:1 1 150px}}.tdash-mini{gap:10px;padding:18px;border:0;text-align:start;font:inherit;color:inherit}.tdash-mini.is-link{cursor:pointer}.tdash-mini.is-link:hover{box-shadow:inset 0 0 0 1.5px var(--tp-selb)}.tdash-mini__label{font:400 13px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-mini__value{font:500 26px/1 var(--timo-font-mono);color:var(--timo-text-primary)}[lang=ar] .tdash-mini__value{font-family:var(--timo-font-mono-ar)}.tdash-mini__unit{font:400 13px/1 var(--timo-font-sans);color:var(--timo-text-secondary);margin-inline-start:4px}.tdash-mini__sub{font:400 12px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-nebula{display:block;height:5px;border-radius:3px;background:var(--timo-status-pending-bg);overflow:hidden}.tdash-nebula>span{display:block;height:100%;border-radius:3px;background:var(--tdash-moon)}.tdash-hero{position:relative;overflow:hidden;border-radius:26px;padding:28px 30px;display:flex;flex-direction:column;gap:16px;color:#f3f1ec;background:radial-gradient(110% 70% at 90% 115%,rgba(222,101,6,.4),rgba(137,82,211,.22) 45%,transparent 75%),#0b1026}.dark-mode .tdash-hero{box-shadow:inset 0 0 0 1px var(--timo-border)}[dir=rtl] .tdash-hero{background:radial-gradient(110% 70% at 10% 115%,rgba(222,101,6,.4),rgba(137,82,211,.22) 45%,transparent 75%),#0b1026}@media(min-width:1024px){.tdash-myday>.tdash-hero{position:sticky;top:84px}}.tdash-hero__head{display:flex;flex-direction:column;gap:6px}.tdash-hero__greet{margin:0;font:560 34px/1.1 var(--timo-font-sans);letter-spacing:-.02em;color:#f3f1ec}[lang=ar] .tdash-hero__greet{letter-spacing:0;line-height:1.3}.tdash-hero__meta{font:400 14px/1.4 var(--timo-font-sans);color:#b0b7cb}.tdash-hero__worked{font:500 44px/1 var(--timo-font-mono);letter-spacing:-.03em;color:#f3f1ec}[lang=ar] .tdash-hero__worked{letter-spacing:0}.tdash-hero__note{display:inline-flex;align-items:center;gap:6px;font:400 13px/1.3 var(--timo-font-sans);color:#b0b7cb;padding-inline:12%}.tdash-live{width:7px;height:7px;border-radius:50%;background:#3cc29e;box-shadow:0 0 0 3px #3cc29e40;flex:none}.tdash-hero__btn{height:56px;border-radius:18px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:#8aa1fe;color:#0b1026;font:600 16px/1 var(--timo-font-sans);transition:background var(--timo-duration-quick) var(--timo-ease-standard)}.tdash-hero__btn:hover{background:#adbfff}.tdash-hero__btn.is-done{background:#f3f1ec}[dir=rtl] .tdash-hero__btn svg{transform:scaleX(-1)}.tdash-hero__btn:focus-visible{outline:2px solid #ADBFFF;outline-offset:2px}.tdash-hero__foot{text-align:center;font:400 12px/1.4 var(--timo-font-sans);color:#b0b7cb}.tdash-hero__issues{text-align:center;font:500 12px/1.4 var(--timo-font-sans);color:#e8ba72}@media(max-width:767px){.tdash-hero{padding:22px 20px}.tdash-hero__greet{font-size:26px}.tdash-hero__worked{font-size:36px}}.tdash-list{display:flex;flex-direction:column}.tdash-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px 6px;border:0;border-radius:12px;background:transparent;text-align:start;border-bottom:1px solid var(--tdash-track);font:inherit;color:inherit}.tdash-list>.tdash-row:last-child{border-bottom:0}.tdash-row.is-link{cursor:pointer}.tdash-row.is-link:hover{background:var(--timo-bg)}.tdash-row.is-link:focus-visible{outline:2px solid var(--timo-focus-ring);outline-offset:1px}.tdash-row__text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.tdash-row__title{font:500 14px/1.3 var(--timo-font-sans);color:var(--timo-text-primary);overflow:hidden;text-overflow:ellipsis}.tdash-row__sub{font:400 12px/1.35 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-row__count{font:500 14px/1 var(--timo-font-mono);color:var(--timo-text-primary)}.tdash-row__chev,.tdash-fwd{flex:none;display:inline-flex;color:var(--tp-tx3);transform:rotate(-90deg)}[dir=rtl] .tdash-row__chev,[dir=rtl] .tdash-fwd{transform:rotate(90deg)}.tdash-back{flex:none;display:inline-flex;transform:rotate(90deg)}[dir=rtl] .tdash-back{transform:rotate(-90deg)}.tdash-iconbtn .tdash-fwd,.tdash-month__step .tdash-fwd{color:inherit}.tdash-skelrows{display:flex;flex-direction:column;gap:8px}.tdash-tile{flex:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center}.tdash-tile--present{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.tdash-tile--late{background:var(--timo-status-late-bg);color:var(--timo-status-late-fg)}.tdash-tile--absent{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.tdash-tile--leave{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.tdash-tile--holiday{background:var(--timo-status-holiday-bg);color:var(--timo-status-holiday-fg)}.tdash-tile--overtime{background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.tdash-tile--pending{background:var(--timo-status-pending-bg);color:var(--timo-status-pending-fg)}.tdash-date{flex:none;width:54px;box-sizing:border-box;padding:6px 0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.tdash-date__m{font:500 10px/1 var(--timo-font-mono);text-transform:uppercase}[lang=ar] .tdash-date__m{font-family:var(--timo-font-sans);text-transform:none}.tdash-date__d{font:600 17px/1 var(--timo-font-sans)}.tdash-date--present{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.tdash-date--leave{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.tdash-date--holiday{background:var(--timo-status-holiday-bg);color:var(--timo-status-holiday-fg)}.tdash-date--late{background:var(--timo-status-late-bg);color:var(--timo-status-late-fg)}.tdash-date--absent{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.tdash-date--overtime{background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.tdash-date--past{opacity:.6}.tdash-nil{display:flex;flex-direction:column;gap:4px;padding:18px 4px}.tdash-nil__title{font:500 14px/1.35 var(--timo-font-sans);color:var(--timo-text-primary)}.tdash-nil__text{font:400 13px/1.5 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash .tp-state{min-height:0;padding:28px 20px}.tdash-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.tdash-timeline__item{display:flex;align-items:center;gap:14px}.tdash-timeline__time{flex:none;min-width:66px;font:500 12px/1.2 var(--timo-font-mono);color:var(--timo-text-secondary);white-space:nowrap}.tdash-timeline__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--timo-border)}.tdash-timeline__label{font:400 14px/1.35 var(--timo-font-sans);color:var(--timo-text-primary);min-width:0}.tdash-timeline__item.is-present .tdash-timeline__dot{background:var(--timo-status-present)}.tdash-timeline__item.is-late .tdash-timeline__dot{background:var(--timo-status-late)}.tdash-timeline__item.is-leave .tdash-timeline__dot{background:var(--timo-status-leave)}.tdash-timeline__item.is-done .tdash-timeline__dot{background:var(--tdash-moon)}.tdash-timeline__item.is-idle .tdash-timeline__label{color:var(--timo-text-secondary)}.tdash-leaves{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.tdash-leave{display:flex;flex-direction:column;gap:8px;min-width:0}.tdash-leave.is-empty{opacity:.65}.tdash-leave__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tdash-leave__name{font:500 14px/1.3 var(--timo-font-sans);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdash-leave__value .tp-num{font:500 20px/1 var(--timo-font-mono)}[lang=ar] .tdash-leave__value .tp-num{font-family:var(--timo-font-mono-ar)}.tdash-leave__meta{font:400 12px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-cal{display:flex;flex-direction:column;gap:14px}.tdash-cal__stats{display:flex;flex-wrap:wrap;gap:6px}.tdash-cal__stats .tp-num{font-weight:600}.tdash-cal__board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tdash-cal__wd{text-align:center;font:500 12px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);padding-bottom:2px}.tdash-cal__cell{position:relative;min-height:46px;border:0;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--timo-surface-sunken);color:var(--timo-text-primary);font:inherit;padding:4px}.tdash-cal__cell.is-blank{background:transparent}.tdash-cal__cell.is-link{cursor:pointer}.tdash-cal__cell.is-link:hover{box-shadow:inset 0 0 0 1.5px var(--tp-selb)}.tdash-cal__num{font:500 13px/1 var(--timo-font-mono)}.tdash-cal__mark{width:6px;height:6px;border-radius:50%;background:transparent}.tdash-cal__cell.is-present{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.tdash-cal__cell.is-present .tdash-cal__mark{background:var(--timo-status-present)}.tdash-cal__cell.is-late{background:var(--timo-status-late-bg);color:var(--timo-status-late-fg)}.tdash-cal__cell.is-late .tdash-cal__mark{background:var(--timo-status-late)}.tdash-cal__cell.is-absent{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.tdash-cal__cell.is-absent .tdash-cal__mark{box-shadow:inset 0 0 0 1.5px var(--timo-status-absent)}.tdash-cal__cell.is-leave{background:var(--timo-status-leave-bg);color:var(--timo-status-leave-fg)}.tdash-cal__cell.is-leave .tdash-cal__mark{background:var(--timo-status-leave);border-radius:50% 50% 50% 0}.tdash-cal__cell.is-holiday{background:var(--timo-status-holiday-bg);color:var(--timo-status-holiday-fg)}.tdash-cal__cell.is-holiday .tdash-cal__mark{background:var(--timo-status-holiday-fg);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:8px;height:8px;border-radius:0}.tdash-cal__cell.is-weekend,.tdash-cal__cell.is-future{background:transparent;color:var(--tp-tx3);box-shadow:inset 0 0 0 1px var(--timo-hairline)}.tdash-cal__cell.is-today{box-shadow:inset 0 0 0 2px var(--timo-brand-primary)}.tdash-cal__legend{display:flex;flex-wrap:wrap;gap:8px 16px;font:400 12px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-cal__leg{display:inline-flex;align-items:center;gap:6px}.tdash-cal__sw{width:10px;height:10px;border-radius:3px;display:inline-block}.tdash-cal__sw.is-present{background:var(--timo-status-present)}.tdash-cal__sw.is-late{background:var(--timo-status-late)}.tdash-cal__sw.is-absent{box-shadow:inset 0 0 0 2px var(--timo-status-absent)}.tdash-cal__sw.is-leave{background:var(--timo-status-leave)}.tdash-cal__sw.is-holiday{background:var(--timo-status-holiday-fg)}.tdash-cal__sw.is-weekend{box-shadow:inset 0 0 0 1px var(--timo-border)}@media(max-width:767px){.tdash-cal__cell{min-height:40px;border-radius:10px}.tdash-cal__board{gap:4px}.tdash-cal__wd{font-size:10.5px;white-space:nowrap;overflow:hidden}}.tdash-astro{padding:0;gap:0;overflow:hidden}.tdash-astro__head{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;border:0;cursor:pointer;text-align:start;background:radial-gradient(60% 140% at 100% 0%,var(--timo-status-leave-bg),transparent 70%),var(--timo-surface);font:inherit;color:inherit}.tdash-astro__glyph{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0b1026;color:#f3f1ec;font-size:22px}.tdash-astro__sign{font:600 16px/1.3 var(--timo-font-sans)}.tdash-astro__toggle{flex:none;display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--timo-font-sans);color:var(--tp-prt)}.tdash-astro>div{padding:0 20px 18px}.tdash-modal__sub{margin:-6px 0 0;font:400 14px/1.5 var(--timo-font-sans);color:var(--timo-text-secondary)}@media(max-width:767px){.tdash-modal__list{padding-bottom:64px}}.tdash-banner{position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;box-shadow:inset 0 0 0 1px var(--timo-border);background:radial-gradient(90% 140% at 100% 120%,#FFCFB8,rgba(205,179,254,.4) 45%,transparent 75%),radial-gradient(60% 100% at 0% 0%,#E6ECFF,transparent 70%),var(--timo-bg)}[dir=rtl] .tdash-banner{background:radial-gradient(90% 140% at 0% 120%,#FFCFB8,rgba(205,179,254,.4) 45%,transparent 75%),radial-gradient(60% 100% at 100% 0%,#E6ECFF,transparent 70%),var(--timo-bg)}.dark-mode .tdash-banner{background:radial-gradient(90% 140% at 100% 120%,rgba(243,134,73,.32),rgba(138,161,254,.18) 45%,transparent 75%),var(--timo-surface)}.dark-mode[dir=rtl] .tdash-banner,[dir=rtl] .dark-mode .tdash-banner,.dark-mode [dir=rtl] .tdash-banner{background:radial-gradient(90% 140% at 0% 120%,rgba(243,134,73,.32),rgba(138,161,254,.18) 45%,transparent 75%),var(--timo-surface)}.tdash-banner__text{display:flex;flex-direction:column;gap:8px;flex:1 1 320px;min-width:0}.tdash-banner__crumbs{font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-banner__greet{margin:0;font:560 34px/1.15 var(--timo-font-sans);letter-spacing:-.02em;color:var(--timo-text-primary)}[lang=ar] .tdash-banner__greet{letter-spacing:0;line-height:1.35}.tdash-banner__line{margin:0;font:400 15px/1.5 var(--timo-font-sans);color:var(--tp-ink2)}.tdash-banner__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tdash-banner .tp-btn--outline{background:#fffc}.dark-mode .tdash-banner .tp-btn--outline{background:var(--timo-surface-elevated)}@media(max-width:767px){.tdash-banner{padding:22px 20px}.tdash-banner__greet{font-size:26px}}.tdash-month{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 4px;border-radius:12px;background:var(--timo-surface);box-shadow:inset 0 0 0 1px var(--timo-border)}.dark-mode .tdash-banner .tdash-month{background:var(--timo-surface-elevated)}.tdash-month__step{width:32px;height:32px;border-radius:9px;border:0;background:transparent;color:var(--timo-text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tdash-month__step:hover{background:var(--timo-surface-sunken)}.tdash-month__label{position:relative;min-width:120px;text-align:center;font:500 13.5px/1 var(--timo-font-sans)}.tdash-month__label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.tdash-bars{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;overflow-x:auto}.tdash-bars__plot{display:flex;align-items:flex-end;gap:28px;padding:8px 12px 0;box-sizing:border-box;background:repeating-linear-gradient(to top,transparent 0 51px,var(--timo-hairline) 51px 52px)}.tdash-bars.is-compact .tdash-bars__plot{gap:6px;padding-inline:4px}.tdash-bars__col{flex:1 1 0;min-width:14px;height:100%;display:flex;align-items:flex-end;justify-content:center}.tdash-bars__stack{width:100%;max-width:64px;display:flex;flex-direction:column-reverse;gap:2px}.tdash-bars__seg{display:block;border-radius:2px}.tdash-bars__stack>.tdash-bars__seg:first-child{border-end-start-radius:6px;border-end-end-radius:6px}.tdash-bars__stack>.tdash-bars__seg:last-child{border-start-start-radius:6px;border-start-end-radius:6px}.tdash-bars__seg.is-absent{box-shadow:inset 0 0 0 2px var(--timo-status-absent);background:transparent}.tdash-bars__labels{display:flex;gap:28px;padding:0 12px}.tdash-bars.is-compact .tdash-bars__labels{gap:6px;padding-inline:4px}.tdash-bars__label{flex:1 1 0;min-width:14px;text-align:center;font:400 12px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:clip}.tdash-bars.is-compact .tdash-bars__label{font-size:10.5px}.tdash-bars__label.is-today{font-weight:600;color:var(--timo-text-primary)}@media(max-width:767px){.tdash-bars__plot,.tdash-bars__labels{gap:10px}}.tdash-legend{display:flex;gap:14px;flex-wrap:wrap;font:400 12px/1 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-legend__item{display:inline-flex;align-items:center;gap:6px}.tdash-legend__sw{width:10px;height:10px;border-radius:50%;display:inline-block}.tdash-chart-card{min-height:320px}.tdash-chart-card .tdash-bars{flex:1;justify-content:flex-end}.tdash-barlist{columns:240px 2;column-gap:36px}.tdash-barlist__row{break-inside:avoid;margin-bottom:12px;display:grid;grid-template-columns:minmax(80px,130px) minmax(0,1fr) 44px;gap:12px;align-items:center}.tdash-barlist__row.is-child .tdash-barlist__name{color:var(--timo-text-secondary)}.tdash-barlist__name{font:400 13px/1.25 var(--timo-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdash-barlist__track{display:block;height:10px;border-radius:5px;background:var(--tdash-track);overflow:hidden}.tdash-barlist__track>span{display:block;height:100%;border-radius:5px;background:var(--timo-brand-primary)}.tdash-barlist__value{font:500 13px/1 var(--timo-font-mono);text-align:end;white-space:nowrap}.tdash-barlist__value small{font:400 11px/1 var(--timo-font-sans);color:var(--timo-text-secondary);margin-inline-start:4px}.tdash-card__meta{font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-card__meta .tp-num{color:var(--timo-text-primary)}.tdash-person{display:flex;align-items:center;gap:10px;min-width:0}.tdash-person__name{font:600 14px/1.3 var(--timo-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdash-linkbtn{border:0;background:transparent;padding:0;cursor:pointer;font:600 14px/1.3 var(--timo-font-sans);color:var(--timo-text-primary);text-align:start}.tdash-linkbtn:hover{color:var(--tp-prt);text-decoration:underline}.tdash-iconbtn{width:32px;height:32px;border-radius:10px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.tdash-iconbtn:hover{background:var(--timo-hairline)}.tdash-iconbtn:disabled{opacity:.4;cursor:default}.tdash-row.is-past{opacity:.6}.tdash-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:6px;font:400 13px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash .tp-table thead th,#root .tdash.tdash .tp-table thead>tr>th{background:var(--timo-surface)!important;color:var(--timo-text-secondary)!important;border-bottom:1px solid var(--timo-hairline)!important;padding:12px 16px;text-transform:none;letter-spacing:0;font:500 12.5px/1.2 var(--timo-font-sans)}.tdash .tp-table tbody tr{background:transparent;border-bottom:0}.tdash .tp-table tbody td{background:transparent;color:var(--timo-text-primary);border-color:var(--timo-hairline)}.tdash .tp-table tbody tr:hover td{background:var(--timo-bg)}@media(max-width:767px){.tdash-table--cards .tp-table thead{display:none}.tdash-table--cards .tp-table,.tdash-table--cards .tp-table tbody,.tdash-table--cards .tp-table tr,.tdash-table--cards .tp-table td{display:block;width:100%;box-sizing:border-box}.tdash-table--cards .tp-table tr{padding:12px 4px;border-bottom:1px solid var(--timo-hairline)}.tdash-table--cards .tp-table tbody tr:last-child{border-bottom:0}.tdash-table--cards .tp-table td{padding:3px 0;border:0;text-align:start}.tdash-table--cards .tp-table td.is-num{text-align:start}.tdash-table--cards .tp-table td[data-label]:before{content:attr(data-label);display:block;font:500 11.5px/1.3 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-table--cards .tp-table tbody tr:hover td{background:transparent}.tdash-table--cards .tp-table td:last-child:has(.tdash-iconbtn){display:none}}.tdash-events{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}.tdash-mcal{display:flex;flex-direction:column;gap:10px}.tdash-mcal__nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.tdash-mcal__label{font:600 14px/1.2 var(--timo-font-sans)}.tdash-mcal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.tdash-mcal__wd{text-align:center;font:500 11px/1.2 var(--timo-font-sans);color:var(--timo-text-secondary)}.tdash-mcal__day{position:relative;height:36px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 12.5px/1 var(--timo-font-mono);color:var(--timo-text-primary)}[lang=ar] .tdash-mcal__day{font-family:var(--timo-font-mono-ar)}.tdash-mcal__day.is-today{box-shadow:inset 0 0 0 2px var(--timo-brand-primary)}.tdash-mcal__day.is-birthday{background:var(--timo-status-present-bg)}.tdash-mcal__day.is-holiday{background:var(--timo-status-holiday-bg)}.tdash-mcal__day.is-event{background:var(--timo-status-overtime-bg)}.tdash-mcal__dots{display:flex;gap:2px}.tdash-mcal__dot{width:4px;height:4px;border-radius:50%}.tdash-mcal__dot.is-birthday{background:var(--timo-status-present)}.tdash-mcal__dot.is-holiday{background:var(--timo-status-holiday-fg)}.tdash-mcal__dot.is-event{background:var(--timo-brand-primary)}button:not(:disabled):hover,.btn:not(:disabled):hover,.login-button:not(:disabled):hover,.add-employee-btn:hover,.search-btn:hover,.pagination-btn:hover:not(:disabled),.card-action-btn:hover,.action-item:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px);transition:all .25s ease!important}.dark-mode button:not(:disabled):hover,.dark-mode .btn:not(:disabled):hover,.dark-mode .login-button:not(:disabled):hover,.dark-mode .add-employee-btn:hover,.dark-mode .search-btn:hover,.dark-mode .pagination-btn:hover:not(:disabled),.dark-mode .card-action-btn:hover,.dark-mode .action-item:hover{box-shadow:var(--shadow-lg)!important}button,.btn,.login-button,.add-employee-btn,.search-btn,.pagination-btn,.card-action-btn,.nav-item,.action-item{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dashboard-container.platform-shell{--plt-content-bg: var(--timo-bg);--plt-surface: var(--timo-surface);--plt-border: var(--timo-border);--plt-text: var(--timo-text-primary);--plt-muted: var(--timo-text-secondary);--plt-brand: var(--timo-brand-primary);--plt-success: var(--timo-status-present-fg);--plt-warning: var(--timo-status-late-fg);--plt-danger: var(--timo-status-absent-fg);font-family:var(--timo-font-sans);color:var(--timo-text-primary)}.plt-side__tile{background:var(--timo-deep-space)}.plt-side__mark{display:block;width:18px;height:18px;background-color:#e8ba72;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.plt-avatar{position:relative}.plt-avatar>*,.plt-avatar img{width:100%!important;height:100%!important;border-radius:50%}.plt-pop__label{padding:8px 12px 4px;font:600 11px/1 var(--timo-font-sans);color:var(--tshell-tx3)}.plt-pop__langs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px 8px 6px}.plt-pop__lang{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 8px;border-radius:10px;border:0;cursor:pointer;background:var(--timo-surface-sunken);color:var(--timo-text-primary);font:500 12.5px/1.2 var(--timo-font-sans);white-space:nowrap}.plt-pop__lang img{border-radius:3px;flex:none}.plt-pop__lang:hover{box-shadow:inset 0 0 0 1px var(--timo-border)}.plt-pop__lang.is-active{background:var(--tshell-sel);color:var(--tshell-prt);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--tshell-selb)}@media(max-width:767px){.timo-shell.platform-shell .dashboard-content{padding-bottom:24px!important}}.platform-content{padding-top:0;padding-bottom:0;width:100%;max-width:none;box-sizing:border-box}.hrdb-header--page .platform-header-tools{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.hrdb-header--page .platform-header-date-range{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;border:1px solid var(--timo-border);background:var(--timo-surface);font-size:.82rem;font-weight:500;color:var(--timo-text-primary)}.hrdb-header--page .platform-header-date-range input{border:0;background:transparent;color:inherit;font:inherit;padding:0;min-width:0;width:auto}.hrdb-header--page .platform-header-date-range input:focus{outline:none}.platform-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.platform-kpi-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-kpi{background:var(--plt-surface);border:1px solid var(--plt-border);border-radius:var(--timo-radius-lg);padding:16px 18px}.platform-kpi__label{font-size:.72rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--plt-muted)}.platform-kpi__value{font-size:1.85rem;font-weight:600;margin-top:4px;line-height:1.1}.platform-kpi__hint{font-size:.82rem;color:var(--plt-muted);margin-top:4px}.platform-panel{background:var(--plt-surface);border:1px solid var(--plt-border);border-radius:var(--timo-radius-lg);overflow:hidden}.platform-panel__head{padding:14px 18px;border-bottom:1px solid var(--plt-border);font-weight:700;font-size:.95rem}.platform-panel__body{padding:14px 18px}.platform-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.platform-timeline{list-style:none;margin:0;padding:0}.platform-timeline li{display:grid;grid-template-columns:8px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--plt-border)}.platform-timeline li:last-child{border-bottom:0}.platform-timeline__dot{width:8px;height:8px;border-radius:50%;background:var(--plt-brand);margin-top:6px}.platform-timeline__meta{font-size:.78rem;color:var(--plt-muted)}.platform-timeline__action{font-weight:600;font-size:.9rem}.platform-health-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--plt-border)}.platform-health-row:last-child{border-bottom:0}.platform-health-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-inline-end:8px}.platform-health-dot--healthy{background:var(--plt-success)}.platform-health-dot--down{background:var(--plt-danger)}.platform-health-dot--unknown{background:var(--plt-warning)}.platform-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:500 12px/1.2 var(--timo-font-sans);white-space:nowrap;background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.platform-badge svg{flex:none}.platform-badge--active{background:var(--timo-status-present-bg);color:var(--timo-status-present-fg)}.platform-badge--inactive{background:var(--timo-surface-sunken);color:var(--timo-text-secondary)}.platform-badge--suspended{background:var(--timo-status-absent-bg);color:var(--timo-status-absent-fg)}.platform-badge--host-shared,.platform-badge--type-production{background:var(--timo-surface-sunken);color:var(--timo-text-primary)}.platform-badge--host-db,.platform-badge--host-server{background:var(--timo-status-overtime-bg);color:var(--timo-status-overtime-fg)}.platform-table-wrap{border:1px solid var(--plt-border);border-radius:var(--timo-radius-lg);background:var(--plt-surface);overflow:auto}.platform-table{width:100%;border-collapse:collapse;font-size:.9rem}.platform-table th,.platform-table td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--plt-border)}.platform-table th{font-size:.72rem;text-transform:none;letter-spacing:0;color:var(--plt-muted);background:color-mix(in oklab,var(--plt-brand) 4%,var(--plt-surface))}.platform-table tbody tr:hover{background:color-mix(in oklab,var(--plt-brand) 3%,transparent)}.platform-table-wrap .platform-table-pagination{padding:10px 14px 12px;border-top:1px solid var(--plt-border);background:color-mix(in oklab,var(--plt-brand) 2%,var(--plt-surface))}.platform-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:center}.platform-input{padding:9px 12px;border-radius:10px;border:1px solid var(--plt-border);background:var(--plt-surface);color:var(--plt-text);font-size:.9rem;min-width:200px}.platform-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none}.platform-btn--primary{background:var(--plt-brand);color:var(--timo-brand-on-primary)}.platform-btn--ghost{background:transparent;border-color:var(--plt-border);color:var(--plt-text)}.platform-btn--danger{background:var(--timo-status-absent-bg);color:var(--plt-danger);border-color:var(--timo-status-absent)}.platform-btn--sm{padding:5px 10px;font-size:.8rem}.platform-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--plt-border)}.platform-tab{padding:10px 16px;border:0;background:transparent;color:var(--plt-muted);font-weight:600;font-size:.88rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.platform-tab.active{color:var(--plt-brand);border-bottom-color:var(--plt-brand)}.platform-alert{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-size:.9rem}.platform-alert--error{background:var(--timo-status-absent-bg);border:1px solid var(--timo-status-absent);color:var(--timo-status-absent-fg)}.platform-audit-scope{display:flex;flex-direction:column;gap:4px;min-width:160px}.platform-audit-scope__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.platform-audit-scope__label{font-size:.72rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--plt-muted)}.platform-audit-scope__link{font-size:.85rem;font-weight:600;color:var(--plt-brand);text-decoration:none}.platform-audit-scope__link:hover{text-decoration:underline}.platform-audit-scope__muted{font-size:.85rem;color:var(--plt-muted);font-style:italic}.platform-settings-nav{display:flex;flex-direction:column;gap:4px;min-width:200px}.platform-settings-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.platform-settings-stack{display:flex;flex-direction:column;gap:16px;max-width:720px}.plt-acct-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.plt-acct-main{display:flex;flex-direction:column;gap:16px;min-width:0}.plt-acct-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.plt-acct-card{background:var(--plt-surface);border:1px solid var(--plt-border);border-radius:var(--timo-radius-lg);overflow:hidden;box-shadow:none}.plt-acct-card--compact .plt-acct-card__body{padding-top:4px}.plt-acct-card__head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--plt-border);background:color-mix(in oklab,var(--plt-brand) 3%,var(--plt-surface))}.plt-acct-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in oklab,var(--plt-brand) 12%,transparent);color:var(--plt-brand);flex-shrink:0}.plt-acct-card__title{margin:0;font-size:1rem;font-weight:700;color:var(--plt-text)}.plt-acct-card__desc{margin:4px 0 0;font-size:.84rem;line-height:1.45;color:var(--plt-muted)}.plt-acct-card__body{padding:18px 20px 20px}.plt-acct-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;background:var(--plt-surface);border:1px solid var(--plt-border);border-radius:var(--timo-radius-lg);box-shadow:none}.plt-acct-profile-card__avatar-img{margin-bottom:4px}.plt-acct-photo{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.plt-acct-photo__preview{flex-shrink:0}.plt-acct-photo__avatar{border-radius:var(--timo-radius-lg);box-shadow:0 8px 24px color-mix(in oklab,var(--plt-brand) 20%,transparent)}.plt-acct-photo__panel{flex:1;min-width:220px}.plt-acct-photo__title{margin:0 0 4px;font-size:.92rem;font-weight:700;color:var(--plt-text)}.plt-acct-photo__hint{margin:0 0 12px;font-size:.8rem;line-height:1.45;color:var(--plt-muted)}.plt-acct-photo__file{display:none}.plt-acct-photo__success{margin-top:10px;margin-bottom:0}.plt-acct-profile-card__avatar{width:72px;height:72px;border-radius:var(--timo-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:600;letter-spacing:0;color:var(--timo-brand-on-primary);background:var(--plt-brand);box-shadow:0 8px 24px color-mix(in oklab,var(--plt-brand) 28%,transparent)}.plt-acct-profile-card__name{margin-top:14px;font-size:1.05rem;font-weight:700;color:var(--plt-text)}.plt-acct-profile-card__email{margin-top:4px;font-size:.86rem;color:var(--plt-muted);word-break:break-all}.plt-acct-profile-card__badge{margin-top:12px;display:inline-flex;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:0;text-transform:none;background:color-mix(in oklab,var(--plt-brand) 12%,transparent);color:var(--plt-brand)}.plt-acct-form{display:flex;flex-direction:column;gap:2px}.plt-acct-form--divider{margin-top:20px;padding-top:20px;border-top:1px solid var(--plt-border)}.plt-acct-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plt-acct-form__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.plt-acct-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.plt-acct-field__label{font-size:.82rem;font-weight:700;color:var(--plt-text)}.plt-acct-field__req{color:var(--plt-danger);margin-inline-start:3px}.plt-acct-field__hint{margin:0;font-size:.78rem;color:var(--plt-muted);line-height:1.4}.plt-acct-field__err{margin:0;font-size:.8rem;color:var(--plt-danger);line-height:1.35}.plt-acct-field--err .plt-acct-input{border-color:var(--timo-status-absent)}.plt-acct-input-wrap{position:relative;display:flex;align-items:center}.plt-acct-input-wrap__icon{position:absolute;inset-inline-start:12px;color:var(--plt-muted);pointer-events:none;display:inline-flex}.plt-acct-input-wrap__toggle{position:absolute;inset-inline-end:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--plt-muted);cursor:pointer}.plt-acct-input-wrap__toggle:hover{background:color-mix(in oklab,var(--plt-brand) 8%,transparent);color:var(--plt-text)}.plt-acct-input{width:100%;box-sizing:border-box;padding:11px 12px 11px 38px;border-radius:12px;border:1px solid var(--plt-border);background:var(--plt-surface);color:var(--plt-text);font-size:.92rem;transition:border-color .15s ease,box-shadow .15s ease}.plt-acct-input-wrap:has(.plt-acct-input-wrap__toggle) .plt-acct-input{padding-inline-end:42px}.plt-acct-input:focus{outline:none;border-color:color-mix(in oklab,var(--plt-brand) 55%,var(--plt-border));box-shadow:0 0 0 3px color-mix(in oklab,var(--plt-brand) 14%,transparent)}.plt-acct-input--err:focus{border-color:var(--timo-status-absent);box-shadow:0 0 0 3px color-mix(in srgb,var(--timo-status-absent) 18%,transparent)}.plt-acct-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;font-size:.86rem;line-height:1.4;margin:4px 0 8px}.plt-acct-banner--error{background:var(--timo-status-absent-bg);border:1px solid var(--timo-status-absent);color:var(--timo-status-absent-fg)}.plt-acct-banner--success{background:var(--timo-status-present-bg);border:1px solid var(--timo-status-present);color:var(--timo-status-present-fg)}.plt-acct-strength{margin:4px 0 8px;padding:12px 14px;border-radius:12px;background:color-mix(in oklab,var(--plt-brand) 4%,var(--plt-surface));border:1px solid var(--plt-border)}.plt-acct-strength__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.plt-acct-strength__seg{height:4px;border-radius:999px;background:color-mix(in oklab,var(--plt-muted) 20%,var(--plt-border))}.plt-acct-strength__seg.is-active[data-score="1"]{background:var(--timo-status-absent)}.plt-acct-strength__seg.is-active[data-score="2"]{background:var(--timo-status-late)}.plt-acct-strength__seg.is-active[data-score="3"]{background:color-mix(in srgb,var(--timo-status-present) 70%,var(--timo-status-late))}.plt-acct-strength__seg.is-active[data-score="4"]{background:var(--timo-status-present)}.plt-acct-strength__meta{margin-top:8px}.plt-acct-strength__label{font-size:.8rem;font-weight:700;color:var(--plt-text)}.plt-acct-strength__checks{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.plt-acct-strength__checks li{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--plt-muted)}.plt-acct-strength__checks li.is-pass{color:var(--timo-status-present-fg)}.plt-acct-strength__checks li.is-fail{color:var(--plt-muted)}.plt-acct-strength__dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}.plt-acct-session__text{margin:0 0 14px;font-size:.88rem;line-height:1.5;color:var(--plt-muted)}.plt-acct-session__confirm{padding:14px;border-radius:12px;border:1px solid var(--timo-status-absent);background:var(--timo-status-absent-bg)}.plt-acct-session__confirm p{margin:0 0 12px;font-size:.88rem;font-weight:600;color:var(--timo-status-absent-fg)}.plt-acct-meta{margin:0;display:grid;gap:0}.plt-acct-meta__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--plt-border);font-size:.86rem}.plt-acct-meta__row:last-child{border-bottom:0}.plt-acct-meta__row dt{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--plt-muted);font-weight:600}.plt-acct-meta__row dd{margin:0;font-weight:700;color:var(--plt-text);text-align:end}.platform-settings-form{display:flex;flex-direction:column;gap:4px}.platform-settings-form--divider{margin-top:18px;padding-top:18px;border-top:1px solid var(--plt-border)}.platform-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.platform-field label{font-size:.82rem;font-weight:600;color:var(--plt-muted)}.platform-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-input--block{min-width:0;width:100%;box-sizing:border-box}.platform-settings-hint{margin:0 0 12px;font-size:.88rem;color:var(--plt-muted)}.platform-settings-msg{margin:0 0 10px;font-size:.86rem;color:var(--plt-danger)}.platform-settings-msg--ok{color:var(--plt-success)}.platform-readonly-grid{margin:0;display:grid;gap:10px}.platform-readonly-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--plt-border);font-size:.9rem}.platform-readonly-row:last-child{border-bottom:0}.platform-readonly-row dt{margin:0;color:var(--plt-muted);font-weight:600}.platform-readonly-row dd{margin:0;font-weight:600;text-align:end}@media(max-width:960px){.plt-acct-layout{grid-template-columns:1fr}.plt-acct-aside{position:static}}@media(max-width:640px){.platform-field-row,.plt-acct-form__row,.plt-acct-strength__checks{grid-template-columns:1fr}}@media(max-width:960px){.platform-split,.platform-kpi-grid--3{grid-template-columns:1fr}}