*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[x-cloak]{display:none!important}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;background:none;border:none}fieldset{border:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: #210de0;--color-primary-dark: #0F172A;--color-primary-mid: #334155;--color-primary-light: #F1F5F9;--color-accent: #F59E0B;--color-accent-dark: #D97706;--color-accent-light: #FFFBEB;--color-success: #16A34A;--color-success-light: #F0FDF4;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-danger: #DC2626;--color-danger-light: #FEF2F2;--color-info: #0891B2;--color-info-light: #ECFEFF;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-white: #FFFFFF;--color-body-bg: #F0F4F8;--color-card-bg: #ffffff;--color-sidebar-bg: #210de0;--color-sidebar-text: #94A3B8;--color-sidebar-active: #FFFFFF;--color-sidebar-hover-bg: rgba(255, 255, 255, .06);--color-sidebar-active-bg: rgba(29, 78, 216, .15);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", 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;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 10px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .06);--transition-fast: .1s ease;--transition: .15s ease;--transition-medium: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 64px;--content-max-width: 1280px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-bg: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}html.dark{--color-body-bg: #0F172A;--color-card-bg: #1E293B;--color-sidebar-bg: #210de0;--color-gray-50: #1E293B;--color-gray-100: #273548;--color-gray-200: #334155;--color-white: #1E293B;--color-primary-light: #1E3A5F;--color-success-light: #052E16;--color-warning-light: #451A03;--color-danger-light: #450A0A;--color-info-light: #083344}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-body-bg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-gray-900)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}p:last-child{margin-bottom:0}a{color:var(--color-primary);transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-gray-100);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-danger)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0;color:inherit}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--color-gray-600);font-style:italic}hr{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-8) 0}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}::selection{background-color:var(--color-primary);color:var(--color-white)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-primary{color:var(--color-primary)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progressDrain{0%{width:100%}to{width:0%}}.animate-fade-in{animation:fadeIn .3s ease both}.animate-fade-in-up{animation:fadeInUp .4s ease both}.animate-scale-in{animation:scaleIn .25s ease both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-200)}.btn-success{background:var(--color-success, #16a34a);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{background:transparent}.btn-ghost{background:transparent;color:var(--color-primary-dark);border-color:var(--color-gray-200)}.btn-ghost:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.btn-link{background:none;color:var(--color-primary);padding:0;border:none}.btn-link:hover{text-decoration:underline}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;position:absolute}.btn-icon{padding:var(--space-2);aspect-ratio:1}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}a.btn{color:inherit}a.btn-primary,a.btn-primary:hover,a.btn-danger,a.btn-danger:hover{color:#fff}a.btn-ghost{color:var(--color-primary-dark)}a.btn-secondary{color:var(--color-gray-700)}.form-group{margin-bottom:var(--space-2)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);margin-bottom:2px}.form-control{display:block;width:100%;padding:6px var(--space-3);font-size:var(--text-sm);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1d4ed81a}.form-control::-moz-placeholder{color:var(--color-gray-400)}.form-control::placeholder{color:var(--color-gray-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-10)}.form-textarea{min-height:100px;resize:vertical}.input-group{display:flex}.form-error{display:block;font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.is-invalid{border-color:var(--color-danger)!important}.form-hint{display:block;font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.form-checkbox,.form-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{background:var(--color-gray-50);font-weight:var(--font-medium);color:var(--color-gray-600);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-gray-200)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.table-striped tbody tr:nth-child(2n){background:var(--color-gray-50)}.table-hover tbody tr:hover{background:var(--color-primary-light);transition:background var(--transition)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-medium)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);background:var(--color-gray-50)}.card-body{padding:var(--space-4)}.card-body--flush{padding:0}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50)}.card-stats{text-align:center;padding:var(--space-6)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-bg);padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{font-size:var(--text-2xl);color:var(--color-gray-400);cursor:pointer;line-height:1;padding:var(--space-1)}.modal-close:hover{color:var(--color-gray-700)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-100);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-body .form-group+.form-group,.modal-body p+.form-group{margin-top:var(--space-3)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1.5}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--info{background:var(--color-info-light);color:var(--color-info)}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:300px;max-width:420px;pointer-events:all;position:relative;overflow:hidden;animation:slideInRight .3s ease both}.toast--exiting{animation:fadeIn .2s ease reverse both}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast-icon{flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);color:var(--color-gray-700)}.toast-close{color:var(--color-gray-400);cursor:pointer;font-size:var(--text-lg)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary);animation:progressDrain linear forwards}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:var(--color-primary-light);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{color:var(--color-primary);font-weight:var(--font-semibold)}.online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--color-gray-400);border:2px solid var(--color-white);border-radius:50%}.online-dot.online{background:var(--color-success)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#fff;color:var(--color-sidebar-text);z-index:var(--z-fixed);transition:width var(--transition-medium);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{position:relative;min-height:var(--topbar-height);display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);text-decoration:none;color:#fff;padding:4px 0;min-width:0}.sidebar-logo img{display:block;max-height:44px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){.sidebar-header .sidebar-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}}.sidebar-logo-icon{width:36px;height:36px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);color:#fff;flex-shrink:0}.sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff}.sidebar-toggle{color:var(--color-sidebar-text);padding:var(--space-2);border-radius:var(--radius-sm);display:none}.sidebar-toggle:hover{background:#ffffff14;color:#fff}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3);scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:var(--space-2)}.nav-group-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);margin-top:var(--space-3)}.nav-group-label:hover{color:var(--color-gray-300)}.nav-chevron{transition:transform var(--transition);flex-shrink:0}.nav-chevron.rotated{transform:rotate(180deg)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-primary-dark);transition:all var(--transition);margin-bottom:2px;font-size:var(--text-sm);text-decoration:none;border-left:3px solid transparent}.nav-item:hover{background:var(--color-sidebar-hover-bg);color:#000}.nav-item.active{background:var(--color-sidebar-bg);color:#fff;border-left-color:var(--color-primary);font-weight:var(--font-medium)}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:20px;height:20px}.nav-badge{background:var(--color-danger);color:#fff;font-size:10px;padding:1px 6px;border-radius:var(--radius-full);margin-left:auto}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-logo-text,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-chevron{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-2)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-fixed) - 1)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-medium);z-index:calc(var(--z-fixed) + 1)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-collapsed .sidebar{width:var(--sidebar-width)}.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-logo-text,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-chevron{display:initial}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:var(--space-2) var(--space-3)}.sidebar-toggle{display:flex}}.topbar{position:sticky;top:0;height:var(--topbar-height);background:var(--color-card-bg);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:var(--z-sticky)}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-menu-btn{display:none;color:var(--color-gray-600);padding:var(--space-2);border-radius:var(--radius-md)}.topbar-menu-btn:hover{background:var(--color-gray-100)}@media(max-width:768px){.topbar-menu-btn{display:flex}}.app-switcher{position:relative}.app-switcher__btn{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);background:var(--color-gray-50);cursor:pointer;transition:all var(--transition)}.app-switcher__btn:hover{background:var(--color-card-bg);border-color:var(--color-gray-300);color:var(--color-gray-800)}.app-switcher__label{font-size:var(--text-sm);font-weight:var(--font-medium)}.app-switcher__dropdown{position:absolute;left:0;top:calc(100% + 8px);width:320px;background:var(--color-card-bg);border:1px solid var(--color-gray-200);border-radius:12px;box-shadow:0 12px 36px #0000001a,0 2px 8px #0000000f;z-index:var(--z-dropdown, 50);overflow:hidden}.app-switcher__header{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-400);border-bottom:1px solid var(--color-gray-100)}.app-switcher__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px}.app-switcher__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:10px;text-decoration:none;transition:background .15s}.app-switcher__item:hover,.app-switcher__item--active{background:var(--color-gray-50)}.app-switcher__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-switcher__name{font-size:12px;font-weight:500;color:var(--color-gray-700)}.topbar-user{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition);cursor:pointer}.topbar-user-btn:hover{background:var(--color-gray-100)}.topbar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.notification-bell{position:relative}.notification-btn{position:relative;color:var(--color-gray-500);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition)}.notification-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.notification-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-card-bg)}.notification-dropdown{position:absolute;right:0;top:100%;width:360px;max-height:400px;overflow-y:auto;margin-top:var(--space-2)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100)}.notification-header h4{font-size:var(--text-sm);font-weight:var(--font-semibold)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-50);transition:background var(--transition);text-decoration:none}.notification-item:hover{background:var(--color-gray-50)}.notification-item.unread{background:var(--color-primary-light)}.notification-text{font-size:var(--text-sm);color:var(--color-gray-700)}.notification-time{font-size:var(--text-xs);color:var(--color-gray-400)}.notification-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-400);font-size:var(--text-sm)}.notification-view-all{display:block;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border-top:1px solid var(--color-gray-100);text-decoration:none}.notification-view-all:hover{background:var(--color-gray-50)}.notification-filter-card{margin-bottom:var(--space-4)}.notification-filter-tabs{display:flex;gap:var(--space-2)}.notification-item--page{padding:var(--space-4) var(--space-5)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--color-card-bg);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);padding:var(--space-1) 0;animation:scaleIn .15s ease}.dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-gray-700);transition:background var(--transition)}.dropdown-item:hover{background:var(--color-gray-50)}.dropdown-item--danger{color:var(--color-danger)}.dropdown-divider{border-top:1px solid var(--color-gray-100);margin:var(--space-1) 0}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.pagination{display:flex;gap:var(--space-1)}.page-link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-gray-600);transition:all var(--transition)}.page-link:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.page-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-link.disabled{opacity:.4;pointer-events:none}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);animation:fadeInUp .3s ease}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid currentColor}.alert-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid currentColor}.alert-danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid currentColor}.alert-info{background:var(--color-info-light);color:var(--color-info);border:1px solid currentColor}.alert-dismissible{padding-right:var(--space-10);position:relative}.alert-close{position:absolute;right:var(--space-3);top:var(--space-3);font-size:var(--text-lg);cursor:pointer;opacity:.6}.alert-close:hover{opacity:1}.tabs{display:flex;border-bottom:2px solid var(--color-gray-200);gap:0}.tab-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition)}.tab-item:hover{color:var(--color-gray-700)}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:var(--space-5) 0}.stepper{display:flex;align-items:center;gap:0;padding:var(--space-4) 0}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;flex:1}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);border:2px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-400);z-index:1}.step-label{font-size:var(--text-xs);color:var(--color-gray-500);text-align:center}.step-completed .step-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-current .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #1d4ed833;animation:pulse 2s infinite}.step-connector{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--color-gray-200)}.step-completed+.step .step-connector,.step-completed .step-connector{background:var(--color-success)}.stats-card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;justify-content:space-between;transition:box-shadow var(--transition-medium),transform var(--transition-medium);border:1px solid var(--color-gray-100)}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-card-content{display:flex;flex-direction:column;gap:var(--space-1)}.stats-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1.2}.stats-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:var(--font-medium)}.stats-trend{font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-1)}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.stats-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.stats-icon svg{width:24px;height:24px}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.timeline-item{position:relative;padding-bottom:var(--space-6)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + 4px);width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-primary-light);z-index:1}.timeline-content{background:var(--color-card-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.timeline-time{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--space-1)}.chat-drawer{position:fixed;right:0;top:0;bottom:0;width:380px;background:var(--color-card-bg);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-medium)}.chat-drawer.open{transform:translate(0)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100)}.chat-contacts{flex:1;overflow-y:auto}.chat-contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition)}.chat-contact:hover{background:var(--color-gray-50)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.bubble{max-width:75%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.bubble-sent{background:var(--color-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.bubble-received{background:var(--color-gray-100);color:var(--color-gray-800);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-gray-100)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.typing-indicator{display:flex;gap:4px;padding:var(--space-2)}.typing-indicator span{width:6px;height:6px;background:var(--color-gray-400);border-radius:50%;animation:pulse 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@media(max-width:640px){.chat-drawer{width:100%}}.datatable-wrapper{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.datatable-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);flex-wrap:wrap}.dt-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dt-sortable:hover{color:var(--color-primary)}.dt-checkbox{width:16px;height:16px;accent-color:var(--color-primary)}.dt-actions{display:flex;gap:var(--space-1)}.dt-loading{position:relative}.dt-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.dt-empty{padding:var(--space-12);text-align:center;color:var(--color-gray-400)}@media(max-width:640px){.dt-hide-sm{display:none}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.flatpickr-calendar{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);font-family:var(--font-sans)}.flatpickr-months{padding:var(--space-3) var(--space-3) 0}.flatpickr-months .flatpickr-month{color:var(--color-gray-900);fill:var(--color-gray-900)}.flatpickr-current-month{font-size:var(--text-sm);font-weight:var(--font-semibold)}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--color-gray-400);fill:var(--color-gray-400);border-radius:var(--radius-md);transition:background var(--transition-fast)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--color-primary)}.flatpickr-weekdays{margin-top:var(--space-2)}span.flatpickr-weekday{color:var(--color-gray-400);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.flatpickr-days{padding:var(--space-2) 0 var(--space-3)}.flatpickr-day{color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition-fast),color var(--transition-fast)}.flatpickr-day.today{border-color:var(--color-primary)}.flatpickr-day:hover,.flatpickr-day:focus{background:var(--color-primary-light);border-color:transparent}.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.flatpickr-day.inRange{background:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:-5px 0 0 var(--color-primary-light),5px 0 0 var(--color-primary-light)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--color-gray-300)}html.dark .flatpickr-calendar{border-color:var(--color-gray-200)}html.dark .flatpickr-day{color:var(--color-gray-100)}html.dark .flatpickr-day.prevMonthDay,html.dark .flatpickr-day.nextMonthDay{color:var(--color-gray-500)}.flatpickr-input-wrap{position:relative;display:block;width:100%}input.flatpickr-input{width:100%;box-sizing:border-box;padding-right:58px!important;cursor:pointer}.flatpickr-input-icon,.flatpickr-input-clear{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.flatpickr-input-icon{right:var(--space-2)}.flatpickr-input-icon:hover{color:var(--color-primary);background:var(--color-primary-light)}.flatpickr-input-clear{right:32px;opacity:0;visibility:hidden;pointer-events:none}.flatpickr-input-wrap--filled .flatpickr-input-clear{opacity:1;visibility:visible;pointer-events:auto}.flatpickr-input-clear:hover{color:var(--color-danger);background:var(--color-danger-light)}.layout-admin{display:flex;min-height:100vh;background:var(--color-body-bg)}.layout-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-medium);min-height:100vh;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.sidebar-collapsed .layout-main{margin-left:var(--sidebar-collapsed-width)}.layout-content{flex:1;padding:var(--space-6) var(--space-8);width:100%;min-width:0;animation:fadeIn .4s ease both}.page-header{margin-bottom:var(--space-5);background:var(--color-card-bg);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5)}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header-left{display:flex;align-items:center;gap:var(--space-3)}.page-header-right{display:flex;align-items:center;gap:var(--space-4)}.page-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.breadcrumb-item{color:var(--color-gray-400);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition)}.breadcrumb-item.active{color:var(--color-gray-600)}.breadcrumb-chevron{color:var(--color-gray-300);flex-shrink:0}.page-actions{display:flex;gap:var(--space-2)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm)}.breadcrumb-item{color:var(--color-gray-500);text-decoration:none}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-gray-700);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--color-gray-300)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4)}.empty-state-icon{color:var(--color-gray-300)}.empty-state-text{color:var(--color-gray-500);font-size:var(--text-sm)}@media(max-width:768px){.layout-main{margin-left:0}.layout-content{padding:var(--space-4)}}.page-action-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap}.page-action-link:hover{background:var(--color-primary);color:#fff}.layout-employee{display:flex;min-height:100vh;background:var(--color-body-bg)}.candidate-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-body-bg, #f8f9fa)}.candidate-navbar{position:sticky;top:0;z-index:100;height:60px;background:var(--color-card-bg, #fff);border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.candidate-navbar__inner{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6, 24px)}.candidate-navbar__brand{font-size:var(--text-xl, 1.25rem);font-weight:var(--font-bold, 700);color:var(--color-primary, #1d4ed8);text-decoration:none}.candidate-navbar__right{display:flex;align-items:center;gap:var(--space-4, 16px)}.candidate-navbar__user{display:flex;align-items:center;gap:var(--space-2, 8px)}.candidate-navbar__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600)}.candidate-navbar__name{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-text, #1f2937)}.candidate-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:32px 24px}.candidate-footer{height:56px;background:var(--color-gray-50, #f9fafb);border-top:1px solid var(--color-gray-200, #e5e7eb)}.candidate-footer__inner{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6, 24px);font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #6b7280)}.candidate-footer__links{display:flex;gap:var(--space-4, 16px)}.candidate-footer__links a{color:var(--color-text-muted, #6b7280);text-decoration:none}.candidate-footer__links a:hover{color:var(--color-primary, #1d4ed8)}.pipeline-stepper{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6, 24px);position:relative;padding:0 var(--space-2, 8px)}.pipeline-stepper__connector{position:absolute;top:16px;left:32px;right:32px;height:2px;background:var(--color-gray-200, #e5e7eb);z-index:0}.pipeline-stepper__node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;min-width:80px}.pipeline-stepper__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--color-gray-300, #d1d5db);background:var(--color-card-bg, #fff);color:var(--color-gray-400, #9ca3af);transition:all .3s ease}.pipeline-stepper__label{margin-top:var(--space-1, 4px);font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #6b7280);text-align:center;max-width:80px}.pipeline-stepper__node--completed .pipeline-stepper__circle{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a);color:#fff}.pipeline-stepper__node--completed .pipeline-stepper__label{color:var(--color-success, #16a34a)}.pipeline-stepper__node--active .pipeline-stepper__circle{background:var(--color-primary, #1d4ed8);border-color:var(--color-primary, #1d4ed8);color:#fff;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.pipeline-stepper__node--active .pipeline-stepper__label{color:var(--color-primary, #1d4ed8);font-weight:var(--font-semibold, 600)}.pipeline-stepper__node--locked .pipeline-stepper__circle{cursor:default}.pipeline-stepper__node--locked .pipeline-stepper__label{color:var(--color-gray-400, #9ca3af)}.pipeline-stepper__node--rejected .pipeline-stepper__circle{background:var(--color-danger, #dc2626);border-color:var(--color-danger, #dc2626);color:#fff}.pipeline-stepper__node--rejected .pipeline-stepper__label{color:var(--color-danger, #dc2626)}@keyframes pulse-ring{0%{box-shadow:0 0 #1d4ed866}70%{box-shadow:0 0 0 10px #1d4ed800}to{box-shadow:0 0 #1d4ed800}}.candidate-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-gray-200, #e5e7eb);margin-bottom:var(--space-6, 24px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.candidate-tabs::-webkit-scrollbar{display:none}.candidate-tab{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-text-muted, #6b7280);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;scroll-snap-align:start;display:flex;align-items:center;gap:var(--space-1, 4px);min-height:44px;transition:color .2s,border-color .2s}.candidate-tab:hover:not(.candidate-tab--locked){color:var(--color-primary, #1d4ed8)}.candidate-tab--active{color:var(--color-primary, #1d4ed8);font-weight:var(--font-semibold, 600);border-bottom-color:var(--color-primary, #1d4ed8)}.candidate-tab--locked{opacity:.5;cursor:default}.candidate-tab__lock{font-size:12px;opacity:.6}.candidate-panel{min-height:200px}.status-card{padding:var(--space-4, 16px) var(--space-5, 20px);border-radius:var(--radius-lg, 8px);margin-bottom:var(--space-6, 24px);border:1px solid transparent}.status-card--info{background:var(--color-info-bg, #eff6ff);border-color:var(--color-info-border, #bfdbfe);color:var(--color-info, #1e40af)}.status-card--success{background:var(--color-success-bg, #f0fdf4);border-color:var(--color-success-border, #bbf7d0);color:var(--color-success, #166534)}.status-card--warning{background:var(--color-warning-bg, #fffbeb);border-color:var(--color-warning-border, #fde68a);color:var(--color-warning-dark, #92400e)}.status-card--danger{background:var(--color-danger-bg, #fef2f2);border-color:var(--color-danger-border, #fecaca);color:var(--color-danger, #991b1b)}.status-card--muted{background:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-200, #e5e7eb);color:var(--color-text-muted, #6b7280)}.status-card--teal{background:#f0fdfa;border-color:#99f6e4;color:#115e59}.status-card__message{font-size:var(--text-base, 1rem);font-weight:var(--font-medium, 500)}.upload-zone{border:2px dashed var(--color-gray-300, #d1d5db);border-radius:var(--radius-lg, 8px);padding:var(--space-6, 24px);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone--dragover{border-color:var(--color-primary, #1d4ed8);background:var(--color-primary-bg, #eff6ff)}.upload-zone__icon{font-size:32px;color:var(--color-gray-400, #9ca3af);margin-bottom:var(--space-2, 8px)}.upload-zone__text{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #6b7280)}.upload-zone__hint{font-size:var(--text-xs, .75rem);color:var(--color-gray-400, #9ca3af);margin-top:var(--space-1, 4px)}.upload-zone__progress{height:4px;background:var(--color-gray-200, #e5e7eb);border-radius:2px;margin-top:var(--space-3, 12px);overflow:hidden}.upload-zone__progress-bar{height:100%;background:var(--color-primary, #1d4ed8);transition:width .3s ease;border-radius:2px}.doc-item{padding:var(--space-4, 16px);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);margin-bottom:var(--space-3, 12px);background:var(--color-card-bg, #fff)}.doc-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2, 8px)}.doc-item__name{font-weight:var(--font-semibold, 600);font-size:var(--text-sm, .875rem)}.doc-item__badge{font-size:var(--text-xs, .75rem);padding:2px 8px;border-radius:var(--radius-full, 9999px)}.doc-item__instructions{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #6b7280);margin-bottom:var(--space-2, 8px)}.doc-item__meta{font-size:var(--text-xs, .75rem);color:var(--color-gray-400, #9ca3af);margin-bottom:var(--space-3, 12px)}.doc-item__status{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-3, 12px)}.doc-item__status-dot{width:8px;height:8px;border-radius:50%}.doc-item__status-dot--pending{background:var(--color-gray-400, #9ca3af)}.doc-item__status-dot--uploaded{background:var(--color-warning, #f59e0b)}.doc-item__status-dot--verified{background:var(--color-success, #16a34a)}.doc-item__status-dot--rejected{background:var(--color-danger, #dc2626)}.doc-item__rejection{padding:var(--space-3, 12px);background:var(--color-danger-bg, #fef2f2);border:1px solid var(--color-danger-border, #fecaca);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);color:var(--color-danger, #991b1b);margin-bottom:var(--space-3, 12px)}.interview-card{padding:var(--space-5, 20px);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);background:var(--color-card-bg, #fff);margin-bottom:var(--space-4, 16px)}.interview-card__stage{font-weight:var(--font-semibold, 600);font-size:var(--text-base, 1rem);margin-bottom:var(--space-3, 12px)}.interview-card__detail{display:flex;gap:var(--space-2, 8px);font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #6b7280);margin-bottom:var(--space-2, 8px)}.interview-card__detail strong{color:var(--color-text, #1f2937);min-width:80px}.interview-card__actions{display:flex;gap:var(--space-3, 12px);margin-top:var(--space-4, 16px)}.offer-view{background:var(--color-card-bg, #fff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);padding:var(--space-8, 32px);margin-bottom:var(--space-6, 24px)}.offer-view__header{text-align:center;margin-bottom:var(--space-6, 24px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.offer-view__content{line-height:1.7;font-size:var(--text-base, 1rem)}.offer-key-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-gray-50, #f9fafb);border-radius:var(--radius-lg, 8px);margin:var(--space-6, 24px) 0}.offer-key-terms__item{text-align:center}.offer-key-terms__label{font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.offer-key-terms__value{font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);color:var(--color-text, #1f2937);margin-top:var(--space-1, 4px)}.offer-actions{display:flex;gap:var(--space-4, 16px);justify-content:center;margin-top:var(--space-6, 24px)}.offer-expiry{text-align:right;font-size:var(--text-sm, .875rem);color:var(--color-warning-dark, #92400e);margin-bottom:var(--space-4, 16px)}.app-summary{background:var(--color-card-bg, #fff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 8px);padding:var(--space-5, 20px);margin-bottom:var(--space-4, 16px)}.app-summary__title{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);margin-bottom:var(--space-3, 12px)}.app-summary__row{display:flex;gap:var(--space-2, 8px);font-size:var(--text-sm, .875rem);padding:var(--space-1, 4px) 0;color:var(--color-text-muted, #6b7280)}.app-summary__row strong{color:var(--color-text, #1f2937);min-width:120px}@media(max-width:640px){.candidate-content{padding:16px}.candidate-navbar__name{display:none}.pipeline-stepper{flex-direction:column;gap:var(--space-2, 8px);align-items:flex-start}.pipeline-stepper__connector{display:none}.pipeline-stepper__node{flex-direction:row;min-width:unset;gap:var(--space-3, 12px)}.pipeline-stepper__label{margin-top:0;text-align:left;max-width:unset}.candidate-tabs{gap:0}.candidate-tab{min-height:44px;min-width:44px}.offer-actions{flex-direction:column}.offer-key-terms{grid-template-columns:1fr 1fr}}.layout-public{min-height:100vh;background:#fff}.lp-navbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #F1F5F9}.lp-navbar-container{max-width:1180px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.lp-navbar-brand{display:flex;align-items:center}.lp-navbar-brand img{height:30px;width:auto;display:block}.lp-navbar-links{display:flex;align-items:center;gap:36px;flex:1;justify-content:center}.lp-navbar-link{font-size:14px;font-weight:500;color:#475569;text-decoration:none;transition:color .18s ease;position:relative}.lp-navbar-link:hover,.lp-navbar-link.is-active{color:#2563eb}.lp-navbar-link.is-active:after{content:"";position:absolute;bottom:-26px;left:50%;transform:translate(-50%);width:18px;height:3px;background:#2563eb;border-radius:2px}.lp-navbar-actions{display:flex;align-items:center;gap:10px}.lp-btn--sm{padding:9px 20px;font-size:13px}.lp-navbar-hamburger{display:none;background:none;border:none;cursor:pointer;color:#475569;padding:6px;border-radius:6px}@media(max-width:880px){.lp-navbar-hamburger{display:inline-flex}.lp-navbar-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:14px 24px 18px;gap:14px;border-bottom:1px solid #F1F5F9;box-shadow:0 6px 20px -10px #0f172a26}.lp-navbar-links.is-open{display:flex}.lp-navbar-link.is-active:after{display:none}}.lp-footer{background:var(--lp-navy, #0A1628);color:#ffffffb3;padding:60px 0 24px}.lp-footer-container{max-width:1180px;margin:0 auto;padding:0 24px}.lp-footer-grid{display:grid;grid-template-columns:1.2fr 1.4fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}.lp-footer-brand img{height:50px;margin-bottom:16px}.lp-footer-about{font-size:13px;line-height:1.7;max-width:380px}.lp-footer-heading{font-size:16px;font-weight:700;color:#fff;margin:0 0 18px}.lp-footer-info-list{display:flex;flex-direction:column;gap:14px}.lp-footer-info{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffffbf}.lp-footer-info-icon{width:34px;height:34px;border-radius:50%;background:#3b82f626;color:#3b82f6;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lp-footer-info a{color:inherit;text-decoration:none}.lp-footer-info a:hover{color:#fff}.lp-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;flex-wrap:wrap;gap:16px}.lp-footer-bottom-social{display:flex;gap:8px}.lp-footer-bottom-social a{width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#fff9;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}.lp-footer-bottom-social a:hover{background:#2563eb;color:#fff}@media(max-width:760px){.lp-footer-grid{grid-template-columns:1fr;gap:36px}.lp-footer-bottom{justify-content:center;text-align:center}}.section{padding:64px 24px;max-width:1180px;margin:0 auto}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-mid) 100%);padding:var(--space-4)}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);animation:fadeInUp .5s ease both}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-brand{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.stats-card--clickable{cursor:pointer}.stats-card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.attendance-list-modal{display:flex;flex-direction:column;gap:var(--space-1);max-height:60vh;overflow-y:auto}.attendance-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.attendance-list-row:hover{background:var(--color-gray-50)}.attendance-list-info{flex:1;min-width:0}.attendance-list-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-900);text-decoration:none}.attendance-list-name:hover{color:var(--color-primary);text-decoration:underline}.attendance-list-meta{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-list-detail{font-size:var(--text-xs);color:var(--color-gray-600);font-weight:var(--font-medium);flex-shrink:0;text-align:right;white-space:nowrap}.chart-container{position:relative;width:100%;aspect-ratio:16/9}.chart-container canvas{width:100%!important;height:100%!important}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4)}.dashboard-empty-state-icon{width:40px;height:40px;border-radius:50%;background:var(--color-gray-50);color:var(--color-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-empty-state-message{font-size:var(--text-sm);color:var(--color-gray-500);max-width:280px;margin:0}.dashboard-empty-state-action{margin-top:var(--space-1)}.dashboard-split-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-6);align-items:start}@media(max-width:900px){.dashboard-split-2{grid-template-columns:1fr}}.dashboard-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start;margin-top:var(--space-6)}.dashboard-main>*:first-child{margin-top:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-6)}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;order:-1}}.sidebar-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.sidebar-list-info{flex:1;min-width:0}.sidebar-list-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.sidebar-list-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.sidebar-list-badge{font-size:10px;font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.sidebar-empty{font-size:var(--text-sm);color:var(--color-gray-400)}.sidebar-celebration-self{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800);background:linear-gradient(135deg,#fdf2f8,#f5f3ff);border:1px solid #FBCFE8;border-radius:var(--radius-md);padding:var(--space-3)}.sidebar-scroll{max-height:260px;overflow-y:auto}.sidebar-holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.sidebar-holiday-date span{font-size:var(--text-xs);font-weight:var(--font-bold);line-height:1.1}.sidebar-holiday-date small{font-size:9px;text-transform:uppercase;letter-spacing:.04em}.dashboard-greeting{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.dashboard-greeting-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-1)}.dashboard-greeting-sub{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.dashboard-greeting-clock{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-card-bg);box-shadow:var(--shadow-card);color:var(--color-gray-700);font-weight:var(--font-medium);font-size:var(--text-sm)}.celebration-banner{display:flex;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-top:var(--space-6)}.today-birthdays-card{margin-top:var(--space-6)}.celebration-banner--split{display:grid;grid-template-columns:1fr 1fr}.celebration-banner--empty{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);background:var(--color-card-bg);border:1px dashed var(--color-gray-200);color:var(--color-gray-400);box-shadow:none}.celebration-banner--empty p{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium)}.celebration-panel{position:relative;flex:1;padding:var(--space-8) var(--space-6);color:var(--color-white);overflow:hidden}.celebration-panel--birthday{background:linear-gradient(135deg,#f472b6,#a78bfa)}.celebration-panel--anniversary{background:linear-gradient(135deg,#fbbf24,#f97316)}.celebration-sparkle{position:absolute;inset:0;pointer-events:none}.celebration-sparkle span{position:absolute;width:6px;height:6px;background:#ffffffd9;border-radius:50%;animation:sparkleTwinkle 2.6s ease-in-out infinite}.celebration-sparkle span:nth-child(1){top:12%;left:8%;animation-delay:0s}.celebration-sparkle span:nth-child(2){top:24%;left:88%;animation-delay:.4s}.celebration-sparkle span:nth-child(3){top:70%;left:92%;animation-delay:.9s}.celebration-sparkle span:nth-child(4){top:82%;left:15%;animation-delay:1.3s}.celebration-sparkle span:nth-child(5){top:45%;left:50%;animation-delay:1.8s}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}}.celebration-panel-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);position:relative;z-index:1}.celebration-emoji{font-size:var(--text-3xl);line-height:1}.celebration-panel-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold)}.celebration-strip{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);position:relative;z-index:1}.celebration-person{flex:0 0 auto;width:220px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);background:#ffffff24;border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.celebration-person-name{font-size:var(--text-lg);font-weight:var(--font-bold);margin-top:var(--space-2)}.celebration-person-meta{font-size:var(--text-xs);opacity:.9}.celebration-person-years{font-size:var(--text-sm);font-weight:var(--font-semibold)}.celebration-wish{font-size:var(--text-xs);opacity:.95;margin:var(--space-2) 0 0;line-height:var(--leading-normal)}.celebration-wish-btn{margin-top:var(--space-2);background:var(--color-white);color:#a78bfa;border:none;font-weight:var(--font-semibold)}.monthly-celebration-icon{margin-right:var(--space-1)}.monthly-celebration-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:320px;overflow-y:auto}.monthly-celebration-item{display:flex;align-items:center;gap:var(--space-3)}.monthly-celebration-info{flex:1;min-width:0}.monthly-celebration-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.monthly-celebration-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.monthly-celebration-countdown{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.attendance-rings{display:flex;flex-wrap:wrap;justify-content:space-around;padding:var(--space-2) 0 var(--space-6)}.attendance-ring{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.attendance-ring-visual{position:relative;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center}.attendance-ring-center{position:absolute;inset:14px;background:var(--color-card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.attendance-ring-pct{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-900)}.attendance-ring-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-700)}.attendance-ring-count{font-size:var(--text-xs);color:var(--color-gray-400)}.attendance-timeline{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-gray-100);padding-top:var(--space-4)}.attendance-timeline-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.attendance-timeline-bar-track{width:100%;max-width:28px;height:64px;display:flex;align-items:flex-end;background:var(--color-gray-50);border-radius:var(--radius-sm);overflow:hidden}.attendance-timeline-bar{width:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:height var(--transition-slow)}.attendance-timeline-label{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-medium)}.leave-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-100)}.leave-overview-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.leave-overview-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.leave-overview-stat-label{font-size:var(--text-xs);color:var(--color-gray-500)}.leave-type-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.leave-type-row{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:var(--space-3)}.leave-type-name{font-size:var(--text-xs);color:var(--color-gray-700);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-type-bar-track{height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.leave-type-bar{height:100%;background:var(--color-info);border-radius:var(--radius-full);transition:width var(--transition-slow)}.leave-type-count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-700);text-align:right}.pending-actions-list{display:flex;flex-direction:column;gap:var(--space-2)}.pending-action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-gray-800);transition:background var(--transition)}.pending-action-item:hover{background:var(--color-gray-50)}.pending-action-dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);flex-shrink:0}.pending-action-item--clear .pending-action-dot{background:var(--color-success)}.pending-action-label{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium)}.pending-action-item svg{color:var(--color-gray-400)}.new-employees-list{display:flex;flex-direction:column;gap:var(--space-4)}.new-employee-item{display:flex;align-items:center;gap:var(--space-3)}.new-employee-info{flex:1;min-width:0}.new-employee-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.new-employee-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.new-employee-joined{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.new-employee-joined span{font-size:var(--text-xs);color:var(--color-gray-500)}.announcements-list{display:flex;flex-direction:column;gap:var(--space-2)}.announcement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-left:3px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-gray-50)}.announcement-item--pinned{border-left-color:var(--color-accent);background:var(--color-accent-light)}.announcement-item--urgent{border-left-color:var(--color-danger);background:var(--color-danger-light)}.announcement-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800)}.announcement-title svg{color:var(--color-accent-dark);flex-shrink:0}.announcement-date{font-size:var(--text-xs);color:var(--color-gray-400);white-space:nowrap}.upcoming-holidays-list{display:flex;flex-direction:column;gap:var(--space-3)}.upcoming-holiday-item{display:flex;align-items:center;gap:var(--space-3)}.upcoming-holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.upcoming-holiday-day{font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.1}.upcoming-holiday-month{font-size:10px;text-transform:uppercase;letter-spacing:.04em}.upcoming-holiday-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800)}.upcoming-holiday-countdown{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);white-space:nowrap}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.quick-access-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-gray-700);text-align:center;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.quick-access-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);color:var(--color-primary)}.quick-access-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.quick-access-label{font-size:var(--text-xs);font-weight:var(--font-medium)}@media(max-width:640px){.leave-overview-stats{grid-template-columns:repeat(2,1fr)}.celebration-banner--split{grid-template-columns:1fr}.celebration-person{width:180px}}.employee-greeting-main{display:flex;align-items:center;gap:var(--space-4)}.employee-greeting-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-gray-500)}.today-status-card{border-radius:var(--radius-2xl);padding:var(--space-8);margin-top:var(--space-6);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary) 0%,#4338CA 100%);color:var(--color-white);text-align:center}.today-status--checked_in,.today-status--checked_out{text-align:left}.today-status--on_leave{background:linear-gradient(135deg,#14b8a6,#0891b2);text-align:center}.today-status-icon{font-size:40px;margin-bottom:var(--space-2)}.today-status-title{margin:0 0 var(--space-5);font-size:var(--text-xl);font-weight:var(--font-bold)}.today-status-message{font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-5);opacity:.95}.today-status-message--done{margin:var(--space-5) 0 0;opacity:.85;font-size:var(--text-sm)}.today-status-btn{background:var(--color-white);color:var(--color-primary-dark);border:none}.today-status-btn.btn-danger{background:var(--color-white);color:var(--color-danger)}.today-status-row,.today-status-leave-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.today-status-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;opacity:.8;margin-bottom:var(--space-1)}.today-status-value{display:block;font-size:var(--text-base);font-weight:var(--font-semibold)}.today-status-value--lg{font-size:var(--text-2xl);font-weight:var(--font-bold)}.today-status-card .badge{text-transform:capitalize}.quick-access-grid--sm{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:var(--space-6)}.quick-access-grid--sm .quick-access-item{padding:var(--space-4) var(--space-2)}.attendance-summary-pct{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.working-hours-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);text-align:center;margin-bottom:var(--space-5)}.working-hours-value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.working-hours-label{font-size:var(--text-xs);color:var(--color-gray-500)}.working-hours-progress{margin-bottom:var(--space-5)}.working-hours-progress-track{height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.working-hours-progress-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.working-hours-progress-label{font-size:var(--text-xs);color:var(--color-gray-500)}.working-hours-timeline{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-gray-100);padding-top:var(--space-4)}.working-hours-timeline-point{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-gray-600);white-space:nowrap}.working-hours-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.working-hours-timeline-dot--pending{background:var(--color-gray-300)}.working-hours-timeline-line{flex:1;height:2px;background:var(--color-gray-100)}.leave-balance-list{display:flex;flex-direction:column;gap:var(--space-4)}.leave-balance-row-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.leave-balance-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800)}.leave-balance-figures{font-size:var(--text-xs);color:var(--color-gray-500)}.salary-overview-figure{text-align:center;padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--space-5)}.salary-overview-net{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-success)}.salary-overview-period{font-size:var(--text-sm);color:var(--color-gray-500)}.salary-overview-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.salary-overview-meta .today-status-label{color:var(--color-gray-500)}.salary-overview-meta .today-status-value{color:var(--color-gray-900)}.salary-overview-actions{display:flex;gap:var(--space-3)}.birthday-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.birthday-confetti span{position:absolute;top:-20px;opacity:0;animation-name:confettiFall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(560deg)}}@media(prefers-reduced-motion:reduce){.birthday-confetti{display:none}.celebration-balloon,.celebration-sparkle span{animation:none!important}}.celebration-balloons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.celebration-balloon{position:absolute;bottom:-50px;width:30px;height:38px;border-radius:50%/58% 58% 42% 42%;opacity:.9;animation:balloonFloat 5s ease-in-out infinite}.celebration-balloon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:26px;background:#ffffff80;transform:translate(-50%)}.celebration-balloon--1{left:6%;background:#fde68a;animation-delay:0s}.celebration-balloon--2{left:46%;background:#fca5a5;width:26px;height:33px;animation-delay:1.1s}.celebration-balloon--3{left:86%;background:#bfdbfe;animation-delay:.6s}@keyframes balloonFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(4deg)}}.celebration-wish--self{font-size:var(--text-sm);max-width:420px;margin-left:auto;margin-right:auto}.celebration-strip--light{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.celebration-person--light{flex-direction:row;align-items:center;text-align:left;flex:1 1 280px;max-width:420px;padding:var(--space-3) var(--space-4);gap:var(--space-3);background:var(--color-gray-50);color:var(--color-gray-800);border-radius:var(--radius-lg)}.celebration-person--light .celebration-person-text{flex:1;min-width:0}.celebration-person--light .celebration-person-name{margin-top:0;font-size:var(--text-sm)}.celebration-person--light .celebration-person-meta{color:var(--color-gray-500)}.upcoming-leave-list{display:flex;flex-direction:column;gap:var(--space-3)}.upcoming-leave-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.upcoming-leave-item:last-child{border-bottom:none;padding-bottom:0}.upcoming-leave-main{display:flex;flex-direction:column;gap:2px}.upcoming-leave-type{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.upcoming-leave-dates{font-size:var(--text-xs);color:var(--color-gray-500)}.upcoming-leave-reason{font-size:var(--text-xs);color:var(--color-gray-400)}.recent-activity-card{margin-top:var(--space-6)}.recent-activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.recent-activity-item{display:flex;align-items:center;gap:var(--space-3)}.recent-activity-icon{width:30px;height:30px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-activity-label{flex:1;font-size:var(--text-sm);color:var(--color-gray-800)}.recent-activity-time{font-size:var(--text-xs);color:var(--color-gray-400);white-space:nowrap}.team-directory-card{margin-top:var(--space-6)}.team-directory-manager{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.team-directory-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.team-directory-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.team-directory-manager .btn{margin-left:auto}.team-directory-peers-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-400);margin-bottom:var(--space-3)}.team-directory-peers{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.team-directory-peer{display:flex;align-items:center;gap:var(--space-2)}.team-directory-peer-text{min-width:0}.team-directory-peer-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-directory-peer-meta{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-team-count{font-size:var(--text-xs);color:var(--color-gray-500)}.my-team-list{display:flex;flex-direction:column;gap:var(--space-4)}.my-team-item{display:flex;align-items:center;gap:var(--space-3)}.my-team-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.my-team-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.team-leave-requests-card .card-header h4{display:flex;align-items:center;gap:var(--space-2)}.team-leave-list{display:flex;flex-direction:column;gap:var(--space-4)}.team-leave-item{display:flex;align-items:center;gap:var(--space-3)}.team-leave-info{flex:1;min-width:0}.team-leave-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.team-leave-meta{font-size:var(--text-xs);color:var(--color-gray-500)}@media(max-width:640px){.today-status-card{text-align:left;padding:var(--space-6)}.working-hours-stats{grid-template-columns:repeat(3,1fr)}.salary-overview-meta{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.celebration-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);position:relative;z-index:1}.celebration-gift-btn{background:var(--color-white);color:#a855f7;border:none;font-weight:var(--font-semibold)}.celebration-gift-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.celebration-panel-actions .celebration-wish-btn{color:#a855f7;border-color:#ffffff8c}.celebration-panel-actions .celebration-wish-btn:hover{background:#ffffff29}.birthday-popup-modal{max-width:480px;padding:0;overflow:hidden;background:linear-gradient(160deg,#f472b6,#a78bfa 55%,#818cf8);color:var(--color-white);text-align:center;position:relative}.birthday-popup-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff2e;border:none;border-radius:50%;color:var(--color-white);font-size:var(--text-xl);line-height:1;cursor:pointer;transition:background var(--transition)}.birthday-popup-close:hover,.birthday-popup-close:focus-visible{background:#ffffff52}.birthday-popup-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.birthday-popup-confetti span{position:absolute;top:-20px;opacity:0;animation-name:confettiFall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards}.birthday-popup-balloons{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.birthday-popup-body{position:relative;z-index:2;padding:var(--space-10) var(--space-8) var(--space-6)}.birthday-popup-avatar-wrap{position:relative;width:80px;margin:0 auto var(--space-4)}.birthday-popup-avatar-wrap .avatar{box-shadow:0 0 0 4px #ffffff8c,var(--shadow-lg)}.birthday-popup-cake{position:absolute;bottom:-6px;right:-10px;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.birthday-popup-brand{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin:0 0 var(--space-2)}.birthday-popup-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-3)}.birthday-popup-message{font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.95;max-width:360px;margin:0 auto}.birthday-popup-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:0 var(--space-8) var(--space-8)}.birthday-popup-btn-surprise{background:var(--color-white);color:#a855f7;border:none;font-weight:var(--font-semibold)}.birthday-popup-btn-surprise:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.birthday-popup-btn-continue{color:var(--color-white);border-color:#ffffff8c}.birthday-popup-btn-continue:hover{background:#ffffff29}.birthday-surprise-modal{max-width:460px;text-align:center;position:relative}.birthday-surprise-body{padding:var(--space-8) var(--space-6) var(--space-6)}.birthday-surprise-stage{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.birthday-gift-box{position:relative;width:132px;height:116px;margin-top:var(--space-6);background:none;border:none;cursor:pointer;padding:0;transition:transform var(--transition-medium)}.birthday-gift-box:hover{transform:translateY(-4px) scale(1.03)}.birthday-gift-box:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-md)}.birthday-gift-lid{position:absolute;top:0;left:-6px;right:-6px;height:28px;background:linear-gradient(135deg,#f472b6,#ec4899);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.birthday-gift-base{position:absolute;inset:26px 0 0;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.birthday-gift-ribbon-v{position:absolute;top:0;bottom:0;left:50%;width:14px;margin-left:-7px;background:#fde68a;z-index:1}.birthday-gift-lid:after{content:"";position:absolute;top:0;left:50%;width:14px;height:100%;margin-left:-7px;background:#fde68a}.birthday-gift-bow{position:absolute;top:-16px;left:50%;width:30px;height:20px;margin-left:-15px;background:#fbbf24;border-radius:50%/70% 70% 30% 30%;box-shadow:var(--shadow-sm)}.birthday-gift-hint{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:var(--font-medium)}.birthday-surprise-reveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.birthday-surprise-burst{position:absolute;inset:-20px;pointer-events:none}.birthday-surprise-burst span{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#fbbf24;animation:sparkleTwinkle 1.4s ease-out 1}.birthday-surprise-burst span:nth-child(1){transform:translate(-50px,-30px);animation-delay:0s;background:#f472b6}.birthday-surprise-burst span:nth-child(2){transform:translate(40px,-40px);animation-delay:.05s;background:#60a5fa}.birthday-surprise-burst span:nth-child(3){transform:translate(-60px,20px);animation-delay:.1s;background:#34d399}.birthday-surprise-burst span:nth-child(4){transform:translate(55px,10px);animation-delay:.15s;background:#fbbf24}.birthday-surprise-burst span:nth-child(5){transform:translateY(-55px);animation-delay:.2s;background:#a78bfa}.birthday-surprise-burst span:nth-child(6){transform:translateY(50px);animation-delay:.25s;background:#fb923c}.birthday-surprise-icon{font-size:var(--text-4xl);line-height:1}.birthday-surprise-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.birthday-surprise-desc{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed);max-width:340px;margin:0}.birthday-surprise-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#a855f7;background:#f5f3ff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.birthday-surprise-signoff{font-size:var(--text-xs);color:var(--color-gray-400);margin:var(--space-1) 0 var(--space-2)}.send-wish-target{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.send-wish-target-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.send-wish-target-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.send-wish-counter{font-size:var(--text-xs);color:var(--color-gray-400);text-align:right;margin-top:var(--space-1)}.sidebar-list-action{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.sidebar-list-action:hover,.sidebar-list-action:focus-visible{background:var(--color-primary-light);border-color:var(--color-primary);transform:scale(1.06)}.wishes-wall-card{margin-top:var(--space-6)}.wishes-wall-count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-2)}.wishes-wall-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:420px;overflow-y:auto}.wish-item{display:flex;gap:var(--space-3)}.wish-item-body{flex:1;min-width:0}.wish-item-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.wish-item-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.wish-item-time{font-size:var(--text-xs);color:var(--color-gray-400)}.wish-item-message{font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-normal);margin:var(--space-1) 0 var(--space-2);word-break:break-word}.wish-item-reactions{display:flex;gap:var(--space-2)}.wish-reaction-btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-600);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:2px var(--space-2);cursor:pointer;transition:all var(--transition)}.wish-reaction-btn:hover,.wish-reaction-btn:focus-visible{background:var(--color-primary-light);border-color:var(--color-primary)}.wishes-wall-viewall{margin-top:var(--space-4)}.wishes-wall-empty{font-size:var(--text-sm);color:var(--color-gray-400);text-align:center;padding:var(--space-6) 0}.wishes-wall-loadmore{display:block;margin:var(--space-4) auto 0}.view-all-wishes-modal .wishes-wall-list{max-height:60vh}@media(prefers-reduced-motion:reduce){.birthday-popup-confetti{display:none}.birthday-gift-box:hover{transform:none}.birthday-surprise-burst span{animation:none!important}}@media(max-width:640px){.birthday-popup-actions{flex-direction:column}.birthday-popup-actions .btn{width:100%}.birthday-gift-box{transform:scale(.9)}}.careers-hero{text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-primary-light)}.careers-hero h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-3)}.careers-hero p{font-size:var(--text-lg);color:var(--color-gray-600)}.careers-listings{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.filter-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.job-card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);transition:all var(--transition-medium)}.job-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.job-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.job-card-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-500)}.attendance-legend{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-card-bg);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-600);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:20px;height:18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.att-wrapper{overflow:auto;max-height:calc(100vh - 300px);width:100%}.att-wrapper::-webkit-scrollbar{width:8px;height:10px}.att-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100)}.att-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:5px}.att-wrapper::-webkit-scrollbar-corner{background:var(--color-gray-100)}.att-grid{border-collapse:collapse;font-size:11px}.att-grid th,.att-grid td{padding:0;text-align:center;white-space:nowrap}.att-corner{position:sticky;left:0;background:var(--color-primary);color:#fff;width:130px;min-width:130px;max-width:130px;border:1px solid rgba(255,255,255,.35)}.att-corner-month{top:0;z-index:30}.att-corner-week{top:18px;z-index:28}.att-corner-day{top:34px;z-index:26;font-weight:600;font-size:11px;padding:0 12px;text-align:left}.att-month{position:sticky;top:0;z-index:14;background:var(--color-primary);color:#fff;font-weight:700;font-size:11px;padding:6px 0;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px #1a3a5c}.att-week{position:sticky;top:19px;z-index:12;background:var(--color-primary);color:#fff;font-weight:600;font-size:10px;padding:4px 0;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px #1a3a5c}.att-day{position:sticky;top:36px;z-index:10;background:var(--color-primary);color:#fff;width:28px;min-width:28px;padding:2px 0 3px;border:1px solid rgba(255,255,255,.3)}.att-day--we{background:var(--color-primary);color:#ffffff8c}.att-day-num{display:block;font-weight:700;font-size:11px;line-height:1.3}.att-day-ltr{display:block;font-size:9px;font-weight:600;opacity:.85}.att-name{position:sticky;left:0;z-index:5;background:#fff;padding:0 10px;text-align:left;width:130px;min-width:130px;max-width:130px;font-size:11px;font-weight:500;color:var(--color-gray-800);height:30px;line-height:30px;border-right:2px solid var(--color-gray-300);border-bottom:1px solid var(--color-gray-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-grid tbody tr:nth-child(2n) .att-name{background:#f8fafc}.att-grid tbody tr:hover .att-name{background:#eff6ff}.att-cell{width:28px;min-width:28px;height:30px;font-weight:700;font-size:10px;border:1px solid var(--color-gray-100);vertical-align:middle;text-align:center}.att-cell:hover{opacity:.7;cursor:pointer}.cell-present{background:#bbf7d0;color:#15803d}.cell-absent{background:#fecaca;color:#dc2626}.cell-late{background:#fed7aa;color:#b45309}.cell-halfday{background:#bae6fd;color:#0369a1}.cell-leave{background:#ddd6fe;color:#6d28d9}.cell-wfh{background:#bfdbfe;color:#1d4ed8}.cell-holiday{background:#e2e8f0;color:#64748b}.cell-weekend{background:var(--color-gray-50)}.att-grid tbody tr:nth-child(2n) .att-cell:not([class*=cell-present]):not([class*=cell-absent]):not([class*=cell-late]):not([class*=cell-halfday]):not([class*=cell-leave]):not([class*=cell-wfh]):not([class*=cell-holiday]):not([class*=cell-weekend]){background:#f8fafc}.emp-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-gray-200);padding:0 var(--space-4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.emp-tabs::-webkit-scrollbar{display:none}.emp-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.emp-tab:hover{color:var(--color-primary);background:var(--color-primary-light, #EFF6FF);border-radius:var(--radius-full)}.emp-tab--active{color:#fff;background:var(--color-primary);border-radius:var(--radius-full);border-bottom-color:transparent;padding:var(--space-2) var(--space-4);margin:var(--space-2) 0}.emp-tab--active:hover{color:#fff;background:var(--color-primary-dark)}.emp-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-gray-200);color:var(--color-gray-600);font-size:10px;font-weight:700;border-radius:var(--radius-full)}.emp-tab--active .emp-tab-badge{background:#ffffff4d;color:#fff}.emp-profile-grid{display:grid;grid-template-columns:300px 1fr;gap:var(--space-5);padding:var(--space-2) var(--space-2) var(--space-4)}.emp-profile-card{position:relative;background:var(--color-white, #fff);border:1px solid var(--color-gray-100);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.emp-profile-cover{height:80px;background:linear-gradient(135deg,#2563eb,#1e40af)}.emp-profile-avatar-wrap{display:flex;justify-content:center;margin-top:-42px}.emp-profile-avatar-wrap .avatar{width:84px;height:84px;font-size:28px;border:4px solid #fff;box-shadow:0 4px 14px -4px #0f172a40;background:#dbeafe;color:#1d4ed8;font-weight:700}.emp-profile-identity{text-align:center;padding:var(--space-3) var(--space-4) var(--space-4)}.emp-profile-name{font-size:17px;font-weight:700;color:var(--color-gray-900);margin:0 0 4px}.emp-profile-role{font-size:12px;color:var(--color-gray-500);margin:0 0 10px}.emp-profile-code{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:4px;padding:3px 8px;margin-bottom:10px}.emp-profile-badge{display:flex;justify-content:center}.emp-profile-code--emphasized{display:block;background:none;padding:0;margin:0 0 12px;font-size:24px;font-weight:800;letter-spacing:.02em;text-transform:none;color:var(--color-primary)}.tenure-badge{display:flex;align-items:center;gap:12px;margin:0 var(--space-4) var(--space-4);padding:14px 16px;border-radius:12px;background:var(--tb-bg);border:1px solid var(--tb-border)}.tenure-badge__icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--tb-icon-bg);color:var(--tb-icon-color, #fff);box-shadow:0 2px 6px var(--tb-icon-shadow)}.tenure-badge__value{font-size:15px;font-weight:800;color:var(--tb-text);line-height:1.3}.tenure-badge__caption{font-size:12px;color:var(--tb-caption);margin-top:2px}.tenure-badge--t0{--tb-bg: linear-gradient(135deg, #FAFAF9, #F5F5F4);--tb-border: #E7E5E4;--tb-icon-bg: #A8A29E;--tb-text: #57534E;--tb-caption: #78716C;--tb-icon-shadow: rgba(120, 113, 108, .3)}.tenure-badge--t1{--tb-bg: linear-gradient(135deg, #FFEDD5, #FDBA74);--tb-border: #FB923C;--tb-icon-bg: #C2703D;--tb-text: #7C2D12;--tb-caption: #9A3412;--tb-icon-shadow: rgba(194, 112, 61, .4)}.tenure-badge--t2{--tb-bg: linear-gradient(135deg, #FED7AA, #FB923C);--tb-border: #EA580C;--tb-icon-bg: #B45309;--tb-text: #7C2D12;--tb-caption: #9A3412;--tb-icon-shadow: rgba(180, 83, 9, .4)}.tenure-badge--t3{--tb-bg: linear-gradient(135deg, #F1F5F9, #94A3B8);--tb-border: #64748B;--tb-icon-bg: #475569;--tb-text: #1E293B;--tb-caption: #334155;--tb-icon-shadow: rgba(71, 85, 105, .4)}.tenure-badge--t4{--tb-bg: linear-gradient(135deg, #E2E8F0, #64748B);--tb-border: #475569;--tb-icon-bg: #334155;--tb-text: #0F172A;--tb-caption: #1E293B;--tb-icon-shadow: rgba(51, 65, 85, .4)}.tenure-badge--t5{--tb-bg: linear-gradient(135deg, #FEF3C7, #FDE68A);--tb-border: #FCD34D;--tb-icon-bg: #F59E0B;--tb-text: #92400E;--tb-caption: #B45309;--tb-icon-shadow: rgba(245, 158, 11, .35)}.tenure-badge--t6{--tb-bg: linear-gradient(135deg, #FDE68A, #FBBF24);--tb-border: #F59E0B;--tb-icon-bg: #D97706;--tb-text: #78350F;--tb-caption: #92400E;--tb-icon-shadow: rgba(217, 119, 6, .4)}.tenure-badge--t7{--tb-bg: linear-gradient(135deg, #F0F9FF, #BAE6FD);--tb-border: #7DD3FC;--tb-icon-bg: #0EA5E9;--tb-text: #075985;--tb-caption: #0369A1;--tb-icon-shadow: rgba(14, 165, 233, .35)}.tenure-badge--t8{--tb-bg: linear-gradient(135deg, #E0F2FE, #7DD3FC);--tb-border: #38BDF8;--tb-icon-bg: #0284C7;--tb-text: #0C4A6E;--tb-caption: #075985;--tb-icon-shadow: rgba(2, 132, 199, .4)}.tenure-badge--t9{--tb-bg: linear-gradient(135deg, #EDE9FE, #C4B5FD);--tb-border: #A78BFA;--tb-icon-bg: #8B5CF6;--tb-text: #5B21B6;--tb-caption: #6D28D9;--tb-icon-shadow: rgba(139, 92, 246, .4)}.tenure-badge--t10{--tb-bg: linear-gradient(135deg, #4C1D95, #7C3AED 55%, #F59E0B);--tb-border: #7C3AED;--tb-icon-bg: #F59E0B;--tb-icon-color: #4C1D95;--tb-text: #fff;--tb-caption: rgba(255, 255, 255, .85);--tb-icon-shadow: rgba(245, 158, 11, .5)}.service-tenure{margin:0 var(--space-4) var(--space-4);padding:18px 16px 16px;border-radius:12px;background:linear-gradient(180deg,var(--color-gray-50),#fff);border:1px solid var(--color-gray-100);text-align:center}.service-tenure__stat-value{font-size:20px;font-weight:800;color:var(--color-primary);line-height:1.2}.service-tenure__stat-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500);margin-top:2px}.service-tenure__shield-wrap{margin:14px 0 12px;display:flex;flex-direction:column;align-items:center}.service-tenure__shield{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center}.service-tenure__shield:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.16),transparent 70%);z-index:0}.service-tenure__shield img{position:relative;z-index:1;max-width:100%;max-height:100%;filter:drop-shadow(0 6px 10px rgba(30,27,75,.3))}.service-tenure__shield--unearned img{filter:grayscale(1) opacity(.5)}.service-tenure__ribbon{margin-top:-8px;padding:6px 18px 5px;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}.service-tenure__next{text-align:left;padding-top:4px;border-top:1px dashed var(--color-gray-200)}.service-tenure__next-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-400);margin-top:12px}.service-tenure__next-value{font-size:13px;font-weight:700;color:var(--color-gray-800);margin-top:3px}.service-tenure__progress{height:6px;border-radius:var(--radius-full);background:var(--color-gray-100);margin-top:8px;overflow:hidden}.service-tenure__progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),#4338CA)}.service-tenure__progress-caption{font-size:11px;color:var(--color-gray-500);margin-top:5px;text-align:right}.service-tenure__footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--color-gray-100);font-size:12px;color:var(--color-gray-500)}.service-tenure__footer strong{color:var(--color-gray-800);font-weight:700}.service-milestones{margin:0 var(--space-2) var(--space-4)}.service-milestones__track{display:flex;gap:4px;padding:28px 20px 22px;position:relative;overflow-x:auto}.service-milestones__track:before{content:"";position:absolute;left:48px;right:48px;top:55px;height:2px;background:repeating-linear-gradient(90deg,var(--color-gray-200) 0 6px,transparent 6px 12px);z-index:0}.service-milestone{position:relative;z-index:1;flex:1 0 100px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}.service-milestone__badge{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;filter:drop-shadow(0 3px 6px rgba(15,23,42,.18));transition:filter var(--transition),transform var(--transition)}.service-milestone__badge img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.service-milestone__years{font-size:13px;font-weight:700;color:var(--color-gray-800)}.service-milestone__label{font-size:11px;color:var(--color-gray-500);margin-top:2px}.service-milestone__date{font-size:10px;color:var(--color-gray-400);margin-top:4px}.service-milestone__status{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.service-milestone__status--check{background:var(--color-success);color:#fff}.service-milestone__status--lock{background:var(--color-gray-400);color:#fff}.service-milestone--achieved .service-milestone__label{color:var(--color-gray-700)}.service-milestone--current .service-milestone__badge{filter:drop-shadow(0 4px 10px rgba(33,13,224,.45));transform:scale(1.08)}.service-milestone--current .service-milestone__years,.service-milestone--current .service-milestone__label{color:var(--color-primary);font-weight:700}.service-milestone--upcoming .service-milestone__badge{filter:grayscale(1) opacity(.55)}.service-milestone--upcoming .service-milestone__label,.service-milestone--upcoming .service-milestone__date{color:var(--color-gray-400)}@media(max-width:640px){.service-milestones__track:before{display:none}}.emp-profile-actions{display:flex;gap:8px;padding:0 var(--space-4) var(--space-4)}.emp-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:6px;background:var(--color-gray-50, #F8FAFC);border:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:12px;font-weight:500;text-decoration:none;transition:all .18s ease}.emp-action-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.emp-profile-meta{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--color-gray-100)}.emp-profile-meta>div{padding:14px 10px;text-align:center}.emp-profile-meta>div+div{border-left:1px solid var(--color-gray-100)}.emp-profile-meta dt{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500);margin-bottom:4px}.emp-profile-meta dd{margin:0;font-size:13px;font-weight:600;color:var(--color-gray-800)}.emp-profile-info{display:flex;flex-direction:column;gap:var(--space-4)}.emp-info-card{background:var(--color-white, #fff);border:1px solid var(--color-gray-100);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.emp-info-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50, #F8FAFC)}.emp-info-icon{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;flex-shrink:0}.emp-info-head h4{margin:0;font-size:14px;font-weight:700;color:var(--color-gray-900)}.emp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 0}.emp-field{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-bottom:1px solid var(--color-gray-100)}.emp-field--wide{grid-column:1 / -1}.emp-info-grid>.emp-field:nth-last-child(-n+2):not(.emp-field--wide){border-bottom:0}.emp-info-grid>.emp-field--wide:last-child{border-bottom:0}.emp-field-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.emp-field-value{font-size:14px;color:var(--color-gray-900);font-weight:500;word-break:break-word}.emp-field--muted{color:var(--color-gray-400);font-weight:400}.emp-field-link{color:#1d4ed8;text-decoration:none}.emp-field-link:hover{text-decoration:underline}.emp-field-value--money{font-weight:700;color:#047857;font-variant-numeric:tabular-nums}.emp-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-light);margin-bottom:var(--space-3)}.emp-action-btn--block{flex:none;width:100%}.emp-profile-resume{padding:0 var(--space-4) var(--space-4)}.emp-profile-cta{display:flex;flex-direction:column;gap:8px;padding:0 var(--space-4) var(--space-4)}.emp-info-body{padding:18px}.emp-info-body .form-control{width:100%;resize:vertical}.emp-prose{font-size:13px;line-height:1.7;color:var(--color-gray-700);margin:0;white-space:pre-line}.emp-notes-status{margin-top:6px;min-height:16px;font-size:11px;font-weight:600}.emp-notes-status .text-success{color:#047857}.emp-info-head-actions{margin-left:auto;display:inline-flex;gap:6px;align-items:center}.emp-action-btn--inline{flex:none;width:auto;padding:6px 10px;font-size:12px}.emp-resume-preview{background:var(--color-gray-50, #F8FAFC);border-top:1px solid var(--color-gray-100)}.emp-resume-preview iframe{display:block;width:100%;height:720px;border:0;background:#fff}.emp-resume-preview img{display:block;max-width:100%;height:auto;margin:0 auto;padding:18px}.emp-resume-fallback{padding:36px 24px;text-align:center;color:var(--color-gray-500)}.emp-resume-fallback svg{color:var(--color-gray-400);margin-bottom:10px}.emp-resume-fallback p{font-size:13px;margin:0 0 14px}@media(max-width:768px){.emp-resume-preview iframe{height:480px}}@media(max-width:960px){.emp-profile-grid,.emp-info-grid{grid-template-columns:1fr}.emp-info-grid>.emp-field{border-bottom:1px solid var(--color-gray-100)}.emp-info-grid>.emp-field:last-child{border-bottom:0}}.emp-photo-row{display:flex;align-items:center;gap:var(--space-4)}.emp-photo-btn{position:relative;display:inline-flex;cursor:pointer}.emp-photo-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.doc-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.doc-row{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium);color:var(--color-gray-800)}.doc-row__icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary)}.doc-row-actions{display:inline-flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.doc-action-btn{display:inline-flex;align-items:center;padding:4px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-600);background:var(--color-gray-100);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;border:none;transition:background var(--transition-fast),color var(--transition-fast)}.doc-action-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.doc-action-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}@media(max-width:640px){.doc-upload-grid{grid-template-columns:1fr}}.cal-present{background:#dcfce7;color:#15803d}.cal-absent{background:#fee2e2;color:#dc2626}.cal-late{background:#fef3c7;color:#b45309}.cal-halfday{background:#bae6fd;color:#0369a1}.cal-leave{background:#ede9fe;color:#6d28d9}.cal-wfh{background:#dbeafe;color:#1d4ed8}.cal-holiday{background:#e2e8f0;color:#64748b}.leave-layout svg{display:inline-block;max-width:none}.leave-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.leave-card{background:var(--color-card-bg, #fff);border:.5px solid var(--color-gray-200);border-radius:16px;overflow:hidden}.leave-section{padding:20px 24px;border-bottom:.5px solid var(--color-gray-200)}.leave-section:last-child{border-bottom:none}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);margin-bottom:14px}.leave-field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.leave-field label{display:block;font-size:12px;font-weight:500;color:var(--color-gray-600);margin-bottom:6px}.leave-field .req{color:#e24b4a;margin-left:2px}.leave-field select,.leave-field input[type=text],.leave-field textarea{width:100%;height:38px;padding:0 12px;border:.5px solid var(--color-gray-200);border-radius:8px;font-size:13px;color:var(--color-gray-800);background:#fff;font-family:inherit;transition:border-color .15s,box-shadow .15s}.leave-field textarea{height:auto;padding:10px 12px;resize:none;line-height:1.5}.leave-field select:focus,.leave-field input:focus,.leave-field textarea:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.leave-field--span2{grid-column:span 2}.leave-field input[readonly]{cursor:pointer}.leave-calendar-hint{font-size:11px;color:var(--color-gray-400);margin-top:6px}.flatpickr-calendar{box-shadow:0 12px 32px #0f172a24,0 2px 8px #0f172a0f;border-radius:14px;border:.5px solid var(--color-gray-200);padding-bottom:6px;font-family:inherit}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{display:none}.flatpickr-months{padding:10px 10px 2px}.flatpickr-months .flatpickr-month{color:var(--color-gray-800)}.flatpickr-current-month span.cur-month,.flatpickr-current-month input.cur-year{font-weight:600;color:var(--color-gray-800);font-size:13.5px}.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month input.cur-year:hover{background:var(--color-gray-100)}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{border-radius:8px;top:10px}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background:var(--color-gray-100)}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:var(--color-gray-500)}span.flatpickr-weekday{color:var(--color-gray-400);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.flatpickr-day{border-radius:8px;color:var(--color-gray-700)}.flatpickr-day:hover:not(.flatpickr-disabled){background:var(--color-gray-100);border-color:var(--color-gray-100)}.flatpickr-day.today{border-color:#1d4ed8}.flatpickr-day.today:hover,.flatpickr-day.today:focus{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.selected:focus{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 2px 6px #1d4ed859}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--color-gray-300)}.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{color:var(--color-gray-600)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:var(--color-gray-300);background:transparent;border-color:transparent;text-decoration:line-through;text-decoration-color:var(--color-gray-200);cursor:not-allowed}.balance-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;margin-top:8px}.balance-pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.balance-pill--healthy{background:#eaf3de;color:#27500a}.balance-pill--healthy .dot{background:#639922}.balance-pill--warning{background:#faeeda;color:#633806}.balance-pill--warning .dot{background:#ba7517}.balance-pill--critical{background:#fcebeb;color:#791f1f}.balance-pill--critical .dot{background:#e24b4a}.balance-pill--empty{background:#f1efe8;color:#444441}.days-list{display:flex;flex-direction:column}.day-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:.5px solid var(--color-gray-100)}.day-row:last-child{border-bottom:none}.day-row--disabled{opacity:.45}.day-badge{width:44px;height:44px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.day-badge--weekday{background:#e6f1fb}.day-badge--weekend{background:#f1efe8}.day-badge__num{font-size:16px;font-weight:500}.day-badge--weekday .day-badge__num{color:#0c447c}.day-badge--weekend .day-badge__num{color:#888780}.day-badge__dow{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.day-badge--weekday .day-badge__dow{color:#378add}.day-badge--weekend .day-badge__dow{color:#b4b2a9}.day-info{flex:1}.day-info__name{font-size:13px;font-weight:500;color:var(--color-gray-800);display:flex;align-items:center;gap:6px}.day-info__meta{font-size:11px;color:var(--color-gray-400)}.day-tag{display:inline-block;font-size:10px;font-weight:500;padding:2px 7px;border-radius:20px}.day-tag--weekend{background:#f1efe8;color:#5f5e5a}.day-tag--holiday{background:#fcebeb;color:#991b1b}.day-options{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}.day-type-row{display:flex;gap:3px}.day-opt{padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:.5px solid transparent;color:var(--color-gray-400);transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.day-opt:hover:not(.day-opt--disabled){background:var(--color-gray-50);color:var(--color-gray-600)}.day-opt--full.is-active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.day-opt--half.is-active{background:#0891b2;color:#fff;border-color:#0891b2}.day-opt--wfh.is-active{background:#7f77dd;color:#fff;border-color:#7f77dd}.day-opt--short.is-active{background:#d97706;color:#fff;border-color:#d97706}.day-opt--disabled{opacity:.35;cursor:default;pointer-events:none}.day-period-row{display:flex;align-items:center;gap:8px;padding:2px 2px 0}.day-period-row__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400)}.day-period-toggle{display:inline-flex;background:var(--color-gray-100);border-radius:8px;padding:2px;gap:2px}.day-period-opt{padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:500;cursor:pointer;border:none;color:var(--color-gray-500);background:transparent;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.day-period-opt:hover:not(.is-active){color:var(--color-gray-700)}.day-period-opt.is-active{background:#0f172a;color:#fff;box-shadow:0 1px 2px #0f172a26}.leave-upload{height:90px;border:.5px dashed var(--color-gray-300);border-radius:8px;background:var(--color-gray-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s}.leave-upload:hover{border-color:#1d4ed8;background:#eff6ff}.leave-upload--drag{border-color:#1d4ed8;background:#eff6ff;border-style:solid}.leave-upload--filled{border-color:#16a34a;background:#f0fdf4;border-style:solid}.leave-upload__text{font-size:12px;color:var(--color-gray-500)}.leave-upload__hint{font-size:11px;color:var(--color-gray-400)}.leave-file-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.leave-file-list__row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f0fdf4;border:.5px solid #BBF7D0;border-radius:8px;font-size:12px}.leave-file-list__name{flex:1;min-width:0;font-weight:500;color:#166534;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-file-list__size{font-size:11px;color:#15803d;flex-shrink:0}.leave-file-list__remove{background:none;border:none;cursor:pointer;color:#dc2626;padding:2px;display:flex;border-radius:4px;transition:background .12s}.leave-file-list__remove:hover{background:#fee2e2}.leave-actions{padding:16px 24px;background:var(--color-gray-50);border-top:.5px solid var(--color-gray-200);display:flex;align-items:center;justify-content:flex-end;gap:10px}.leave-btn-cancel{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:500;border:.5px solid var(--color-gray-200);background:#fff;color:var(--color-gray-600);text-decoration:none;display:inline-block;transition:all .15s}.leave-btn-cancel:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.leave-btn-submit{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;background:#1d4ed8!important;color:#fff!important;border:none!important;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.leave-btn-submit:hover{background:#1e40af!important}.leave-btn-submit.is-disabled{opacity:.5;cursor:not-allowed}.leave-btn-submit svg{display:inline-block;flex-shrink:0}.leave-sidebar{display:flex;flex-direction:column;gap:16px}.summary-card{background:var(--color-card-bg, #fff);border:.5px solid var(--color-gray-200);border-radius:16px;overflow:hidden}.summary-header{padding:14px 18px;border-bottom:.5px solid var(--color-gray-200);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-gray-800)}.summary-body{padding:16px 18px}.summary-divider{height:.5px;background:var(--color-gray-200);margin:14px 0}.period-block{background:#e6f1fb;border-radius:10px;padding:12px 14px}.period-block__dates{font-size:14px;font-weight:500;color:#0c447c}.period-block__sub{font-size:11px;color:#378add;margin-top:2px}.breakdown-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.breakdown-row:last-child{margin-bottom:0}.breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.breakdown-name{flex:1;color:var(--color-gray-600)}.breakdown-val{font-weight:500;color:var(--color-gray-800)}.breakdown-days{font-size:11px;color:var(--color-gray-400);margin-left:4px}.total-row{display:flex;align-items:flex-end;justify-content:space-between}.total-label{font-size:12px;font-weight:500;color:var(--color-gray-600)}.total-sub{font-size:11px;color:var(--color-gray-400);margin-top:1px}.total-value{font-size:22px;font-weight:600;color:#1d4ed8;line-height:1}.total-value-sub{font-size:11px;color:var(--color-gray-400);text-align:right}.approval-notice{background:#fffbeb;border:.5px solid #FAC775;border-radius:12px;padding:14px 16px;display:flex;gap:10px}.approval-notice__title{font-size:12px;font-weight:500;color:#633806;margin-bottom:2px}.approval-notice__body{font-size:11px;color:#854f0b;line-height:1.5}@media(max-width:1024px){.leave-layout{grid-template-columns:1fr}.leave-sidebar{order:-1}}@media(max-width:640px){.leave-field-grid{grid-template-columns:1fr}}.lr-flash{margin-bottom:16px}.lr-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.lr-main{display:flex;flex-direction:column;gap:16px}.lr-card-body--overview{padding:20px}.lr-card-body--summary{padding:16px}.lr-overview__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-bottom:20px}.lr-meta__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:4px}.lr-meta__value{font-size:14px;font-weight:500;color:#1f2937}.lr-meta__sub{font-size:12px;color:#6b7280;margin-top:2px}.lr-status-action{margin-top:8px}.lr-reason{padding-top:16px;border-top:1px solid #F3F4F6}.lr-reason__text{font-size:14px;color:#374151;margin-top:4px;line-height:1.6}.lr-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:500;color:var(--color-primary);text-decoration:none;padding:6px 12px;border-radius:6px;background:#eff6ff}.lr-attachment:hover{background:#dbeafe}.lr-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lr-workflow{display:flex;align-items:center;gap:0;padding:14px 16px;background:#f9fafb;border-bottom:1px solid #F3F4F6}.lr-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.lr-step__icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.lr-step--done .lr-step__icon{background:#ecfdf5;color:#16a34a;border:1.5px solid #A7F3D0}.lr-step--active .lr-step__icon{background:#eff6ff;color:#2563eb;border:1.5px solid #93C5FD}.lr-step--waiting .lr-step__icon{background:#f3f4f6;color:#9ca3af;border:1.5px solid #D1D5DB}.lr-step--rejected .lr-step__icon{background:#fef2f2;color:#dc2626;border:1.5px solid #FECACA}.lr-step--done .lr-step__label{color:#16a34a}.lr-step--active .lr-step__label{color:#2563eb}.lr-step--waiting .lr-step__label{color:#9ca3af}.lr-step--rejected .lr-step__label{color:#dc2626}.lr-step__arrow{margin:0 10px;color:#d1d5db;font-size:14px}.lr-days__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #F3F4F6}.lr-days__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.lr-days__count{font-size:11px;font-weight:400;color:#9ca3af}.lr-days__bulk{display:flex;gap:8px}.lr-day{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:.5px solid #F3F4F6}.lr-day:last-child{border-bottom:none}.lr-day:hover{background:#fafafa}.lr-day--approved{border-left:3px solid #A7F3D0}.lr-day--rejected{border-left:3px solid #FECACA}.lr-day--manager_approved{border-left:3px solid #93C5FD}.lr-day--pending{border-left:3px solid #E5E7EB}.lr-day__date{width:42px;height:46px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.lr-day__date--approved{background:#f0fdf4;border:1px solid #A7F3D0}.lr-day__date--rejected{background:#fef2f2;border:1px solid #FECACA}.lr-day__date--manager_approved{background:#eff6ff;border:1px solid #93C5FD}.lr-day__date--pending{background:#f9fafb;border:1px solid #E5E7EB}.lr-day__num{font-size:15px;font-weight:700;line-height:1;color:#1f2937}.lr-day__dow{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-top:2px}.lr-day__info{flex:1;min-width:0}.lr-day__name{font-size:13px;font-weight:500;color:#1f2937}.lr-day__tags{display:flex;align-items:center;gap:8px;margin-top:4px}.lr-type-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.lr-type-pill--full{background:#eff6ff;color:#1d4ed8}.lr-type-pill--half{background:#ecfeff;color:#0e7490}.lr-type-pill--short{background:#fffbeb;color:#b45309}.lr-type-pill--wfh{background:#f5f3ff;color:#6d28d9}.lr-type-pill--sandwich{background:#f0fdf4;color:#15803d}.lr-type-pill--period{background:#f1f5f9;color:#475569}.lr-day__deduct{font-size:11px;color:#9ca3af}.lr-day__remark{display:flex;align-items:center;gap:4px;font-size:11px;color:#b91c1c;margin-top:5px}.lr-day__status{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:100px}.lr-day__by{font-size:10px;color:#9ca3af}.lr-day__actions{flex-shrink:0;min-width:80px;display:flex;justify-content:flex-end}.lr-day__btns{display:flex;gap:6px}.lr-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.lr-action-btn--approve{color:#16a34a}.lr-action-btn--approve:hover{background:#f0fdf4;border-color:#a7f3d0}.lr-action-btn--reject{color:#dc2626}.lr-action-btn--reject:hover{background:#fef2f2;border-color:#fecaca}.lr-action-btn--ghost{color:#9ca3af}.lr-action-btn--ghost:hover{background:#f3f4f6}.lr-reject-form{display:flex;gap:6px;align-items:center}.lr-reject-input{width:140px!important;padding:6px 10px!important;font-size:12px!important;border-radius:6px!important}.lr-awaiting{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px;background:#fffbeb;color:#92400e}.lr-sidebar{position:sticky;top:16px}.lr-summary__header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F3F4F6}.lr-summary__total{display:flex;justify-content:space-between;align-items:baseline;padding:14px;border-radius:10px;background:#f9fafb;margin-bottom:14px}.lr-summary__total span{font-size:12px;color:#6b7280}.lr-summary__total strong{font-size:22px;font-weight:700;color:#1f2937}.lr-summary__breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.lr-summary__row{display:flex;align-items:center;gap:8px;font-size:12px}.lr-summary__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lr-summary__row--approved .lr-summary__dot{background:#16a34a}.lr-summary__row--manager_approved .lr-summary__dot{background:#2563eb}.lr-summary__row--pending .lr-summary__dot{background:#d97706}.lr-summary__row--rejected .lr-summary__dot{background:#dc2626}.lr-summary__row--approved .lr-summary__row-count,.lr-summary__row--approved .lr-summary__row-val{color:#16a34a}.lr-summary__row--manager_approved .lr-summary__row-count,.lr-summary__row--manager_approved .lr-summary__row-val{color:#2563eb}.lr-summary__row--pending .lr-summary__row-count,.lr-summary__row--pending .lr-summary__row-val{color:#d97706}.lr-summary__row--rejected .lr-summary__row-count,.lr-summary__row--rejected .lr-summary__row-val{color:#dc2626}.lr-summary__row-label{flex:1;color:#4b5563}.lr-summary__row-count{font-weight:500;font-size:12px}.lr-summary__row-val{font-weight:600;min-width:30px;text-align:right}.lr-progress{height:6px;border-radius:3px;overflow:hidden;display:flex;gap:2px;background:#e5e7eb}.lr-progress>div{border-radius:3px;min-width:3px}.lr-progress__seg--approved{background:#16a34a}.lr-progress__seg--manager_approved{background:#2563eb}.lr-progress__seg--pending{background:#d97706}.lr-progress__seg--rejected{background:#dc2626}.lr-summary__divider{height:1px;background:#f3f4f6;margin:16px 0}.lr-summary__fields{display:flex;flex-direction:column;gap:12px}.lr-summary__field-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:2px}.lr-summary__field-value{font-size:13px;font-weight:500;color:#374151}.lr-days__empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}@media(max-width:900px){.lr-layout{grid-template-columns:1fr}.lr-sidebar{position:static}.lr-reject-input{width:100px!important}}. form-page{max-width:100%}.form-section{margin-bottom:var(--space-6)}.form-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary-light)}.form-section-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-800);margin:0}.form-section-desc{font-size:var(--text-xs);color:var(--color-gray-500);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2) var(--space-4)}.form-full{grid-column:1 / -1}.form-divider{border:none;border-top:1px solid var(--color-gray-100);margin:var(--space-6) 0}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5);border-top:1px solid var(--color-gray-100);margin-top:var(--space-2)}@media(max-width:640px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.leave-type-list-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:14px;overflow:hidden}.leave-type-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:.5px solid var(--color-border-tertiary);transition:background .15s}.leave-type-row:last-child{border-bottom:none}.leave-type-row:hover{background:var(--color-background-secondary)}.leave-type-row.inactive{opacity:.5}.drag-handle{cursor:grab;opacity:.3;width:20px;flex-shrink:0;transition:opacity .15s}.drag-handle:hover{opacity:.7}.type-color-dot{width:28px;height:28px;border-radius:8px;flex-shrink:0}.type-row-name{font-size:13px;font-weight:500;color:var(--color-text-primary)}.type-row-sub{font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.type-rule-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;width:260px;flex-shrink:0}.rule-chip{font-size:11px;padding:3px 8px;border-radius:20px;border:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);background:var(--color-background-secondary);white-space:nowrap}.rule-chip.chip-green{background:#eaf3de;color:#27500a;border-color:#c0dd97}.rule-chip.chip-red{background:#fcebeb;color:#791f1f;border-color:#f09595}.type-row-actions{display:flex;align-items:center;gap:8px;width:130px;flex-shrink:0;justify-content:flex-end}.month-btn{width:48px;height:32px;border-radius:6px;font-size:12px;font-weight:500;border:.5px solid var(--color-border-secondary);cursor:pointer;background:var(--color-background-primary);color:var(--color-text-secondary);transition:all .15s}.month-btn:hover{border-color:var(--color-border-primary);color:var(--color-text-primary)}.month-btn.selected{background:#fcebeb;color:#791f1f;border-color:#f09595}.approval-level-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid var(--color-border-tertiary)}.approval-level-row:last-of-type{border-bottom:none}.approval-level-num{font-size:12px;font-weight:600;color:var(--color-text-secondary);width:56px;flex-shrink:0}.approval-level-row select{flex:1;min-width:0}.approval-level-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.approval-level-actions button{width:26px;height:26px;border-radius:6px;border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;font-size:13px;line-height:1}.approval-level-actions button:hover:not(:disabled){background:var(--color-background-secondary)}.approval-level-actions button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:768px){.leave-type-row{flex-wrap:wrap}.type-rule-chips{width:100%;justify-content:flex-start}}:root{--lp-brand: #2563EB;--lp-brand-dark: #1E40AF;--lp-brand-light: #3B82F6;--lp-navy: #0A1628;--lp-navy-2: #0F1F37;--lp-text: #0F172A;--lp-text-mute: #64748B;--lp-soft-bg: #F1F5F9;--lp-border: #E2E8F0}.lp-container{max-width:1180px;margin:0 auto;padding:0 24px}.lp-section{padding:80px 0}.lp-center{text-align:center}.lp-text-accent{color:var(--lp-brand)}.lp-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-brand);margin-bottom:14px}.lp-eyebrow--accent{color:var(--lp-brand-light)}.lp-section-head{text-align:center;margin-bottom:48px}.lp-section-title{font-size:36px;font-weight:800;line-height:1.2;color:var(--lp-text);margin:0 0 14px}.lp-section-sub{font-size:15px;color:var(--lp-text-mute);max-width:540px;margin:0 auto}.lp-section-cta{text-align:center;margin-top:36px}.lp-prose{font-size:14px;line-height:1.75;color:var(--lp-text-mute)}.lp-empty{text-align:center;padding:28px 24px;border:1px solid var(--lp-border);border-radius:8px;color:var(--lp-text-mute);font-size:14px;background:#fff}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:all .18s ease;text-decoration:none}.lp-btn--primary{background:var(--lp-brand);color:#fff}.lp-btn--primary:hover{background:var(--lp-brand-dark);transform:translateY(-1px);box-shadow:0 8px 18px -8px #2563eb8c}.lp-btn--ghost{background:transparent;color:#fff;border-color:#ffffff59}.lp-btn--ghost:hover{background:#ffffff14;border-color:#fff}.lp-btn--block{width:100%}.lp-hero{background:var(--lp-navy);color:#fff;padding:70px 0 90px;position:relative;overflow:hidden}.lp-hero-bg-shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);pointer-events:none}.lp-hero-bg-shape--1{width:520px;height:520px;top:-200px;right:-160px}.lp-hero-bg-shape--2{width:380px;height:380px;bottom:-180px;left:-120px}.lp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.lp-hero-title{font-size:44px;font-weight:800;line-height:1.15;color:#fff;margin:0 0 18px}.lp-hero-title .lp-text-accent{color:var(--lp-brand-light)}.lp-hero-desc{font-size:14px;line-height:1.7;color:#ffffffb3;max-width:460px;margin:0 0 28px}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.lp-hero-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lp-feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:22px 20px;transition:all .2s ease}.lp-feature-card:hover{background:#ffffff12;border-color:#3b82f666;transform:translateY(-2px)}.lp-feature-icon{width:38px;height:38px;border-radius:8px;background:#3b82f626;color:var(--lp-brand-light);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.lp-feature-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 6px}.lp-feature-desc{font-size:12px;line-height:1.55;color:#fff9;margin:0}.lp-about{background:#fff}.lp-about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.lp-about-image-wrap{position:relative;padding:30px 30px 60px 60px}.lp-about-frame{position:absolute;inset:0 60px 30px 0;border:8px solid var(--lp-brand);border-radius:4px;z-index:0}.lp-about-image{position:relative;z-index:1;width:100%;border-radius:4px;display:block;box-shadow:0 12px 30px -10px #0f172a40}.lp-jobs{background:var(--lp-soft-bg);padding:80px 0}.lp-jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,340px));gap:24px;justify-content:center}.lp-job-card{background:#fff;border-radius:10px;padding:24px 22px 22px;border-top:3px solid var(--lp-brand);box-shadow:0 1px 3px #0f172a0d;transition:all .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.lp-job-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #0f172a26}.lp-job-tag{display:inline-block;align-self:flex-start;background:#dbeafe;color:var(--lp-brand);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:12px}.lp-job-title{font-size:17px;font-weight:800;color:var(--lp-text);margin:0 0 4px}.lp-job-company{font-size:13px;color:var(--lp-text);font-weight:600;margin:0 0 10px}.lp-job-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--lp-text-mute);margin:0 0 8px}.lp-job-salary{font-size:14px;font-weight:700;color:var(--lp-brand);margin:0 0 12px}.lp-job-desc{font-size:12px;line-height:1.6;color:var(--lp-text-mute);margin:0 0 18px;flex:1}.lp-contact{background:var(--lp-soft-bg);padding:80px 0 100px}.lp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.lp-contact-form{background:#fff;border-radius:10px;padding:28px;box-shadow:0 1px 3px #0f172a0f}.lp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lp-form-group{margin-bottom:16px}.lp-label{display:block;font-size:12px;font-weight:700;color:var(--lp-text);margin-bottom:6px}.lp-input{width:100%;padding:11px 12px;border:1px solid var(--lp-border);border-radius:6px;font-size:13px;color:var(--lp-text);background:var(--lp-soft-bg);font-family:inherit;transition:all .18s ease}.lp-input:focus{outline:none;background:#fff;border-color:var(--lp-brand);box-shadow:0 0 0 3px #2563eb1f}.lp-textarea{resize:vertical;min-height:110px}.lp-contact-info{display:flex;flex-direction:column;gap:14px}.lp-info-card{background:#fff;border-radius:10px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 1px 3px #0f172a0f}.lp-info-icon{width:38px;height:38px;border-radius:6px;background:var(--lp-brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-info-title{font-size:14px;font-weight:700;color:var(--lp-text);margin:0 0 3px}.lp-info-text{font-size:13px;color:var(--lp-text-mute);margin:0;line-height:1.55}.lp-social-row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.lp-social{width:30px;height:30px;border-radius:50%;background:#dbeafe;color:var(--lp-brand);display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}.lp-social:hover{background:var(--lp-brand);color:#fff;transform:translateY(-2px)}.lp-cta{background:linear-gradient(135deg,var(--lp-navy),var(--lp-navy-2));padding:72px 0}.lp-cta-inner{text-align:center}.lp-cta-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.01em}.lp-cta-desc{font-size:15px;color:#ffffffa6;max-width:520px;margin:0 auto 28px;line-height:1.6}.lp-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:960px){.lp-hero-grid,.lp-about-grid,.lp-contact-grid{grid-template-columns:1fr;gap:40px}.lp-hero-title{font-size:34px}.lp-section-title{font-size:28px}.lp-about-image-wrap{padding:20px 20px 40px 40px}.lp-about-frame{inset:0 40px 20px 0}}@media(max-width:540px){.lp-hero{padding:50px 0 60px}.lp-hero-title{font-size:28px}.lp-hero-features,.lp-form-row{grid-template-columns:1fr}.lp-section,.lp-jobs,.lp-contact{padding:60px 0}}.ul-body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.2),transparent 55%),radial-gradient(circle at 80% 80%,rgba(37,99,235,.18),transparent 55%),#0a1628;color:#0f172a}.ul-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.ul-card{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:36px 32px 32px;box-shadow:0 30px 60px -20px #0f172a73;text-align:center}.ul-brand{display:inline-flex;margin-bottom:22px}.ul-brand img{height:54px;width:auto}.ul-title{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}.ul-sub{font-size:13px;color:#64748b;margin:0 0 26px}.ul-alert{text-align:left;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid transparent}.ul-alert--ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ul-alert--err{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.ul-form{text-align:left}.ul-field{margin-bottom:16px}.ul-label{display:block;font-size:12px;font-weight:700;color:#0f172a;margin-bottom:6px}.ul-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #E2E8F0;background:#f8fafc;font-size:14px;color:#0f172a;font-family:inherit;transition:all .18s ease}.ul-input::-moz-placeholder{color:#94a3b8}.ul-input::placeholder{color:#94a3b8}.ul-input:focus{outline:none;background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.ul-input.is-invalid{border-color:#ef4444;background:#fef2f2}.ul-error{font-size:12px;color:#b91c1c;margin:6px 0 0}.ul-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 22px;gap:12px;flex-wrap:wrap}.ul-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.ul-check input{accent-color:#2563EB}.ul-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500}.ul-link:hover{text-decoration:underline}.ul-submit{padding:12px 20px;font-size:14px}.ul-foot{margin:22px 0 0;font-size:12px;color:#94a3b8}