:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-info-800:#075985;--color-bg:var(--color-slate-50);--color-surface:#fff;--color-surface-subtle:var(--color-slate-100);--color-text:var(--color-slate-800);--color-text-heading:var(--color-slate-900);--color-text-muted:var(--color-slate-500);--color-border:var(--color-slate-200);--color-border-subtle:#f1f5f9;--color-border-strong:var(--color-slate-500);--color-primary:var(--color-primary-700);--color-primary-hover:var(--color-primary-800);--color-primary-active:var(--color-primary-900);--color-primary-contrast:#fff;--color-error:var(--color-danger-700);--color-error-bg:var(--color-danger-50);--color-error-border:var(--color-danger-200);--color-success:var(--color-success-700);--color-success-bg:var(--color-success-50);--color-success-border:var(--color-success-200);--color-warning:var(--color-warning-800);--color-warning-bg:var(--color-warning-50);--color-warning-border:var(--color-warning-200);--color-info-bg:var(--color-primary-50);--color-info-text:var(--color-primary-800);--color-info-border:var(--color-primary-200);--color-focus:var(--color-primary-600);--color-focus-ring:#2563eb40;--gradient-brand:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #60a5fa 100%);--gradient-brand-dark:linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--gradient-card-highlight:linear-gradient(135deg, #eff6ffcc 0%, #f8fafcf2 100%);--gradient-shimmer:linear-gradient(90deg, #e2e8f000 0%, #e2e8f0bf 50%, #e2e8f000 100%);--role-admin-color:#7c3aed;--role-admin-bg:#f5f3ff;--role-admin-border:#ddd6fe;--role-admin-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--role-director-color:#b45309;--role-director-bg:#fffbeb;--role-director-border:#fde68a;--role-director-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--role-manager-color:#1d4ed8;--role-manager-bg:#eff6ff;--role-manager-border:#bfdbfe;--role-manager-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--role-leader-color:#0891b2;--role-leader-bg:#ecfeff;--role-leader-border:#a5f3fc;--role-leader-gradient:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--role-employee-color:#047857;--role-employee-bg:#ecfdf5;--role-employee-border:#a7f3d0;--role-employee-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--select-chevron-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-error:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-disabled:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-height-desktop:2.75rem;--select-height-mobile:3rem;--select-padding-right:2.5rem;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--radius:var(--radius-md);--shadow-none:none;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a0a;--shadow-card:0 1px 3px 0 #0f172a14, 0 1px 2px 0 #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a1f, 0 8px 10px -6px #0f172a14;--shadow-card-hover:0 10px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0d;--shadow-dropdown:0 10px 25px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f;--shadow-glow-primary:0 0 16px #2563eb47;--shadow-glow-accent:0 0 18px #7c3aed40;--metric-emerald-glow:0 8px 20px -4px #10b98140;--metric-amber-glow:0 8px 20px -4px #f59e0b40;--metric-rose-glow:0 8px 20px -4px #ef444440;--metric-blue-glow:0 8px 20px -4px #3b82f640;--metric-violet-glow:0 8px 20px -4px #8b5cf640;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-fast:.15s var(--ease-in-out);--transition-base:.2s var(--ease-in-out);--transition-slow:.3s var(--ease-out);--transition-spring:.25s var(--ease-spring);--anim-lift:translateY(-1.5px);--anim-press:scale(.98);--anim-card-lift:translateY(-2px)}@media (prefers-reduced-motion:reduce){:root{--anim-lift:none;--anim-press:none;--anim-card-lift:none}}:root{--z-base:0;--z-sticky:10;--z-drawer:20;--z-modal-backdrop:30;--z-modal:40;--z-popover:50;--z-toast:60;--z-skip-link:100}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);margin:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}input,button,select,textarea,a{-webkit-tap-highlight-color:transparent}.skip-link{left:var(--space-4);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-4)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);letter-spacing:-.015em;margin:0;font-weight:700}h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h2{font-size:var(--text-2xl);line-height:var(--leading-tight)}h3{font-size:var(--text-xl);line-height:var(--leading-snug)}h4{font-size:var(--text-lg);line-height:var(--leading-snug)}p{margin:0}a{color:var(--color-primary);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.text-xs{font-size:var(--text-xs);line-height:1.4}.text-sm{font-size:var(--text-sm);line-height:1.45}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-snug)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-snug)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-tight)}.text-3xl{font-size:var(--text-3xl);line-height:var(--leading-tight)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--color-slate-500)}.text-gray-700{color:var(--color-slate-700)}.text-gray-800{color:var(--color-slate-800)}.text-gray-900{color:var(--color-slate-900)}.text-blue-600{color:var(--color-primary-600)}.text-blue-800{color:var(--color-primary-800)}.text-green-700{color:var(--color-success-700)}.text-red-700{color:var(--color-danger-700)}.app-shell{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:72rem;padding:var(--space-4) var(--space-3);flex:1 0 auto;margin:0 auto}@media (width>=640px){.app-main{padding:var(--space-6) var(--space-4)}}@media (width>=1024px){.app-main{padding:var(--space-8) var(--space-6)}}.app-main:focus{outline:none}.app-header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-xs);transition:background-color var(--transition-base), box-shadow var(--transition-base);background-color:#ffffffeb;position:sticky;top:0}.app-header__container{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;max-width:100%;height:3.5rem;padding:0 var(--space-4);margin:0 auto;display:flex}@media (width>=1024px){.app-header__container{max-width:100%;height:4rem;padding:0 var(--space-4);gap:var(--space-2)}}@media (width>=1440px){.app-header__container{padding:0 var(--space-6);gap:var(--space-4)}}.app-header__brand-group{flex-shrink:0;align-items:center;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);color:var(--color-primary-800);font-weight:700;font-size:var(--text-lg);line-height:var(--leading-none);text-decoration:none;display:inline-flex}.app-header__brand-logo{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:2rem;height:2rem;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #1d4ed859}.app-header__brand:hover .app-header__brand-logo{transform:scale(1.05)}.app-header__brand-text{letter-spacing:-.01em}.app-header__brand-sub{color:var(--color-primary-600);font-weight:800}.app-header__nav{display:none}@media (width>=1024px){.app-header__nav{min-width:0;margin:0 var(--space-2);scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;display:flex;overflow-x:auto}.app-header__nav::-webkit-scrollbar{display:none}}.app-header__nav .app-nav{box-shadow:none;background:0 0;border:none;width:auto;margin-bottom:0;padding:0}.app-header__nav .app-nav__list{flex-wrap:nowrap;align-items:center;gap:2px;display:flex}.app-header__actions{display:none}@media (width>=1024px){.app-header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}}@media (width>=1440px){.app-header__actions{gap:var(--space-3)}}.app-header__logout-btn{min-height:2.25rem;padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.app-header__menu-btn{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-slate-700);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-header__menu-btn:hover{background-color:var(--color-slate-100)}@media (width>=1024px){.app-header__menu-btn{display:none}}.app-drawer__backdrop{z-index:var(--z-drawer);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast);background-color:#0f172a80;position:fixed;inset:0}.app-drawer{z-index:calc(var(--z-drawer) + 1);background-color:var(--color-surface);width:85%;max-width:20rem;box-shadow:var(--shadow-xl);animation:slideInLeft var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-slate-50);display:flex}.app-drawer__close-btn{border-radius:var(--radius-md);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--color-slate-500);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-drawer__close-btn:hover{background-color:var(--color-slate-200);color:var(--color-slate-900)}.app-drawer__body{padding:var(--space-3);flex:auto}.app-drawer__nav-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-drawer__nav-link{align-items:center;gap:var(--space-3);min-height:3rem;font-size:var(--text-base);color:var(--color-slate-700);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;padding:.625rem 1rem;font-weight:500;text-decoration:none;display:flex}.app-drawer__nav-link .app-nav__icon{width:1.25rem;height:1.25rem;color:var(--color-slate-400);flex-shrink:0;display:block}.app-drawer__nav-link span{margin-top:1px;line-height:1;display:inline-block}.app-drawer__nav-link:hover{background-color:var(--color-slate-100);color:var(--color-primary-700)}.app-drawer__nav-link:hover .app-nav__icon{color:var(--color-primary-600)}.app-drawer__nav-link--active{color:var(--color-primary-700);background-color:#2563eb14;border-color:#2563eb38;font-weight:600}.app-drawer__nav-link--active .app-nav__icon{color:var(--color-primary-600)}.app-drawer__footer{padding:var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-slate-50)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-5>*+*{margin-top:var(--space-5)}.space-y-6>*+*{margin-top:var(--space-6)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--color-slate-50)}.bg-gray-100{background-color:var(--color-slate-100)}.bg-blue-50{background-color:var(--color-primary-50)}.bg-blue-100{background-color:var(--color-primary-100)}.border{border-style:solid;border-width:1px;border-color:var(--color-border)}.border-gray-200{border-color:var(--color-slate-200)}.border-gray-300{border-color:var(--color-slate-300)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}.dashboard-grid__item--attendance{order:1}.dashboard-grid__item--notifications{order:2}.dashboard-grid__item--leave{order:3}.dashboard-grid__item--history{order:4}@media (width>=640px) and (width<=1023px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid__item--attendance{grid-area:1/1}.dashboard-grid__item--leave{grid-area:2/1}.dashboard-grid__item--notifications{grid-area:1/2}.dashboard-grid__item--history{grid-area:2/2}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.dashboard-grid__item--attendance{grid-area:1/span 7}.dashboard-grid__item--leave{grid-area:1/span 5}.dashboard-grid__item--history{grid-area:2/span 8}.dashboard-grid__item--notifications{grid-area:2/span 4}}@media (prefers-reduced-motion:reduce){.app-header__brand:hover .app-header__brand-logo{transform:none!important}}.auth-page{min-height:calc(100vh - 6rem);padding:var(--space-4) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:28rem;margin:var(--space-4) auto;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}@media (width>=640px){.auth-card{padding:var(--space-8)}}.auth-card__brand{text-align:center;margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.auth-card__logo-wrap{border-radius:var(--radius-xl);background-color:var(--color-primary-50);width:3.5rem;height:3.5rem;color:var(--color-primary-700);border:1px solid var(--color-primary-200);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:inline-flex}.auth-card__brand-title{font-size:var(--text-xl);color:var(--color-primary-900);letter-spacing:-.02em;font-weight:800}.auth-card__brand-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-slate-500);font-weight:500}.auth-card__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--color-text-heading);font-weight:700}.auth-card__subtitle{margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.auth-card__copyright{font-size:var(--text-xs);color:var(--color-slate-400);text-align:center;margin:0}.field__label{font-size:var(--text-sm);color:var(--color-slate-700);font-weight:600}.field__input{min-height:2.75rem;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.field__input:hover:not(:disabled){border-color:var(--color-slate-700)}.field__input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.field__input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc262633}.field__input:disabled{background-color:var(--color-surface-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.8}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.field__error{font-size:var(--text-xs);color:var(--color-error);margin:0;font-weight:600}.field__control{align-items:center;width:100%;display:flex;position:relative}.field__control .field__input{width:100%}.field__input--password{padding-right:2.75rem!important}.field__password-toggle{border-radius:0 var(--radius-md) var(--radius-md) 0;width:2.75rem;height:100%;color:var(--color-slate-500);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:0;bottom:0;right:0}.field__password-toggle:hover{color:var(--color-slate-800);background-color:#0f172a0a}.field__password-toggle:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:-2px;color:var(--color-primary-700)}.field__input:disabled~.field__password-toggle{color:var(--color-slate-400);cursor:not-allowed;pointer-events:none}.field__password-icon{width:1.25rem;height:1.25rem;display:block}select.field__input,select.field__select,select.audit-filter-select,.field__select,.select,select{appearance:none;width:100%;min-height:var(--select-height-desktop);padding:.5rem var(--select-padding-right) .5rem var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background-image:var(--select-chevron-default);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-image var(--transition-fast), transform var(--transition-fast);background-position:right .875rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem;display:block}select.field__input:hover:not(:disabled),select.field__select:hover:not(:disabled),select.audit-filter-select:hover:not(:disabled),.select:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--color-primary-500);background-image:var(--select-chevron-hover);box-shadow:0 2px 6px -1px #2563eb14, var(--shadow-xs);transform:var(--anim-lift)}select.field__input:focus,select.field__input:focus-visible,select.field__select:focus,select.field__select:focus-visible,select.audit-filter-select:focus,select.audit-filter-select:focus-visible,.select:focus,.select:focus-visible,select:focus,select:focus-visible{border-color:var(--color-primary-600);background-image:var(--select-chevron-hover);box-shadow:0 0 0 3px #2563eb33, var(--shadow-sm);outline:none;transform:none}select.field__input[aria-invalid=true],select.field__select[aria-invalid=true],select.audit-filter-select[aria-invalid=true],.select[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger-500);background-image:var(--select-chevron-error)}select.field__input[aria-invalid=true]:focus,select.field__select[aria-invalid=true]:focus,select.audit-filter-select[aria-invalid=true]:focus,.select[aria-invalid=true]:focus,select[aria-invalid=true]:focus{border-color:var(--color-danger-600);background-image:var(--select-chevron-error);box-shadow:0 0 0 3px #ef444433, var(--shadow-sm)}select.field__input:disabled,select.field__select:disabled,select.audit-filter-select:disabled,.select:disabled,select:disabled{background-color:var(--color-slate-100);color:var(--color-slate-400);border-color:var(--color-slate-300);background-image:var(--select-chevron-disabled);cursor:not-allowed;opacity:.75;box-shadow:none!important;transform:none!important}select option{background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-base);padding:var(--space-2)}select option:disabled{color:var(--color-slate-400)}@media (width<=639px){select.field__input,select.field__select,select.audit-filter-select,.select,select{min-height:var(--select-height-mobile);background-position:right 1rem center;padding-right:2.75rem;font-size:1rem}}.select-dropdown{width:100%;position:relative}.select-dropdown__native{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.select-dropdown__trigger{width:100%;min-height:var(--select-height-desktop);padding:.5rem var(--space-3) .5rem var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.select-dropdown__trigger:hover:not(:disabled){border-color:var(--color-primary-500);transform:var(--anim-lift);box-shadow:0 2px 6px -1px #2563eb14}.select-dropdown__trigger:focus,.select-dropdown__trigger:focus-visible{border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb33, var(--shadow-sm);outline:none;transform:none}.select-dropdown__trigger:disabled{background-color:var(--color-slate-100);color:var(--color-slate-400);border-color:var(--color-slate-300);cursor:not-allowed;opacity:.75;box-shadow:none!important;transform:none!important}.select-dropdown__arrow{color:var(--color-slate-500);transition:transform var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.select-dropdown__trigger:hover .select-dropdown__arrow{color:var(--color-primary-600)}.select-dropdown.is-open .select-dropdown__arrow{color:var(--color-primary-600);transform:rotate(180deg)}.select-dropdown__menu{z-index:var(--z-popover);max-height:16rem;padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);animation:dropdownFadeIn .15s var(--ease-out);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.select-dropdown__item{min-height:2.5rem;padding:.5rem var(--space-3);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.select-dropdown__item:hover:not(.is-disabled){color:var(--color-primary-700);background-color:#2563eb14}.select-dropdown__item.is-selected{color:var(--color-primary-700);background-color:#2563eb0f;font-weight:600}.select-dropdown__item.is-disabled{color:var(--color-slate-400);cursor:not-allowed;opacity:.6}.select-dropdown__checkmark{color:var(--color-primary-600);flex-shrink:0}@media (width<=639px){.select-dropdown__trigger{min-height:var(--select-height-mobile);font-size:1rem}}@media (prefers-reduced-motion:reduce){select.field__input:hover:not(:disabled),select.field__select:hover:not(:disabled),select.audit-filter-select:hover:not(:disabled),.select:hover:not(:disabled),select:hover:not(:disabled){transform:none}}.btn{min-height:2.75rem;padding:var(--space-2) var(--space-5);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:var(--leading-none);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.btn:hover:not(:disabled){transform:var(--anim-lift)}.btn:active:not(:disabled){transform:var(--anim-press)}@media (hover:none){.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:scale(.97)}}.btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none!important;transform:none!important}.btn--primary{color:var(--color-primary-contrast);background-color:var(--color-primary);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 14px #1d4ed84d}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary{color:var(--color-slate-700);background-color:var(--color-surface);border-color:var(--color-slate-300);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background-color:var(--color-slate-100);border-color:var(--color-slate-400);color:var(--color-slate-900);box-shadow:var(--shadow-sm)}.btn--danger{color:#fff;background-color:var(--color-danger-700);border-color:var(--color-danger-700);box-shadow:var(--shadow-xs)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-800);border-color:var(--color-danger-800);box-shadow:0 4px 14px #b91c1c4d}.alert{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);border-radius:var(--radius-md);transition:opacity var(--transition-fast);border:1px solid #0000}.alert--error{color:var(--color-danger-800);background-color:var(--color-danger-50);border-color:var(--color-danger-200)}.alert--success{color:var(--color-success-800);background-color:var(--color-success-50);border-color:var(--color-success-200)}.alert--info{color:var(--color-primary-900);background-color:var(--color-primary-50);border-color:var(--color-primary-200)}.alert--warning{color:var(--color-warning-800);background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.01em;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;padding:.2rem .625rem;font-weight:600;line-height:1.35;display:inline-flex}.badge__pulse{border-radius:var(--radius-full);background-color:currentColor;width:6px;height:6px;margin-right:6px;animation:1.8s infinite pulseDot;display:inline-block;box-shadow:0 0 #10b981b3}.badge__pulse--amber{background-color:#d97706;animation:1.8s infinite pulseDotAmber;box-shadow:0 0 #d97706b3}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes pulseDotAmber{0%{transform:scale(.95);box-shadow:0 0 #d97706b3}70%{transform:scale(1);box-shadow:0 0 0 6px #d9770600}to{transform:scale(.95);box-shadow:0 0 #d9770600}}.badge--pending{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.badge--approved{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.badge--auto-approved{color:#0369a1;background-color:#f0f9ff;border-color:#bae6fd}.badge--rejected{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.badge--cancelled{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1}.badge--role-admin{background-color:var(--role-admin-bg);color:var(--role-admin-color);border-color:var(--role-admin-border);font-weight:700}.badge--role-director{background-color:var(--role-director-bg);color:var(--role-director-color);border-color:var(--role-director-border);font-weight:700}.badge--role-manager{background-color:var(--role-manager-bg);color:var(--role-manager-color);border-color:var(--role-manager-border);font-weight:600}.badge--role-leader{background-color:var(--role-leader-bg);color:var(--role-leader-color);border-color:var(--role-leader-border);font-weight:600}.badge--role-employee{background-color:var(--role-employee-bg);color:var(--role-employee-color);border-color:var(--role-employee-border);font-weight:600}.card,.panel{padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.panel--interactive:hover,.card--interactive:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-card-hover);transform:var(--anim-card-lift)}.metric-card{padding:var(--space-5);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.metric-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-200);transform:var(--anim-card-lift)}.metric-card--emerald:before{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.metric-card--emerald:hover{box-shadow:var(--metric-emerald-glow);border-color:#a7f3d0}.metric-card--amber:before{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.metric-card--amber:hover{box-shadow:var(--metric-amber-glow);border-color:#fde68a}.metric-card--rose:before{background:linear-gradient(90deg,#ef4444 0%,#b91c1c 100%)}.metric-card--rose:hover{box-shadow:var(--metric-rose-glow);border-color:#fecaca}.metric-card--blue:before{background:var(--gradient-brand)}.metric-card--blue:hover{box-shadow:var(--metric-blue-glow);border-color:#bfdbfe}.metric-card--violet:before{background:linear-gradient(90deg,#8b5cf6 0%,#6d28d9 100%)}.metric-card--violet:hover{box-shadow:var(--metric-violet-glow);border-color:#ddd6fe}@media (width>=640px){.panel{padding:var(--space-6)}}.panel__title{font-size:var(--text-xl);color:var(--color-text-heading);margin:0;font-weight:600}.data-table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;background-color:var(--color-surface);width:100%;font-size:var(--text-sm);text-align:left}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table th{color:var(--color-slate-700);background-color:var(--color-slate-50);white-space:nowrap;font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-slate-50)}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{z-index:var(--z-modal);padding:var(--space-6) var(--space-4);-webkit-backdrop-filter:blur(4px);animation:fadeIn .15s var(--ease-out);background:#0f172a8c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:36rem;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);animation:modalZoomIn .2s var(--ease-out);margin:auto;overflow:hidden}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-slate-50);display:flex}.modal__title{font-size:var(--text-xl);color:var(--color-text-heading);margin:0;font-weight:600}.modal__close{min-height:2.25rem;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast)}.modal__close:hover{color:var(--color-slate-900);transform:rotate(90deg)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-slate-50)}.btn-group{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.app-form__hint{font-size:var(--text-sm);color:var(--color-slate-600);margin-top:0;margin-bottom:var(--space-4);line-height:var(--leading-normal)}.app-nav{margin-bottom:var(--space-6);padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.app-nav__list{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-nav__link{min-height:2rem;color:var(--color-slate-600);border-radius:var(--radius-md);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#0000;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .4375rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.app-nav__icon{width:.875rem;height:.875rem;color:var(--color-slate-400);transition:color var(--transition-fast);flex-shrink:0;display:block}.app-nav__link span{margin-top:1px;line-height:1;display:inline-block}.app-nav__link:hover{color:var(--color-slate-900);background-color:var(--color-slate-100);border-color:#0000}.app-nav__link:hover .app-nav__icon{color:var(--color-primary-600)}.app-nav__link--active{background-color:#2563eb14;border-color:#2563eb38;font-weight:600;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #fff9;color:var(--color-primary-700)!important}.app-nav__link--active .app-nav__icon{color:var(--color-primary-600)}.app-nav__link:focus-visible{border-color:var(--color-primary-600);outline:none;box-shadow:0 0 0 3px #2563eb40}.state{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);color:var(--color-text-muted);background-color:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.state--loading{align-items:center;gap:var(--space-3);flex-direction:row}.state__description{font-size:var(--text-sm);margin:0}.state__trace{font-size:var(--text-xs);font-family:var(--font-mono);margin:0}.spinner{border:2.5px solid var(--color-slate-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:1rem;height:1rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-slate-100) 25%, var(--color-slate-200) 50%, var(--color-slate-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.user-profile{align-items:center;gap:var(--space-3);display:flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:2.25rem;height:2.25rem;color:var(--color-primary-800);font-size:var(--text-xs);border:1.5px solid var(--color-primary-200);-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-avatar:hover{transform:scale(1.05)}.user-avatar--admin{background:var(--role-admin-gradient);color:#fff;border-color:var(--role-admin-border);box-shadow:0 0 10px #7c3aed4d}.user-avatar--director{background:var(--role-director-gradient);color:#fff;border-color:var(--role-director-border);box-shadow:0 0 10px #f59e0b4d}.user-avatar--manager{background:var(--role-manager-gradient);color:#fff;border-color:var(--role-manager-border);box-shadow:0 0 10px #2563eb40}.user-avatar--leader{background:var(--role-leader-gradient);color:#fff;border-color:var(--role-leader-border);box-shadow:0 0 10px #06b6d440}.user-avatar--employee{background:var(--role-employee-gradient);color:#fff;border-color:var(--role-employee-border);box-shadow:0 0 10px #10b98140}.user-profile__info{flex-direction:column;gap:2px;line-height:1.2;display:flex}.user-profile__name{font-size:var(--text-sm);color:var(--color-slate-900);white-space:nowrap;font-weight:600}.user-profile__greeting{color:var(--color-slate-500);font-weight:400}.user-profile__email{font-size:var(--text-xs);color:var(--color-slate-500)}.user-profile__meta{align-items:center;gap:var(--space-2);display:flex}.user-profile__checkin{color:var(--color-slate-500);background:var(--color-slate-100);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px;font-size:.6875rem;font-weight:500}.app-header .user-profile__checkin{display:none}.btn--full{width:100%;min-height:3rem}.password-meter{gap:var(--space-1);margin-top:var(--space-1-5);margin-bottom:var(--space-1);flex-direction:column;display:flex}.password-meter__bars{gap:4px;width:100%;display:flex}.password-meter__bar{border-radius:var(--radius-full);background-color:var(--color-slate-200);height:4px;transition:background-color var(--transition-fast);flex:1}.password-meter__bar--active.password-meter__bar--level-1{background-color:var(--color-danger-500)}.password-meter__bar--active.password-meter__bar--level-2{background-color:var(--color-warning-500)}.password-meter__bar--active.password-meter__bar--level-3{background-color:var(--color-info-600)}.password-meter__bar--active.password-meter__bar--level-4{background-color:var(--color-success-600)}.password-meter__label{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-tight);justify-content:flex-end;display:flex}.password-meter__status{margin-left:var(--space-1);font-weight:600}.password-meter__status--level-1{color:var(--color-danger-500)}.password-meter__status--level-2{color:var(--color-warning-500)}.password-meter__status--level-3{color:var(--color-info-600)}.password-meter__status--level-4{color:var(--color-success-600)}.auth-card__icon{width:2.25rem;height:2.25rem;color:var(--color-primary-600)}.auth-card__logo-wrap--security{background-color:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-200)}.mr-2{margin-right:var(--space-2)}.home{max-width:80rem;margin:0 auto}.home__header{padding:var(--space-6);background:var(--gradient-card-highlight);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.home__header:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.home__profile-group{align-items:center;gap:var(--space-4);display:flex}.home__avatar{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;width:3.5rem;height:3.5rem;font-size:var(--text-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base);cursor:default;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.home__avatar:hover{transform:scale(1.05)}.home__avatar--role-admin{background:var(--role-admin-gradient);box-shadow:0 4px 14px #7c3aed4d}.home__avatar--role-admin:hover{box-shadow:var(--metric-violet-glow)}.home__avatar--role-director{background:var(--role-director-gradient);box-shadow:0 4px 14px #f59e0b4d}.home__avatar--role-director:hover{box-shadow:var(--metric-amber-glow)}.home__avatar--role-manager{background:var(--role-manager-gradient);box-shadow:0 4px 14px #2563eb4d}.home__avatar--role-manager:hover{box-shadow:var(--metric-blue-glow)}.home__avatar--role-leader{background:var(--role-leader-gradient);box-shadow:0 4px 14px #06b6d44d}.home__avatar--role-leader:hover{box-shadow:0 8px 20px -4px #06b6d466}.home__avatar--role-employee{background:var(--role-employee-gradient);box-shadow:0 4px 14px #10b9814d}.home__avatar--role-employee:hover{box-shadow:var(--metric-emerald-glow)}.home__title{font-size:var(--text-2xl);color:var(--color-text-heading);letter-spacing:-.01em;margin:0;font-weight:700}.home__user-name{margin:var(--space-1) 0 0;font-size:var(--text-base);color:var(--color-slate-800);font-weight:600}.home__user-email{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.home__tags{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.attendance-widget{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.attendance-widget:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.attendance-widget__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.attendance-widget__header-info{gap:var(--space-0-5);flex-direction:column;display:flex}.attendance-widget__title{font-size:var(--text-xl);color:var(--color-text-heading);margin:0;font-weight:700}.attendance-widget__date{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.attendance-widget__clock-box{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg, var(--color-slate-950) 0%, var(--color-slate-900) 50%, var(--color-slate-800) 100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:inset 0 1px 3px #0000004d, var(--shadow-sm);border:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.attendance-widget__clock-label{border-radius:var(--radius-full);font-size:var(--text-xs);color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff29;align-items:center;padding:.25rem .625rem;font-weight:600;display:inline-flex}.attendance-widget__clock{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.08em;color:#38bdf8;text-shadow:0 0 12px #38bdf866;font-variant-numeric:tabular-nums;font-weight:800;line-height:var(--leading-none)}.attendance-undo-banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:all var(--transition-base);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;display:flex;box-shadow:0 2px 8px -2px #f59e0b26}.attendance-undo-banner__content{align-items:center;gap:var(--space-3);min-width:0;display:flex}.attendance-undo-banner__icon{flex-shrink:0;font-size:1.25rem;line-height:1}.attendance-undo-banner__text{flex-direction:column;gap:2px;min-width:0;display:flex}.attendance-undo-banner__title{color:#92400e;font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);margin:0}.attendance-undo-banner__desc{color:#b45309;font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.attendance-undo-timer{font-family:var(--font-mono);color:#b45309;border-radius:var(--radius-sm);letter-spacing:.05em;background:#f59e0b26;padding:.1rem .375rem;font-weight:700}.btn--attendance-undo{color:#b45309;font-weight:600;font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-md);min-height:2.25rem;box-shadow:var(--shadow-xs);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #f59e0b;flex-shrink:0;justify-content:center;align-items:center;padding:.375rem .75rem;display:inline-flex}.btn--attendance-undo:hover:not(:disabled){color:#78350f;transform:var(--anim-lift);background:#fef3c7;border-color:#d97706;box-shadow:0 2px 6px #d9770633}.btn--attendance-undo:active:not(:disabled){transform:var(--anim-press)}.btn--attendance-undo:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}@media (width<=639px){.attendance-undo-banner{align-items:stretch;gap:var(--space-3);flex-direction:column}.btn--attendance-undo{width:100%;min-height:2.75rem;font-size:var(--text-sm)}}.attendance-widget__summary{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.attendance-card{padding:var(--space-3-5,.875rem) var(--space-4);background:var(--gradient-card);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.attendance-card--active{border-color:var(--color-primary-300);background:linear-gradient(135deg,#eff6ffe6 0%,#fff 100%);box-shadow:0 4px 12px -2px #2563eb26}.attendance-card__label{font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1);font-weight:600;display:block}.attendance-card__value{font-size:var(--text-lg);color:var(--color-slate-900);font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:block}.attendance-card__badge{margin-top:var(--space-1)}.attendance-actions{gap:var(--space-4);display:flex}@media (width<=639px){.attendance-actions{flex-direction:column}}.btn--attendance-checkin{min-height:3.25rem;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:#fff;background:var(--gradient-brand);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);cursor:pointer;border:1px solid #0000;flex:1;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.btn--attendance-checkin:hover:not(:disabled){transform:var(--anim-lift);box-shadow:var(--metric-blue-glow);filter:brightness(1.06)}.btn--attendance-checkin:active:not(:disabled){transform:var(--anim-press)}.btn--attendance-checkin:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px}.btn--attendance-checkout{min-height:3.25rem;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#e11d48 50%,#ea580c 100%);border:1px solid #0000;flex:1;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ef444440}.btn--attendance-checkout:hover:not(:disabled){transform:var(--anim-lift);box-shadow:var(--metric-rose-glow);filter:brightness(1.06)}.btn--attendance-checkout:active:not(:disabled){transform:var(--anim-press)}.btn--attendance-checkout:focus-visible{outline:3px solid var(--color-danger-500);outline-offset:2px}.btn--attendance-checkin:disabled,.btn--attendance-checkout:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.btn--attendance-retro{border-color:var(--color-slate-300);min-height:2.75rem;font-size:var(--text-sm)}.attendance-widget__history-trigger{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);justify-content:center;display:flex}.btn--attendance-history{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-1-5) var(--space-4);font-size:var(--text-sm);color:var(--color-primary-700);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);cursor:pointer;font-weight:600;display:inline-flex}.btn--attendance-history:hover{background-color:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-800);transform:var(--anim-lift);box-shadow:0 4px 12px #2563eb26}.btn--attendance-history:active{transform:var(--anim-press)}@media (width<=639px){.btn--attendance-history{width:100%;min-height:3rem}}.modal--attendance-history{width:95vw;max-width:56rem}.attendance-modal-filters{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.attendance-modal-metrics{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.attendance-metric-card{padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);text-align:center;border-top-width:3px}.attendance-metric-card--workdays{border-top-color:var(--color-success-500)}.attendance-metric-card--late{border-top-color:var(--color-warning-500)}.attendance-metric-card--missing{border-top-color:var(--color-danger-500)}.attendance-metric-card__value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-heading);display:block}.attendance-metric-card__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.attendance-history-table-container{max-height:400px;overflow-y:auto}.attendance-history-table-container table thead th{background-color:var(--color-surface);z-index:2;position:sticky;top:0}.attendance-history-row--today{border-left:3px solid var(--color-primary-600);font-weight:600;background-color:var(--color-primary-50)!important}.attendance-widget__not-applicable{padding:var(--space-4);background-color:var(--color-slate-50);border:1px dashed var(--color-slate-300);border-radius:var(--radius-md);margin-top:var(--space-2)}.attendance-widget__not-applicable-text{font-size:var(--text-sm);color:var(--color-slate-600);margin:0}.attendance-history-widget{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.attendance-history-widget:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.attendance-history-widget__title{margin:0 0 var(--space-4);font-size:var(--text-xl);color:var(--color-text-heading);font-weight:700}.attendance-history-row--today{box-shadow:inset 3px 0 0 var(--color-primary-600);background-color:var(--color-primary-50)!important}.attendance-history-row--today td{color:var(--color-primary-950);font-weight:600}.badge--history-ontime{background-color:var(--color-success-50);color:var(--color-success-800);border:1px solid var(--color-success-200);font-weight:600}.badge--history-late{background-color:var(--color-warning-50);color:var(--color-warning-800);border:1px solid var(--color-warning-200);font-weight:600}.badge--history-forgot{background-color:var(--color-danger-50);color:var(--color-danger-800);border:1px solid var(--color-danger-200);font-weight:600}.badge--history-none{background-color:var(--color-slate-100);color:var(--color-slate-600);border:1px solid var(--color-slate-200);font-weight:500}@media (width<=639px){.attendance-history-widget .data-table-container{display:none}}@media (width>=640px){.attendance-history-cards{display:none}}.attendance-history-cards{gap:var(--space-3);flex-direction:column;display:flex}.attendance-history-card{padding:var(--space-3) var(--space-4);background-color:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.attendance-history-card--today{border-color:var(--color-primary-300);background:linear-gradient(135deg, var(--color-primary-50) 0%, #fff 100%);border-left:4px solid var(--color-primary-600);box-shadow:0 2px 8px #2563eb1f}.attendance-history-card__header{justify-content:space-between;align-items:center;display:flex}.attendance-history-card__date{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-slate-800)}.attendance-history-card__times{font-size:var(--text-xs);color:var(--color-slate-600);justify-content:space-between;display:flex}.leave-balances-widget{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.leave-balances-widget:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.leave-balances-widget__title{margin:0 0 var(--space-4);font-size:var(--text-xl);color:var(--color-text-heading);font-weight:700}.leave-cards-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=639px){.leave-cards-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.leave-balance-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);justify-content:space-between;gap:var(--space-3);flex-direction:column;min-height:7rem;display:flex}.metric-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.leave-balance-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.leave-balance-card__icon--emerald{background-color:var(--color-success-100);color:var(--color-success-700)}.leave-balance-card__icon--blue{background-color:var(--color-primary-100);color:var(--color-primary-700)}.leave-balance-card__icon--amber{background-color:var(--color-warning-100);color:var(--color-warning-700)}.leave-balance-card--old{background:var(--gradient-card)}.leave-balance-card--old .leave-balance-card__label{color:var(--color-success-800)}.leave-balance-card--old .leave-balance-card__value{color:var(--color-success-950,#064e3b)}.leave-balance-card--current{background:var(--gradient-card)}.leave-balance-card--current .leave-balance-card__label{color:var(--color-primary-800)}.leave-balance-card--current .leave-balance-card__value{color:var(--color-primary-950)}.leave-balance-card--total{background:var(--gradient-card)}.leave-balance-card--total .leave-balance-card__label{color:var(--color-warning-800)}.leave-balance-card--total .leave-balance-card__value{color:var(--color-warning-950,#78350f)}.leave-balance-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.leave-balance-card__value{font-size:var(--text-2xl);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:800;line-height:var(--leading-tight)}.leave-balances-widget__ledger-title{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--color-text-heading);font-weight:600}.notifications-widget{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.notifications-widget:before{content:"";background:var(--gradient-brand);height:3px;position:absolute;top:0;left:0;right:0}.notifications-widget__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.notifications-widget__title{font-size:var(--text-xl);color:var(--color-text-heading);margin:0;font-weight:700}.notifications-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notifications-list--contained{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:400px;padding-right:var(--space-1);overflow-y:auto}.notifications-list--contained::-webkit-scrollbar{width:6px}.notifications-list--contained::-webkit-scrollbar-track{background:0 0}.notifications-list--contained::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.notifications-list--contained::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover)}.notification-item{padding:var(--space-3-5,.875rem) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--space-3);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);display:flex;position:relative}.notification-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-300);transform:translateY(-1px)}.notification-item--unread{border-color:var(--color-primary-200);border-left:3px solid var(--color-primary-600);background:linear-gradient(135deg,#eff6ffbf 0%,#fff 100%)}.notification-item--read{background-color:var(--color-slate-50);border-color:var(--color-slate-200);opacity:.88}.notification-item__body{align-items:flex-start;gap:var(--space-3);flex:1;display:flex}.notification-item__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.125rem;display:inline-flex}.notification-item__unread-icon{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 6px #2563eb4d}.notification-item__icon--read{background:var(--color-slate-200);color:var(--color-slate-500)}.notification-item__text{flex:1}.notification-item__title{font-size:var(--text-sm);color:var(--color-slate-900);margin:0;font-weight:600}.notification-item__content{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-slate-600);line-height:var(--leading-normal)}.notification-item__time{margin-top:var(--space-1-5);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-slate-400);display:block}.notification-item__btn{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);flex-shrink:0}.requests-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.btn--requests-create{min-height:3rem;padding:var(--space-3) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-weight:600}@media (width<=639px){.btn--requests-create{width:100%}}.requests-feedback-stack{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.requests-filters{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.requests-filter-field{flex:14rem}.badge--type-leave{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.badge--type-late{color:#c2410c;background-color:#fff7ed;border-color:#ffedd5}.badge--type-early{color:#a16207;background-color:#fefce8;border-color:#fef9c3}.badge--type-ot{color:#6d28d9;background-color:#f5f3ff;border-color:#ddd6fe}.badge--type-support{color:#0369a1;background-color:#f0f9ff;border-color:#bae6fd}.badge--type-leave,.badge--type-late,.badge--type-early,.badge--type-ot,.badge--type-support{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.badge--type-leave:hover,.badge--type-late:hover,.badge--type-early:hover,.badge--type-ot:hover,.badge--type-support:hover{transform:scale(1.04)}.requests-table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-card)}.requests-table{width:100%}.requests-table tbody tr:hover{background-color:var(--color-slate-50)}.data-table__th-actions{text-align:right;min-width:11rem}.data-table__actions-sticky{text-align:right}.order-actions-group{justify-content:flex-end;align-items:center;gap:var(--space-2);display:inline-flex}.btn--sm{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.text-muted{color:var(--color-slate-500)}@media (width<=639px){.requests-table-container{box-shadow:none;background:0 0;border:none;overflow:visible}.requests-table{border:none;flex-direction:column;width:100%;display:flex}.requests-table thead{display:none}.requests-table tbody{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.requests-table tr.order-card-row{gap:var(--space-2-5);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.requests-table tr.order-card-row:hover{border-color:var(--color-slate-300);box-shadow:var(--shadow-md)}.order-col{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;border:none!important;padding:0!important}.order-col:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.order-col--actions{margin-top:var(--space-2);padding-top:var(--space-3)!important;border-top:1px dashed var(--color-slate-200)!important}.order-col--actions:before{display:none}.order-actions-group{gap:var(--space-2);width:100%;display:flex}.order-action-btn{min-height:2.75rem;font-size:var(--text-sm);flex:1}}.order-create-form{gap:var(--space-4);flex-direction:column;display:flex}.order-form-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-type-pills{gap:var(--space-2);margin-top:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));display:grid}.order-type-pill{justify-content:center;align-items:center;gap:var(--space-1);min-height:4.25rem;padding:var(--space-2) var(--space-1-5);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;color:var(--color-slate-700);flex-direction:column;font-family:inherit;display:flex}.order-type-pill:hover:not(:disabled){border-color:var(--color-slate-400);box-shadow:var(--shadow-sm);transform:translateY(-1.5px)}.order-type-pill__icon{font-size:1.35rem;line-height:1}.order-type-pill__label{font-size:var(--text-xs);font-weight:600;line-height:1.2}.order-type-pill--leave.order-type-pill--active{color:#047857;box-shadow:0 0 0 1px #10b981, var(--metric-emerald-glow);background-color:#ecfdf5;border-color:#10b981}.order-type-pill--late.order-type-pill--active{color:#c2410c;background-color:#fff7ed;border-color:#f97316;box-shadow:0 0 0 1px #f97316,0 8px 20px -4px #f9731640}.order-type-pill--early-leave.order-type-pill--active{color:#a16207;box-shadow:0 0 0 1px #eab308, var(--metric-amber-glow);background-color:#fefce8;border-color:#eab308}.order-type-pill--ot.order-type-pill--active{color:#6d28d9;box-shadow:0 0 0 1px #8b5cf6, var(--metric-violet-glow);background-color:#f5f3ff;border-color:#8b5cf6}.order-type-pill--support.order-type-pill--active{color:#0369a1;box-shadow:0 0 0 1px #0284c7, var(--metric-blue-glow);background-color:#f0f9ff;border-color:#0284c7}.order-smart-hint{align-items:flex-start;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-xs);line-height:var(--leading-normal);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast);display:flex;box-shadow:0 4px 12px -2px #0f172a0a}.order-smart-hint__icon{flex-shrink:0;margin-top:1px;font-size:1.25rem;line-height:1}.order-smart-hint__content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.order-smart-hint__title{font-size:var(--text-xs);letter-spacing:.01em;margin-bottom:2px;font-weight:700}.order-smart-hint__text{color:inherit;flex:1}.order-smart-hint--leave{color:#065f46;background:#ecfdf5e6;border:1px solid #a7f3d0;box-shadow:0 4px 14px -3px #10b98126}.order-smart-hint--late{color:#9a3412;background:#fff7ede6;border:1px solid #fed7aa;box-shadow:0 4px 14px -3px #f9731626}.order-smart-hint--early{color:#854d0e;background:#fefce8e6;border:1px solid #fef08a;box-shadow:0 4px 14px -3px #eab30826}.order-smart-hint--ot{color:#581c87;background:#f5f3ffe6;border:1px solid #ddd6fe;box-shadow:0 4px 14px -3px #8b5cf626}.order-smart-hint--support{color:#075985;background:#f0f9ffe6;border:1px solid #bae6fd;box-shadow:0 4px 14px -3px #0284c726}.order-smart-hint--split-warning{color:#92400e;background:linear-gradient(135deg,#fffbebf5 0%,#fef3c7e0 100%);border:1.5px solid #fcd34d;box-shadow:0 6px 16px -2px #f59e0b38}.order-smart-hint__breakdown{gap:var(--space-2);margin-top:var(--space-1-5);flex-wrap:wrap;display:flex}.order-smart-hint__chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);padding:.15rem .5rem;font-weight:600;display:inline-flex}.order-smart-hint__chip--paid{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.order-smart-hint__chip--unpaid{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.order-create-form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.order-detail{gap:var(--space-4);flex-direction:column;display:flex}.order-detail__header-card{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.order-detail__header-main{align-items:center;gap:var(--space-2-5);display:flex}.order-detail__id{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--color-slate-700)}.order-detail__reject-box{padding:var(--space-3) var(--space-4);background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md)}.order-detail__reject-title{font-size:var(--text-xs);color:var(--color-danger-700);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1);font-weight:700}.order-detail__reject-content{font-size:var(--text-sm);color:var(--color-danger-800);font-weight:600}.order-detail__grid{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=639px){.order-detail__grid{grid-template-columns:1fr}}.order-detail__item{gap:var(--space-1);flex-direction:column;display:flex}.order-detail__item--full{grid-column:span 2}@media (width<=639px){.order-detail__item--full{grid-column:span 1}}.order-detail__value{font-size:var(--text-sm);color:var(--color-slate-800);font-weight:500}.order-detail__time-range{align-items:center;gap:var(--space-2);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.order-detail__arrow{color:var(--color-slate-400)}.order-detail__duration-cards{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.duration-pill{align-items:center;gap:var(--space-1-5);border-radius:var(--radius-md);font-size:var(--text-xs);border:1px solid #0000;padding:.25rem .625rem;display:inline-flex}.duration-pill__label{font-weight:500}.duration-pill__value{font-weight:700;font-family:var(--font-mono)}.duration-pill--paid{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.duration-pill--unpaid{background-color:var(--color-slate-100);color:var(--color-slate-700);border-color:var(--color-slate-200)}.order-detail__approval-section{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.order-detail__section-title{font-size:var(--text-xs);color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1);font-weight:700}.approval-stepper{gap:var(--space-2);flex-direction:column;display:flex}.approval-step{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);display:flex}.approval-step__marker{border-radius:var(--radius-full);background-color:var(--color-slate-200);width:1.5rem;height:1.5rem;color:var(--color-slate-700);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.approval-step__content{justify-content:space-between;align-items:center;gap:var(--space-2);flex:1;display:flex}.approval-step__title{font-size:var(--text-xs);color:var(--color-slate-800);font-weight:600}.approval-step__status{font-size:var(--text-xs);color:var(--color-slate-500);font-weight:600}.approval-step--approved{background-color:var(--color-success-50);border-color:var(--color-success-200)}.approval-step--approved .approval-step__marker{background-color:var(--color-success-600);color:#fff}.approval-step--approved .approval-step__status{color:var(--color-success-700)}.approval-step--pending{background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.approval-step--pending .approval-step__marker{background-color:var(--color-warning-500);color:#fff}.approval-step--pending .approval-step__status{color:var(--color-warning-800)}.approval-step--rejected{background-color:var(--color-danger-50);border-color:var(--color-danger-200)}.approval-step--rejected .approval-step__marker{background-color:var(--color-danger-600);color:#fff}.approval-step--rejected .approval-step__status{color:var(--color-danger-700)}.approval-step--waiting .approval-step__status{color:var(--color-slate-400)}.order-detail__actions{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.cancel-order-modal{gap:var(--space-4);flex-direction:column;display:flex}.cancel-order-modal__message{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-normal);margin:0}.cancel-order-modal__refund-note{align-items:flex-start;gap:var(--space-2-5);padding:var(--space-3) var(--space-4);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-primary-950);line-height:var(--leading-normal);display:flex}.cancel-order-modal__refund-icon{flex-shrink:0;margin-top:1px;font-size:1.125rem;line-height:1}.cancel-order-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.approvals-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.approvals-page__title-wrap{align-items:center;gap:var(--space-3);display:inline-flex}.approvals-count-badge{background-color:var(--color-warning-50);color:var(--color-warning-800);border-color:var(--color-warning-200);font-size:var(--text-sm);border-radius:var(--radius-full);padding:.2rem .625rem;font-weight:700}.approvals-filters{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.approvals-filter-field{flex:14rem}.approvals-table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-card)}.approvals-table{width:100%}.approvals-table tbody tr:hover{background-color:var(--color-slate-50)}.approval-creator-wrap{align-items:center;gap:var(--space-2-5);display:inline-flex}.approval-creator-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:2rem;height:2rem;color:var(--color-primary-800);font-weight:700;font-size:var(--text-xs);border:1px solid var(--color-primary-200);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.approval-creator-id{color:var(--color-slate-800)}.approvals-hours-ot{gap:var(--space-1);flex-direction:column;display:flex}.approval-actions-group{justify-content:flex-end;align-items:center;gap:var(--space-2);display:inline-flex}.btn--approval-approve{background-color:var(--color-success-700);border-color:var(--color-success-700);color:#fff;transition:all var(--transition-fast)}.btn--approval-approve:hover:not(:disabled){background-color:var(--color-success-800);border-color:var(--color-success-800);box-shadow:var(--metric-emerald-glow);transform:translateY(-1.5px)}.btn--approval-approve:active:not(:disabled){background-color:#064e3b;transform:translateY(0)}.btn--approval-reject{border-color:var(--color-danger-700);color:var(--color-danger-700);transition:all var(--transition-fast);background-color:#0000}.btn--approval-reject:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-800);color:var(--color-danger-800);box-shadow:var(--metric-rose-glow);transform:translateY(-1.5px)}.btn--approval-reject:active:not(:disabled){background-color:var(--color-danger-100);transform:translateY(0)}.approvals-level-cell{align-items:center;gap:var(--space-2-5);display:inline-flex}.mini-timeline{vertical-align:middle;align-items:center;gap:0;display:inline-flex}.mini-timeline__step{align-items:center;display:inline-flex}.mini-timeline__node{min-width:1.75rem;height:1.75rem;padding:0 var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-mono);transition:all var(--transition-fast);border:1.5px solid #0000;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.mini-timeline__node--approved{color:#047857;background-color:#ecfdf5;border-color:#10b981}.mini-timeline__node--pending{color:#b45309;background-color:#fffbeb;border-color:#f59e0b;position:relative;box-shadow:0 0 10px #f59e0b73}.mini-timeline__node--upcoming{background-color:var(--color-slate-100);color:var(--color-slate-400);border-color:var(--color-slate-200)}.mini-timeline__line{background-color:var(--color-slate-200);width:.625rem;height:2px;display:inline-block}.mini-timeline__line--passed{background-color:#10b981}.approvals-empty-wrap{margin-top:var(--space-2)}@media (width<=639px){.approvals-table-container{box-shadow:none;background:0 0;border:none;overflow:visible}.approvals-table{border:none;flex-direction:column;width:100%;display:flex}.approvals-table thead{display:none}.approvals-table tbody{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.approvals-table tr.approval-card-row{gap:var(--space-2-5);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.approvals-table tr.approval-card-row:hover{border-color:var(--color-slate-300);box-shadow:var(--shadow-md)}.approval-col{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;border:none!important;padding:0!important}.approval-col:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.approval-col--actions{margin-top:var(--space-2);padding-top:var(--space-3)!important;border-top:1px dashed var(--color-slate-200)!important}.approval-col--actions:before{display:none}.approval-actions-group{gap:var(--space-2);width:100%;display:flex}.btn--approval-approve{min-height:2.75rem;font-size:var(--text-sm);flex:3}.btn--approval-reject{min-height:2.75rem;font-size:var(--text-sm);flex:2}}.reject-order-modal{gap:var(--space-4);flex-direction:column;display:flex}.reject-order-warning{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:var(--leading-normal);color:#991b1b;-webkit-backdrop-filter:blur(4px);background:#fef2f2e6;border:1px solid #fecaca;display:flex;box-shadow:0 4px 12px -2px #ef44441f}.reject-order-warning__icon{flex-shrink:0;margin-top:1px;font-size:1.15rem;line-height:1}.reject-order-warning__content{flex:1}.reject-order-modal__textarea{resize:vertical;border:1px solid var(--color-border-strong);min-height:7rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.reject-order-modal__textarea:focus{border-color:var(--color-danger-500);outline:none;box-shadow:0 0 0 3px #ef444438}.reject-order-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.payroll-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.payroll-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-slate-500)}.payroll-notice-banner{margin-bottom:var(--space-5)}.payroll-notice-text{font-size:var(--text-sm);color:var(--color-slate-700);line-height:1.5}.payroll-filter-card{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:var(--space-6)}.payroll-filter-card__title{font-size:var(--text-sm);color:var(--color-slate-700);margin-bottom:var(--space-3);font-weight:600}.payroll-filter-form{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.payroll-filter-input-wrap{flex:14rem;max-width:20rem}.payroll-filter-btn{min-height:2.75rem;padding:0 var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);white-space:nowrap;font-weight:600}.payroll-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.payroll-metric-card{padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.payroll-metric-card:hover{transform:var(--anim-card-lift);box-shadow:var(--shadow-card-hover)}.payroll-metric-card--workdays{border-top:3px solid var(--color-success-500);box-shadow:var(--shadow-card), var(--metric-emerald-glow)}.payroll-metric-card--ot{border-top:3px solid var(--color-warning-500);box-shadow:var(--shadow-card), var(--metric-amber-glow)}.payroll-metric-card--leave{border-top:3px solid var(--color-primary-500);box-shadow:var(--shadow-card), var(--metric-blue-glow)}.payroll-metric-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.payroll-metric-icon{font-size:1.125rem;line-height:1}.payroll-metric-label{font-size:var(--text-xs);color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.payroll-metric-value{font-size:var(--text-2xl);color:var(--color-slate-900);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--space-1-5);font-weight:800;line-height:1.2;display:flex}.payroll-metric-unit{font-size:var(--text-xs);color:var(--color-slate-500);font-weight:500}.payroll-metric-subtext{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-slate-500)}@media (width<=767px){.payroll-metrics-grid{gap:var(--space-3);grid-template-columns:1fr}}.payroll-matrix-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.payroll-matrix-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-slate-50);flex-wrap:wrap;display:flex}.payroll-matrix-card__title{font-size:var(--text-base);color:var(--color-slate-900);font-weight:700}.payroll-matrix-count{font-size:var(--text-xs);color:var(--color-slate-600);background-color:var(--color-slate-200);padding:var(--space-1) var(--space-3);border-radius:9999px}.payroll-empty-state{padding:var(--space-12) var(--space-4);text-align:center}.payroll-empty-state__message{font-size:var(--text-sm);color:var(--color-slate-500)}.payroll-table-container{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.payroll-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%}.payroll-table th{z-index:2;background-color:var(--color-slate-50);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600;position:sticky;top:0}.payroll-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.payroll-table tbody tr:nth-child(2n) td{background-color:#fbfcfe}@media (width>=640px){.payroll-table th.payroll-th-employee{z-index:4;background-color:var(--color-slate-50);position:sticky;left:0;box-shadow:3px 0 6px -2px #0f172a14}.payroll-table td.payroll-col--employee{z-index:3;background-color:var(--color-surface);position:sticky;left:0;box-shadow:3px 0 6px -2px #0f172a14}.payroll-table tbody tr:nth-child(2n) td.payroll-col--employee{background-color:#fbfcfe}.payroll-table tr:hover td.payroll-col--employee{background-color:#eff6ff!important}}.payroll-table tr:hover td{background-color:#eff6ff!important}.payroll-employee-cell{align-items:center;gap:var(--space-3);display:flex}.payroll-employee-avatar{background-color:var(--color-primary-100);width:2.25rem;height:2.25rem;color:var(--color-primary-800);font-weight:700;font-size:var(--text-xs);border:1px solid var(--color-primary-200);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payroll-employee-avatar--director{background:var(--role-director-gradient);color:#fff;border-color:#fde68a}.payroll-employee-avatar--manager{background:var(--role-manager-gradient);color:#fff;border-color:#bfdbfe}.payroll-employee-avatar--leader{background:var(--role-leader-gradient);color:#fff;border-color:#a5f3fc}.payroll-employee-avatar--employee{background:var(--role-employee-gradient);color:#fff;border-color:#a7f3d0}.payroll-employee-avatar--admin{background:var(--role-admin-gradient);color:#fff;border-color:#ddd6fe}.payroll-employee-details{flex-direction:column;min-width:0;display:flex}.payroll-employee-name{font-size:var(--text-sm);color:var(--color-slate-900);white-space:nowrap}.payroll-employee-id{font-size:var(--text-xs);color:var(--color-slate-500)}.badge--role-lead{color:#581c87;background-color:#f5f3ff;border-color:#e9d5ff}.payroll-dept-text{white-space:nowrap}.payroll-workdays-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-slate-800);background-color:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);font-weight:700;display:inline-block}.payroll-ot-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.payroll-ot-tag{font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.25rem;padding:.2rem .5rem;font-weight:600;display:inline-flex}.payroll-ot-tag--no{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.payroll-ot-tag--wk{color:#6b21a8;background-color:#faf5ff;border-color:#e9d5ff}.payroll-ot-tag--ho{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.payroll-ot-prefix{font-weight:700}.payroll-leave-grid{gap:var(--space-1) var(--space-3);font-size:var(--text-xs);white-space:nowrap;grid-template-columns:repeat(2,minmax(0,1fr));line-height:1.4;display:grid}.payroll-leave-item{display:inline-block}@media (width<=639px){.payroll-filter-form{flex-direction:column;align-items:stretch}.payroll-filter-input-wrap{max-width:100%}.payroll-filter-btn{width:100%;min-height:3rem}.payroll-table thead{display:none}.payroll-table,.payroll-table tbody{width:100%;display:block}.payroll-table tr.payroll-card-row{gap:var(--space-3);margin:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.payroll-col{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;border:none!important;padding:0!important}.payroll-col:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.payroll-col--employee{padding-bottom:var(--space-2)!important;border-bottom:1px solid var(--color-slate-100)!important}.payroll-col--employee:before{display:none}.payroll-col--ot,.payroll-col--leave{align-items:flex-start;gap:var(--space-2);flex-direction:column}.payroll-col--ot:before,.payroll-col--leave:before{margin-bottom:var(--space-1)}.payroll-leave-grid{gap:var(--space-1) var(--space-2);grid-template-columns:1fr 1fr;width:100%}}.month-lock-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.month-lock-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-slate-500)}.month-lock-progress-card{padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);background-image:linear-gradient(#fff,#f8fafc);box-shadow:0 4px 6px -1px #1e3a8a0d,0 2px 4px -2px #1e3a8a0d}.month-lock-progress-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.month-lock-progress-card__title-wrap{align-items:center;gap:var(--space-3);display:flex}.month-lock-progress-card__title{font-size:var(--text-base);color:var(--color-slate-900);margin:0;font-weight:700}.pulse-indicator{flex-shrink:0;width:.75rem;height:.75rem;display:inline-flex;position:relative}.pulse-indicator__ring{background-color:var(--color-warning-500);opacity:.75;border-radius:9999px;animation:1.5s cubic-bezier(0,0,.2,1) infinite pulse-ring;position:absolute;inset:0}.pulse-indicator__dot{background-color:var(--color-warning-600);border-radius:9999px;width:.75rem;height:.75rem;display:inline-flex;position:relative}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.4)}}.month-lock-progress-notice{margin-top:var(--space-1)}.month-lock-progress-body{margin-top:var(--space-4)}.month-lock-progress-stats{margin-bottom:var(--space-2);font-size:var(--text-sm);justify-content:space-between;align-items:baseline;display:flex}.month-lock-progress-status-label{color:var(--color-warning-700);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.04em}.month-lock-progress-count{color:var(--color-slate-800)}.month-lock-progress-track{background-color:var(--color-slate-200);border-radius:9999px;width:100%;height:.875rem;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.month-lock-progress-track--glowing{box-shadow:inset 0 1px 3px #0000001f,0 0 0 1px #3b82f626}.month-lock-progress-fill{background:linear-gradient(90deg,#1d4ed8 0%,#3b82f6 50%,#60a5fa 100%);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.month-lock-progress-fill--glowing{box-shadow:0 0 14px #3b82f680,0 0 4px #2563eb66}.month-lock-progress-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);animation:2s cubic-bezier(.4,0,.2,1) infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.month-lock-progress-shimmer{animation:none;display:none}}.month-lock-errors{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-slate-200)}.month-lock-errors__title{font-size:var(--text-xs);color:var(--color-danger-700);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.month-lock-errors__list{background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-danger-900);gap:var(--space-1);flex-direction:column;margin:0;list-style:none;display:flex}.month-lock-errors__item{gap:var(--space-2);display:flex}.month-cycles-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.month-cycles-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-slate-50);flex-wrap:wrap;display:flex}.month-cycles-card__title{font-size:var(--text-base);color:var(--color-slate-900);margin:0;font-weight:700}.month-cycles-count{font-size:var(--text-xs);color:var(--color-slate-600);background-color:var(--color-slate-200);padding:var(--space-1) var(--space-3);border-radius:9999px}.month-cycles-empty{padding:var(--space-12) var(--space-4);text-align:center}.month-cycles-empty__message{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.month-cycles-table-container{overflow-x:auto}.month-cycles-table{border-collapse:separate;border-spacing:0;width:100%}.month-cycles-table th{background-color:var(--color-slate-50);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.month-cycles-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.month-cycles-table tr:hover td{background-color:var(--color-slate-50)}.month-name-cell{align-items:center;gap:var(--space-2);display:flex}.month-name-text{font-size:var(--text-base);color:var(--color-slate-900)}.badge--month-unlocked{color:#065f46;align-items:center;gap:var(--space-1-5);background-color:#ecfdf5;border-color:#a7f3d0;display:inline-flex}.badge--month-locking{color:#92400e;align-items:center;gap:var(--space-1-5);background-color:#fffbeb;border-color:#fde68a;display:inline-flex}.badge--month-locked{color:#334155;align-items:center;gap:var(--space-1-5);background-color:#f1f5f9;border-color:#cbd5e1;display:inline-flex}.badge-dot--success{background-color:var(--color-success-600);border-radius:9999px;width:.5rem;height:.5rem;display:inline-block}.badge-spinner{border:2px solid #fde68a;border-top-color:#92400e;border-radius:50%;width:.75rem;height:.75rem;animation:.8s linear infinite spin;display:inline-block}.badge-lock-icon{font-size:.85em}.month-actions-group{justify-content:flex-end;align-items:center;gap:var(--space-2);display:inline-flex}.btn--month-lock,.btn--month-cancel,.btn--month-unlock{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;min-height:2.25rem;font-weight:600}.btn--month-cancel{color:var(--color-danger-700);border-color:var(--color-danger-300);transition:all var(--transition-fast);background-color:#0000}.btn--month-cancel:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-600);color:var(--color-danger-800);box-shadow:0 0 10px #ef444440}@media (width<=639px){.month-cycles-table thead{display:none}.month-cycles-table,.month-cycles-table tbody{width:100%;display:block}.month-cycles-table tr.month-cycle-row{gap:var(--space-3);margin:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.month-col{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;border:none!important;padding:0!important}.month-col:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.month-col--month{padding-bottom:var(--space-2)!important;border-bottom:1px solid var(--color-slate-100)!important}.month-col--month:before{display:none}.month-col--actions{margin-top:var(--space-2);padding-top:var(--space-3)!important;border-top:1px dashed var(--color-slate-200)!important}.month-col--actions:before{display:none}.month-actions-group{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.btn--month-lock,.btn--month-cancel,.btn--month-unlock{width:100%;min-height:2.75rem;font-size:var(--text-sm);justify-content:center}}.accounts-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.accounts-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-slate-500)}.btn--user-create{min-height:2.75rem;padding:0 var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-weight:600}.accounts-filters{gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.accounts-filter-field{flex:14rem}.accounts-table-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.users-table-container{overflow-x:auto}.users-table{border-collapse:separate;border-spacing:0;width:100%}.users-table th{background-color:var(--color-slate-50);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.users-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.users-table tr:hover td{background-color:var(--color-slate-50)}.user-cell{align-items:center;gap:var(--space-3);display:flex}.user-avatar{background-color:var(--color-primary-100);width:2.25rem;height:2.25rem;color:var(--color-primary-800);font-weight:700;font-size:var(--text-xs);border:1px solid var(--color-primary-200);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{font-size:var(--text-sm);color:var(--color-slate-900);white-space:nowrap}.user-id{font-size:var(--text-xs)}.user-email-text,.user-manager-text{white-space:nowrap}.badge--status-probation{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.badge--status-official{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.badge--status-resigned{color:#64748b;background-color:#f1f5f9;border-color:#cbd5e1}.badge--account-active{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.badge--account-disabled{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.user-actions-group{justify-content:flex-end;align-items:center;gap:var(--space-2);display:inline-flex}.btn--user-edit,.btn--user-disable,.btn--user-enable{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;min-height:2.25rem;font-weight:600}.btn--user-disable{color:var(--color-danger-700);border-color:var(--color-danger-300);background-color:#0000}.btn--user-disable:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-600)}.users-empty-state{padding:var(--space-12) var(--space-4);text-align:center}.users-empty-state__message{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.org-chart-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.org-chart-page__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-slate-500)}.org-chart-filters{gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;display:flex}.org-chart-filter-field{flex:18rem;max-width:24rem}.org-chart-sections{gap:var(--space-6);flex-direction:column;display:flex}.org-chart-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.org-chart-panel__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-slate-50);flex-wrap:wrap;display:flex}.org-chart-panel__title-wrap{align-items:center;gap:var(--space-2-5);display:flex}.org-chart-panel__title{font-size:var(--text-base);color:var(--color-slate-900);margin:0;font-weight:700}.org-chart-count{font-size:var(--text-xs);color:var(--color-slate-600);background-color:var(--color-slate-200);padding:var(--space-1) var(--space-3);border-radius:9999px}.org-group-toggle-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-slate-600);display:inline-flex}.org-group-toggle-btn:hover{background-color:var(--color-slate-100);border-color:var(--color-slate-300);color:var(--color-slate-900)}.org-group-toggle-icon{transition:transform var(--transition-base)}.org-group-toggle-icon.is-expanded{transform:rotate(180deg)}.org-list{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;list-style:none;display:grid}.org-list.is-collapsed{display:none}.org-list__item{margin:0;padding:0}.org-node-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);display:flex;position:relative}.org-node-card:hover{transform:var(--anim-card-lift);box-shadow:var(--shadow-card-hover)}.org-node-card--director{border:1.5px solid var(--role-director-border);box-shadow:var(--shadow-xs), var(--metric-amber-glow);background:linear-gradient(#fff 0%,#fffdfa 100%)}.org-node-card--director:hover{border-color:var(--role-director-color)}.org-node-avatar--director{box-shadow:0 0 10px #f59e0b59;background:var(--role-director-gradient)!important;color:#fff!important;border:2px solid #fef3c7!important}.org-node-card--manager{border:1.5px solid var(--role-manager-border);background:linear-gradient(#fff 0%,#f8faff 100%)}.org-node-card--manager:hover{border-color:var(--role-manager-color)}.org-node-avatar--manager{box-shadow:0 0 10px #2563eb4d;background:var(--role-manager-gradient)!important;color:#fff!important;border:2px solid #dbeafe!important}.org-node-card--leader{border:1.5px solid var(--role-leader-border);background:linear-gradient(#fff 0%,#f0fdfa 100%)}.org-node-card--leader:hover{border-color:var(--role-leader-color)}.org-node-avatar--leader{box-shadow:0 0 10px #06b6d44d;background:var(--role-leader-gradient)!important;color:#fff!important;border:2px solid #cffafe!important}.org-node-card--employee{border:1.5px solid var(--role-employee-border);background:linear-gradient(#fff 0%,#f0fdf4 100%)}.org-node-card--employee:hover{border-color:var(--role-employee-color)}.org-node-avatar--employee{box-shadow:0 0 10px #10b98140;background:var(--role-employee-gradient)!important;color:#fff!important;border:2px solid #d1fae5!important}.org-node-card--admin{border:1.5px solid var(--role-admin-border);background:linear-gradient(#fff 0%,#faf5ff 100%)}.org-node-avatar--admin{box-shadow:0 0 10px #7c3aed4d;background:var(--role-admin-gradient)!important;color:#fff!important;border:2px solid #ede9fe!important}.org-node-card--direct-manager{border-color:var(--color-primary-500)!important;box-shadow:0 0 0 1.5px var(--color-primary-500), var(--shadow-glow-primary)!important}.badge--direct-manager{background-color:var(--color-primary-100);color:var(--color-primary-800);border:1px solid var(--color-primary-300);border-radius:var(--radius-sm);white-space:nowrap;padding:.1rem .4rem;font-size:.6875rem;font-weight:700}.org-node-badges{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.org-node-avatar{background-color:var(--color-primary-100);width:2.75rem;height:2.75rem;color:var(--color-primary-800);font-weight:700;font-size:var(--text-sm);border:1px solid var(--color-primary-200);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-node-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.org-node-primary-line{align-items:center;gap:var(--space-2);display:flex}.org-list__name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.org-list__role{display:inline-flex}.org-node-id{font-size:var(--text-2xs)}.org-empty-state{padding:var(--space-8) var(--space-4);text-align:center}.org-empty-state__message{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}@media (width<=639px){.users-table thead{display:none}.users-table,.users-table tbody{width:100%;display:block}.users-table tr.user-card-row{gap:var(--space-3);margin:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.user-col{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex;border:none!important;padding:0!important}.user-col:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.user-col--name{padding-bottom:var(--space-2)!important;border-bottom:1px solid var(--color-slate-100)!important}.user-col--name:before{display:none}.user-col--actions{margin-top:var(--space-2);padding-top:var(--space-3)!important;border-top:1px dashed var(--color-slate-200)!important}.user-col--actions:before{display:none}.user-actions-group{gap:var(--space-2);width:100%;display:flex}.btn--user-edit,.btn--user-disable,.btn--user-enable{min-height:2.75rem;font-size:var(--text-sm);flex:1;justify-content:center}.org-list{padding:var(--space-3);grid-template-columns:1fr}}.configs-page{gap:var(--space-6);flex-direction:column;max-width:72rem;margin:0 auto;display:flex}.configs-page__header{margin-bottom:var(--space-2)}.configs-page__title{margin:0 0 var(--space-1);font-size:var(--text-2xl);color:var(--color-slate-900);letter-spacing:-.02em;font-weight:700}.configs-page__subtitle{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.configs-tabs-nav{gap:var(--space-1);border-bottom:2px solid var(--color-slate-200);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0;display:flex;overflow-x:auto}.configs-tabs-nav::-webkit-scrollbar{display:none}.configs-tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-slate-600);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;border-bottom:3px solid #0000;outline:none;margin-bottom:-2px;font-weight:600;display:inline-flex}.configs-tab-btn:hover{color:var(--color-primary-700);background-color:var(--color-slate-50)}.configs-tab-btn:focus-visible{color:var(--color-primary-700);outline:2px solid var(--color-primary-500);outline-offset:-2px}.configs-tab-btn--active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-600);background-color:var(--color-primary-50)}.configs-panel{gap:var(--space-6);outline:none;flex-direction:column;display:flex}.configs-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.configs-card__header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-slate-100)}.configs-card__title{margin:0 0 var(--space-1);font-size:var(--text-lg);color:var(--color-slate-900);font-weight:700}.configs-card__desc{font-size:var(--text-sm);color:var(--color-slate-500);line-height:var(--leading-normal);margin:0}.configs-hint-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-xs);color:var(--color-primary-950);line-height:var(--leading-normal);display:flex}.configs-hint-box__icon{flex-shrink:0;margin-top:1px;font-size:1.125rem;line-height:1}.configs-form-grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=639px){.configs-form-grid-2{grid-template-columns:1fr}}.configs-section-divider{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px dashed var(--color-slate-200)}.configs-section-title{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--color-slate-800);font-weight:600}.configs-table-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.configs-table{border-collapse:collapse;width:100%}.configs-table th{background-color:var(--color-slate-50);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);border-bottom:1px solid var(--color-border);text-align:left;font-weight:600}.configs-table td{padding:var(--space-3-5) var(--space-4);font-size:var(--text-sm);color:var(--color-slate-700);border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.configs-table tr:hover td{background-color:var(--color-slate-50)}.configs-table td.cell-actions{text-align:right;white-space:nowrap}.matrix-checkbox-group{gap:var(--space-3);align-items:center;display:flex}.matrix-pill-label{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-slate-300);background-color:var(--color-slate-50);font-size:var(--text-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.matrix-pill-label:hover:not(.matrix-pill-label--disabled){border-color:var(--color-primary-400);background-color:var(--color-primary-50)}.matrix-pill-label--checked{background-color:var(--color-primary-100);border-color:var(--color-primary-600);color:var(--color-primary-900)}.matrix-pill-label--disabled{opacity:.45;cursor:not-allowed;background-color:var(--color-slate-100);border-color:var(--color-slate-200)}.matrix-pill-label input[type=checkbox]{accent-color:var(--color-primary-600);cursor:pointer;width:1rem;height:1rem}.matrix-pill-label--disabled input[type=checkbox]{cursor:not-allowed}.audit-logs-page{gap:var(--space-6);flex-direction:column;max-width:80rem;margin:0 auto;display:flex}.audit-page-header{margin-bottom:var(--space-2)}.audit-page-header__title{margin:0 0 var(--space-1);font-size:var(--text-2xl);color:var(--color-slate-900);letter-spacing:-.02em;font-weight:700}.audit-page-header__subtitle{font-size:var(--text-sm);color:var(--color-slate-500);margin:0}.audit-filter-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.audit-filter-card__title{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--color-slate-800);font-weight:600}.audit-filters-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.audit-filter-select-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.audit-filter-select-wrapper label{font-size:var(--text-xs);color:var(--color-slate-700);font-weight:600}.audit-filter-select{width:100%}.audit-filter-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-slate-100);display:flex}.audit-table-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.audit-table-card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.audit-table-card__title{font-size:var(--text-lg);color:var(--color-slate-900);margin:0;font-weight:700}.audit-table-container{border-radius:var(--radius-md);border:1px solid var(--color-slate-200);overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.audit-table th{background-color:var(--color-slate-50);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-600);border-bottom:1px solid var(--color-slate-200);text-align:left;white-space:nowrap;font-weight:600}.audit-table td{padding:var(--space-3-5) var(--space-4);border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.audit-table tbody tr:hover td{background-color:var(--color-slate-50)}.audit-table .cell-timestamp{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-slate-700);white-space:nowrap}.audit-table .cell-ip{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-slate-600);white-space:nowrap}.audit-table .cell-actor-name{color:var(--color-slate-900);font-weight:600}.audit-table .cell-actor-id{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-slate-400)}.audit-badge{border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;align-items:center;padding:.2rem .5rem;font-weight:700;display:inline-flex}.audit-badge--blue{background-color:var(--color-primary-50);color:var(--color-primary-800);border-color:var(--color-primary-200)}.audit-badge--green{background-color:var(--color-success-50);color:#065f46;border-color:#a7f3d0}.audit-badge--purple{color:#5b21b6;background-color:#f5f3ff;border-color:#ddd6fe}.audit-badge--amber{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.audit-badge--red{background-color:var(--color-danger-50);color:var(--color-danger-700);border-color:var(--color-danger-200)}.audit-pagination-bar{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-slate-100);justify-content:space-between;align-items:center;display:flex}.audit-json-wrapper{border-radius:var(--radius-md);background-color:#0f172a;border:1px solid #1e293b;position:relative;overflow:hidden}.audit-json-toolbar{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:#94a3b8;background-color:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;display:flex}.audit-json-copy-btn{padding:var(--space-1) var(--space-2-5);font-size:var(--text-2xs);border-radius:var(--radius-sm);color:#f1f5f9;cursor:pointer;transition:background-color var(--transition-fast);background-color:#334155;border:none;font-weight:600}.audit-json-copy-btn:hover{background-color:#475569}.audit-json-pre{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:#38bdf8;max-height:24rem;margin:0;line-height:1.6;overflow:auto}@media (width<=639px){.configs-tab-btn{padding:var(--space-2-5) var(--space-3);font-size:var(--text-xs)}.audit-pagination-bar{gap:var(--space-3);flex-direction:row}.audit-pagination-bar button{flex:1;min-height:2.75rem}.audit-filter-actions{flex-direction:column}.audit-filter-actions button{width:100%;min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.btn:hover:not(:disabled),.btn:active:not(:disabled),.panel--interactive:hover,.card--interactive:hover,.metric-card:hover,.modal__close:hover,.user-avatar:hover,.home__avatar:hover,.notification-item:hover,.btn--attendance-checkin:hover:not(:disabled),.btn--attendance-checkout:hover:not(:disabled){transform:none!important}.badge__pulse,.badge__pulse--amber{animation:none!important}.order-type-pill:hover:not(:disabled),.btn--approval-approve:hover:not(:disabled),.btn--approval-reject:hover:not(:disabled),.badge--type-leave:hover,.badge--type-late:hover,.badge--type-early:hover,.badge--type-ot:hover,.badge--type-support:hover{transform:none!important}}.pagination-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.pagination-bar__info{color:var(--color-text-muted);align-items:center;font-weight:500;display:flex}.pagination-bar__actions{align-items:center;gap:var(--space-3);display:flex}.pagination-bar__btn{min-width:40px;min-height:38px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:500}.pagination-bar__page-status{color:var(--color-text-heading);padding:0 var(--space-1);font-weight:600}.auth-card{max-width:26rem;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin:0 auto}.auth-card__title{margin:0 0 var(--space-2);font-size:1.5rem}.auth-card__subtitle{margin:0 0 var(--space-5);color:var(--color-text-muted)}.form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-weight:600}.field__input{min-height:2.75rem;padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius)}.field__input[aria-invalid=true]{border-color:var(--color-error)}.field__hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.field__error{color:var(--color-error);margin:0;font-size:.875rem;font-weight:600}.btn{min-height:2.75rem;padding:var(--space-2) var(--space-4);font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;font-weight:600}.btn:disabled{cursor:not-allowed;opacity:.7}.btn--primary{color:var(--color-primary-contrast);background:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border-strong)}.btn--danger{color:#fff;background:var(--color-error);border-color:var(--color-error)}.btn--danger:hover:not(:disabled){opacity:.9}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid #0000}.alert--error{color:var(--color-error);background:var(--color-error-bg);border-color:var(--color-error)}.alert--success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success)}.alert--info{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-text)}.alert--warning{color:#92400e;background:#fef3c7;border-color:#f59e0b}.badge{border-radius:9999px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-block}.badge--pending{color:#92400e;background:#fef3c7}.badge--approved{color:#166534;background:#dcfce7}.badge--auto-approved{color:#3730a3;background:#e0e7ff}.badge--rejected{color:#991b1b;background:#fee2e2}.badge--cancelled{color:#4b5563;background:#f3f4f6}.alert__line{margin:0}.alert__line+.alert__line{margin-top:var(--space-1)}.link{color:var(--color-primary)}.home{gap:var(--space-5);flex-direction:column;display:flex}.home__header{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.home__title{margin:0 0 var(--space-2);font-size:1.75rem}.home__role{color:var(--color-text-muted);margin:0}.panel{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.panel__header{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.panel__title{margin:0;font-size:1.25rem}.sessions{border-collapse:collapse;width:100%}.sessions th,.sessions td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.sessions th{font-weight:600}.state{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);background:var(--color-bg);border:1px dashed var(--color-border-strong);border-radius:var(--radius);flex-direction:column;display:flex}.state__trace{margin:0;font-size:.8125rem}.page{gap:var(--space-5);flex-direction:column;display:flex}.page__header{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.page__title{margin:0;font-size:1.75rem}.filters{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.filters .field{min-width:14rem}.form__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.data-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;overflow:hidden}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table th{background:var(--color-bg);font-weight:600}.data-table__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.org-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.org-list__item{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.org-list__name{font-weight:600}.org-list__role{color:var(--color-text-muted)}.modal-overlay{z-index:20;padding:var(--space-5) var(--space-4);background:#1018288c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:34rem;box-shadow:var(--shadow-card)}.modal:focus{outline:none}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.modal__title{margin:0;font-size:1.25rem}.modal__close{min-height:2.25rem;padding:var(--space-1) var(--space-3)}.modal__body{padding:var(--space-5)}.modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.modal__text{color:var(--color-text-muted);margin:0}.auth-card__footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.state--loading{flex-direction:row;align-items:center}.state__title{color:var(--color-text);margin:0;font-weight:600}.state__description{margin:0}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}