@import "https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap";:root,[data-theme=flo-pink]{--summary-header-bg:linear-gradient(135deg, #1e1e2e, #2d1b35 40%, #1a1028);--summary-header-glow-1:#e91e6314;--summary-header-glow-2:#7b1fa20f;--color-primary:#e91e63;--color-primary-light:#f06292;--color-primary-dark:#c2185b;--color-primary-surface:#fce4ec;--color-primary-container:#f8bbd0;--color-secondary:#7b1fa2;--color-secondary-light:#ab47bc;--color-secondary-surface:#f3e5f5;--color-accent:#26a69a;--color-accent-light:#80cbc4;--color-accent-warm:#b2dfdb;--color-background:#fff8f9;--color-surface:#fff;--color-surface-variant:#fdf5f6;--color-surface-elevated:#fffdfe;--color-card-bg:#fff;--color-text-primary:#2d2d3a;--color-text-secondary:#6b6b7b;--color-text-tertiary:#a0a0b0;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-neutral-900:#263238;--color-neutral-800:#37474f;--color-neutral-700:#455a64;--color-neutral-600:#546e7a;--color-neutral-500:#78909c;--color-neutral-400:#b0bec5;--color-neutral-300:#e0e0e0;--color-neutral-200:#f5f0f0;--color-neutral-100:#faf5f5;--color-neutral-50:#fdf8f8;--color-success:#66bb6a;--color-success-light:#e8f5e9;--color-warning:#ffb74d;--color-warning-light:#fff8e1;--color-error:#ef5350;--color-error-light:#ffebee;--color-info:#42a5f5;--color-info-light:#e3f2fd;--color-status-new:#ab47bc;--color-status-pending:#ffb74d;--color-status-approved:#66bb6a;--color-status-rejected:#ef5350;--color-status-completed:#7e57c2;--color-status-draft:#b0bec5;--color-module-attendance:#e91e63;--color-module-leave:#ab47bc;--color-module-claim:#ffb74d;--color-module-medical:#f06292;--color-module-vehicle:#26a69a;--color-module-outstation:#ff8a80;--color-module-exit-permit:#ef5350;--color-module-payroll:#66bb6a;--color-module-event:#7e57c2;--color-module-meeting:#4dd0e1;--color-module-profile:#f06292;--color-module-company:#81c784;--color-module-egl:#ff8a65;--color-module-fixed-asset:#a1887f;--color-module-settings:#90a4ae;--color-module-performance:#7e57c2;--color-module-developer:#29b6f6;--gradient-primary:#e91e63;--gradient-header:#c2185b;--gradient-card:#d9467a;--gradient-dark:#7b1fa2;--color-coral:#ff8a80;--color-coral-light:#ffcdd2;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #00000014;--shadow-lg:0 12px 28px #00000014, 0 4px 10px #0000000a;--shadow-xl:0 24px 48px #0000001a, 0 8px 16px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}[data-theme=flo-pink][data-mode=dark]{--color-primary:#f06292;--color-primary-light:#f48fb1;--color-primary-dark:#e91e63;--color-primary-surface:#2d1520;--color-primary-container:#3d1a2a;--color-secondary:#ce93d8;--color-secondary-light:#e1bee7;--color-secondary-surface:#2a1832;--color-accent:#4db6ac;--color-accent-light:#80cbc4;--color-accent-warm:#153330;--color-background:#121016;--color-surface:#171c28;--color-surface-variant:#1d2331;--color-surface-elevated:#22293a;--color-card-bg:#1d2331;--color-text-primary:#f3f6fb;--color-text-secondary:#b8c0cf;--color-text-tertiary:#7d889b;--color-neutral-900:#ede6ef;--color-neutral-800:#d0c5d4;--color-neutral-700:#b0a5b5;--color-neutral-600:#918696;--color-neutral-500:#736a78;--color-neutral-400:#574e5c;--color-neutral-300:#31394b;--color-neutral-200:#252c3d;--color-neutral-100:#1d2331;--color-neutral-50:#171c28;--color-success:#81c784;--color-success-light:#152a18;--color-warning:#ffcc80;--color-warning-light:#2a2415;--color-error:#ef5350;--color-error-light:#2d1518;--color-info:#64b5f6;--color-info-light:#152540;--color-status-new:#ce93d8;--color-status-pending:#ffcc80;--color-status-approved:#81c784;--color-status-rejected:#ef5350;--color-status-completed:#b39ddb;--color-status-draft:#736a78;--color-module-attendance:#f06292;--color-module-leave:#ce93d8;--color-module-claim:#ffcc80;--color-module-medical:#f48fb1;--color-module-vehicle:#4db6ac;--color-module-outstation:#ff8a80;--color-module-exit-permit:#ef5350;--color-module-payroll:#81c784;--color-module-event:#b39ddb;--color-module-meeting:#4dd0e1;--color-module-profile:#f48fb1;--color-module-company:#a5d6a7;--color-module-egl:#ffab91;--color-module-fixed-asset:#bcaaa4;--color-module-settings:#b0bec5;--color-module-performance:#b39ddb;--color-module-developer:#4fc3f7;--gradient-primary:#f06292;--gradient-header:#22304a;--gradient-card:#2a3652;--gradient-dark:#171c28;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 1px 3px #00000040;--shadow-lg:0 12px 28px #00000059, 0 4px 10px #0003;--shadow-xl:0 24px 48px #0006, 0 8px 16px #00000040}[data-theme=corporate-blue]{--summary-header-bg:linear-gradient(135deg, #0b1528, #102a54 40%, #080f1e);--summary-header-glow-1:#3b82f61f;--summary-header-glow-2:#06b6d414;--color-primary:#1a56db;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-primary-surface:#ebf2ff;--color-primary-container:#dbe8fe;--color-secondary:#0f3460;--color-secondary-light:#2563eb;--color-secondary-surface:#e8f0fe;--color-accent:#06b6d4;--color-accent-light:#67e8f9;--color-accent-warm:#bae6fd;--color-background:#f5f7fa;--color-surface:#fff;--color-surface-variant:#f8fafc;--color-surface-elevated:#fcfdff;--color-card-bg:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-neutral-900:#0f172a;--color-neutral-800:#1e293b;--color-neutral-700:#334155;--color-neutral-600:#475569;--color-neutral-500:#64748b;--color-neutral-400:#94a3b8;--color-neutral-300:#cbd5e1;--color-neutral-200:#e2e8f0;--color-neutral-100:#f1f5f9;--color-neutral-50:#f8fafc;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-status-new:#3b82f6;--color-status-pending:#f59e0b;--color-status-approved:#10b981;--color-status-rejected:#ef4444;--color-status-completed:#6366f1;--color-status-draft:#94a3b8;--color-module-attendance:#3b82f6;--color-module-leave:#8b5cf6;--color-module-claim:#f59e0b;--color-module-medical:#ec4899;--color-module-vehicle:#06b6d4;--color-module-outstation:#ec4899;--color-module-exit-permit:#ef4444;--color-module-payroll:#10b981;--color-module-event:#6366f1;--color-module-meeting:#14b8a6;--color-module-profile:#0ea5e9;--color-module-company:#84cc16;--color-module-egl:#f97316;--color-module-fixed-asset:#78716c;--color-module-settings:#64748b;--color-module-performance:#8b5cf6;--color-module-developer:#0ea5e9;--gradient-primary:#1a56db;--gradient-header:#0f3460;--gradient-card:#163e93;--gradient-dark:#0f172a}[data-theme=corporate-blue][data-mode=dark]{--color-primary:#69a7ff;--color-primary-light:#8abeff;--color-primary-dark:#3b82f6;--color-primary-surface:#17263e;--color-primary-container:#1d3557;--color-secondary:#6da3e8;--color-secondary-light:#93c5fd;--color-secondary-surface:#1a2a40;--color-accent:#22d3ee;--color-accent-light:#67e8f9;--color-accent-warm:#164e63;--color-background:#0f1419;--color-surface:#111927;--color-surface-variant:#182131;--color-surface-elevated:#1f2a3d;--color-card-bg:#182131;--color-text-primary:#f2f6fc;--color-text-secondary:#b7c3d4;--color-text-tertiary:#7e8ca1;--color-neutral-900:#e8ecf2;--color-neutral-800:#cbd5e1;--color-neutral-700:#a0aebf;--color-neutral-600:#8494a7;--color-neutral-500:#64748b;--color-neutral-400:#475569;--color-neutral-300:#2c3950;--color-neutral-200:#202b3d;--color-neutral-100:#182131;--color-neutral-50:#111927;--color-success:#34d399;--color-success-light:#122a20;--color-warning:#fbbf24;--color-warning-light:#2a2210;--color-error:#f87171;--color-error-light:#2d1518;--color-info:#60a5fa;--color-info-light:#172554;--color-status-new:#60a5fa;--color-status-pending:#fbbf24;--color-status-approved:#34d399;--color-status-rejected:#f87171;--color-status-completed:#818cf8;--color-status-draft:#64748b;--color-module-attendance:#60a5fa;--color-module-leave:#a78bfa;--color-module-claim:#fbbf24;--color-module-medical:#f472b6;--color-module-vehicle:#22d3ee;--color-module-outstation:#f472b6;--color-module-exit-permit:#f87171;--color-module-payroll:#34d399;--color-module-event:#818cf8;--color-module-meeting:#2dd4bf;--color-module-profile:#38bdf8;--color-module-company:#a3e635;--color-module-egl:#fb923c;--color-module-fixed-asset:#a8a29e;--color-module-settings:#94a3b8;--color-module-performance:#a78bfa;--color-module-developer:#38bdf8;--gradient-primary:#3b82f6;--gradient-header:#1a2744;--gradient-card:#22304a;--gradient-dark:#111927;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #00000040;--shadow-md:0 4px 12px #00000059, 0 1px 3px #0000004d;--shadow-lg:0 12px 28px #0006, 0 4px 10px #00000040;--shadow-xl:0 24px 48px #00000073, 0 8px 16px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-variant-numeric:tabular-nums;background:var(--color-background);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal), background var(--transition-normal);font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:Urbanist,sans-serif;font-weight:700;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary);font-size:.875rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;font-family:Urbanist,sans-serif;font-size:.875rem}input,textarea,select{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:Urbanist,sans-serif;font-size:.875rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 55%, white);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-mode=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-400)}::selection{background:var(--color-primary);color:var(--color-text-on-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-surface{background-color:var(--color-surface)}.bg-card{background-color:var(--color-card-bg)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:.4s ease-out fadeInUp}.animate-fade-in-down{animation:.4s ease-out fadeInDown}.animate-slide-in-left{animation:.3s ease-out slideInLeft}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.stagger-children>*{animation:.4s ease-out backwards fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.skeleton{background:color-mix(in srgb, var(--color-neutral-200) 82%, var(--color-surface));border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite pulse}[data-mode=dark] .skeleton{background:color-mix(in srgb, var(--color-neutral-200) 90%, var(--color-surface))}.ui-card{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-neutral-200) 60%, transparent);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal);padding:20px}.ui-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--color-neutral-300) 50%, transparent)}.ui-card.clickable{cursor:pointer}.ui-card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ui-card.clickable:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.ui-card.gradient{background:linear-gradient(135deg, var(--color-primary-dark), color-mix(in srgb, var(--color-primary) 85%, var(--color-secondary)));border:1px solid color-mix(in srgb, var(--color-primary-light) 20%, transparent);color:var(--color-text-on-primary);box-shadow:var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--color-primary) 10%, transparent);position:relative;overflow:hidden}.ui-card.gradient:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.ui-card.gradient h1,.ui-card.gradient h2,.ui-card.gradient h3,.ui-card.gradient h4,.ui-card.gradient h5,.ui-card.gradient h6,.ui-card.gradient p,.ui-card.gradient .page-title,.ui-card.gradient .page-subtitle,.ui-card.gradient .section-title,.ui-card.gradient .section-action,.ui-card.gradient .stat-card-value,.ui-card.gradient .stat-card-label{color:inherit}.ui-card.gradient .ui-badge{color:var(--color-text-on-primary);background:#ffffff29}.ui-badge{border-radius:var(--radius-full);letter-spacing:.3px;white-space:nowrap;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.ui-badge.new{background:color-mix(in srgb, var(--color-status-new) 15%, transparent);color:var(--color-status-new)}.ui-badge.preparing{color:#1d4ed8;background:#dbeafe}.ui-badge.submitted{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.ui-badge.checked{color:#a16207;background:#fef9c3}.ui-badge.supported{color:#7c3aed;background:#f3e8ff}.ui-badge.pending{background:color-mix(in srgb, var(--color-status-pending) 15%, transparent);color:var(--color-status-pending)}.ui-badge.approved,.ui-badge.lulus{background:color-mix(in srgb, var(--color-status-approved) 15%, transparent);color:var(--color-status-approved)}.ui-badge.rejected{background:color-mix(in srgb, var(--color-status-rejected) 15%, transparent);color:var(--color-status-rejected)}.ui-badge.bounce{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.ui-badge.completed{background:color-mix(in srgb, var(--color-status-completed) 15%, transparent);color:var(--color-status-completed)}.ui-badge.registered{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.ui-badge.ongoing{background:color-mix(in srgb, var(--color-info) 15%, transparent);color:var(--color-info)}.ui-badge.upcoming{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent)}.ui-badge.due,.ui-badge.layaksekarang,.ui-badge.duenow{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.ui-badge.near,.ui-badge.hampirlayak,.ui-badge.nearupgrade{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.ui-badge.waive,.ui-badge.waived{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.ui-badge.draft{background:color-mix(in srgb, var(--color-status-draft) 15%, transparent);color:var(--color-status-draft)}.ui-avatar{border-radius:var(--radius-md);color:#fff;background:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.ui-avatar img{object-fit:cover;width:100%;height:100%}.ui-avatar.sm{width:32px;height:32px;font-size:12px}.ui-avatar.md{width:40px;height:40px;font-size:14px}.ui-avatar.lg{width:48px;height:48px;font-size:16px}.ui-avatar.xl{width:64px;height:64px;font-size:20px}.stat-card{background:var(--color-card-bg);border:1px solid color-mix(in srgb, var(--color-neutral-200) 60%, transparent);border-radius:var(--radius-lg);transition:all var(--transition-normal);align-items:center;gap:14px;padding:16px 20px;display:flex;position:relative}.stat-card:before{content:"";background:var(--color-primary);opacity:0;width:3px;transition:opacity var(--transition-normal), top var(--transition-normal), bottom var(--transition-normal);border-radius:0 3px 3px 0;position:absolute;top:20%;bottom:20%;left:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-neutral-200));transform:translateY(-2px)}.stat-card:hover:before{opacity:1;top:16%;bottom:16%}.stat-card.active{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));box-shadow:var(--shadow-sm)}.stat-card.active:before{opacity:1;top:12%;bottom:12%}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.stat-card-value{color:var(--color-text-primary);white-space:nowrap;font-size:1.375rem;font-weight:800;line-height:1.2;display:block}.stat-card-label{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem;font-weight:500}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-neutral-200);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:600}.data-table tbody td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-neutral-100);vertical-align:middle;padding:12px 14px;font-size:13px}.data-table tbody tr{transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.data-table tbody tr:hover{background:color-mix(in srgb, var(--color-primary-surface) 50%, var(--color-surface))}.data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.data-table tbody tr.clickable{cursor:pointer}.empty-state{text-align:center;color:var(--color-text-tertiary);padding:48px 24px}.empty-state-icon{border-radius:var(--radius-xl);background:var(--color-neutral-100);width:64px;height:64px;color:var(--color-text-tertiary);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty-state-title{color:var(--color-text-primary);margin-bottom:6px;font-size:1rem;font-weight:700}.empty-state-text{max-width:320px;margin:0 auto;font-size:.875rem}.app-shell-skeleton{background:color-mix(in srgb, var(--color-background) 96%, var(--color-primary) 4%);min-height:100vh;display:flex}.app-shell-skeleton-sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-surface) 94%, var(--color-background));flex-direction:column;gap:18px;padding:20px 16px 16px;display:flex}.app-shell-skeleton-brand,.app-shell-skeleton-user,.app-shell-skeleton-stat-card{align-items:center;gap:12px;display:flex}.app-shell-skeleton-logo,.app-shell-skeleton-avatar,.app-shell-skeleton-header-avatar{border-radius:var(--radius-md)}.app-shell-skeleton-logo{width:36px;height:36px}.app-shell-skeleton-brand-copy,.app-shell-skeleton-user-copy,.app-shell-skeleton-header-copy,.app-shell-skeleton-stat-copy{flex:1}.app-shell-skeleton-brand-title,.app-shell-skeleton-user-name{width:72%;height:12px;margin-bottom:8px}.app-shell-skeleton-brand-subtitle,.app-shell-skeleton-user-email,.app-shell-skeleton-header-kicker,.app-shell-skeleton-stat-label{width:48%;height:10px}.app-shell-skeleton-nav{flex:1;padding-top:8px}.app-shell-skeleton-nav-item{border-radius:var(--radius-md);height:40px;margin-bottom:8px}.app-shell-skeleton-user{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:8px}.app-shell-skeleton-avatar,.app-shell-skeleton-stat-icon{border-radius:var(--radius-md);width:36px;height:36px}.app-shell-skeleton-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell-skeleton-header{height:var(--header-height);border-bottom:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-surface) 86%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.app-shell-skeleton-header-title{width:180px;height:14px;margin-top:8px}.app-shell-skeleton-header-actions{align-items:center;gap:8px;display:flex}.app-shell-skeleton-header-action{border-radius:var(--radius-md);width:38px;height:38px}.app-shell-skeleton-header-action-wide{width:96px}.app-shell-skeleton-header-avatar{width:36px;height:36px}.app-shell-skeleton-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.app-shell-skeleton-hero{margin-bottom:24px}.app-shell-skeleton-hero-title{border-radius:var(--radius-md);width:min(320px,55%);height:28px;margin-bottom:12px}.app-shell-skeleton-hero-subtitle{width:min(520px,80%);height:14px}.app-shell-skeleton-stats,.app-shell-skeleton-panels{gap:16px;display:grid}.app-shell-skeleton-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.app-shell-skeleton-stat-card,.app-shell-skeleton-panel{background:var(--color-card-bg);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.app-shell-skeleton-stat-value{width:44%;height:18px;margin-bottom:10px}.app-shell-skeleton-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-skeleton-panel-title{width:38%;height:16px;margin-bottom:18px}.app-shell-skeleton-panel-row{width:100%;height:12px;margin-bottom:12px}.app-shell-skeleton-panel-row-short{width:64%}.app-shell-skeleton-panel-block{border-radius:var(--radius-md);width:100%;height:160px;margin-top:8px}@media (width<=1024px){.app-shell-skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.app-shell-skeleton-sidebar{display:none}.app-shell-skeleton-header{padding:0 12px}.app-shell-skeleton-content{padding:16px}.app-shell-skeleton-panels,.app-shell-skeleton-stats{grid-template-columns:1fr}.app-shell-skeleton-header-action-wide{display:none}}[data-mode=dark] .app-shell-skeleton-sidebar,[data-mode=dark] .app-shell-skeleton-header,[data-mode=dark] .app-shell-skeleton-stat-card,[data-mode=dark] .app-shell-skeleton-panel,[data-mode=dark] .app-shell-skeleton-user{border-color:color-mix(in srgb, var(--color-neutral-300) 70%, transparent)}.ui-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.ui-btn:active{transform:scale(.97)}.ui-btn.primary{background:var(--color-primary);color:var(--color-text-on-primary)}.ui-btn.primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.ui-btn.secondary{background:var(--color-neutral-100);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200)}.ui-btn.secondary:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.ui-btn.ghost{color:var(--color-primary);background:0 0}.ui-btn.ghost:hover{background:var(--color-primary-surface)}.ui-btn.danger{background:var(--color-error);color:#fff}.ui-btn.danger:hover{background:var(--color-error);opacity:.9}.ui-btn.success{background:var(--color-success,#16a34a);color:#fff}.ui-btn.success:hover:not(:disabled){box-shadow:var(--shadow-md);background:#15803d}.ui-btn.sm{padding:6px 12px;font-size:12px}.ui-btn.lg{padding:12px 24px;font-size:14px}.ui-input-group{margin-bottom:16px}.ui-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.ui-input{border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px;font-size:14px}.ui-input:disabled{background:color-mix(in srgb, var(--color-neutral-100) 60%, transparent);color:var(--color-text-tertiary);cursor:not-allowed;border-color:color-mix(in srgb, var(--color-neutral-200) 80%, transparent)}.ui-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.ui-input:hover{border-color:var(--color-neutral-400)}.ui-input::placeholder{color:var(--color-text-tertiary)}.ui-input.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 12%, transparent)}.ui-input.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 18%, transparent)}.ui-field-error{color:var(--color-error);margin-top:6px;font-size:12px;font-weight:600;line-height:1.5}.ui-textarea{resize:vertical;min-height:100px}.ui-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text-primary);padding-left:12px;font-size:1rem;font-weight:800;position:relative}.section-title:before{content:"";background:linear-gradient(to bottom, var(--color-primary), var(--color-primary-light));border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.section-action{color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:700}.section-action:hover{background:var(--color-primary-surface);color:var(--color-primary-dark)}.module-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.module-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;text-decoration:none;display:flex}.module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.module-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-card-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;line-height:1.3}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-xl);padding:24px;animation:.25s scaleIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:800}.modal-close{border-radius:var(--radius-sm);background:var(--color-neutral-100);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-neutral-200)}.ui-tabs{background:var(--color-neutral-100);border-radius:var(--radius-md);gap:4px;margin-bottom:20px;padding:4px;display:flex}.ui-tab{border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:8px 16px;font-size:13px;font-weight:600}.ui-tab:hover{color:var(--color-text-secondary)}.ui-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:700}[data-mode=dark] .ui-card,[data-mode=dark] .stat-card,[data-mode=dark] .modal-content{background:color-mix(in srgb, var(--color-card-bg) 88%, black)}[data-mode=dark] .ui-card,[data-mode=dark] .stat-card,[data-mode=dark] .modal-content,[data-mode=dark] .data-table thead th{border-color:color-mix(in srgb, var(--color-neutral-300) 70%, transparent)}[data-mode=dark] .ui-btn.secondary{background:color-mix(in srgb, var(--color-neutral-100) 70%, transparent);color:var(--color-text-primary)}[data-mode=dark] .ui-btn.secondary:hover{background:color-mix(in srgb, var(--color-neutral-200) 82%, transparent)}[data-mode=dark] .ui-input,[data-mode=dark] .ui-tab.active{background:color-mix(in srgb, var(--color-surface) 88%, black)}[data-mode=dark] .data-table tbody tr:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.spinner{border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner.lg{border-width:4px;width:40px;height:40px}.loading-center{justify-content:center;align-items:center;padding:64px 24px;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.quick-actions{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-actions::-webkit-scrollbar{display:none}.quick-action{border-radius:var(--radius-lg);cursor:pointer;min-width:100px;transition:all var(--transition-fast);text-align:center;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 12px;text-decoration:none;display:flex}.quick-action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;line-height:1.3}.list-item{border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;display:flex}.list-item:hover{background:var(--color-neutral-50)}.list-item+.list-item{border-top:1px solid var(--color-neutral-100)}.list-item-content{flex:1;min-width:0}.list-item-title{color:var(--color-text-primary);font-size:13px;font-weight:700}.list-item-subtitle{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.list-item-meta{color:var(--color-text-tertiary);text-align:right;flex-shrink:0;font-size:11px}.ui-pagination-container{flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:16px 0;display:flex}.ui-pagination-info{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.ui-pagination-info span{color:var(--color-text-secondary);font-weight:700}.ui-pagination{justify-content:center;align-items:center;gap:6px;display:flex}.ui-pagination-btn{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:600;display:flex}.ui-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-surface)}.ui-pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 30%, transparent)}.ui-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-neutral-100)}.ui-pagination-ellipsis{color:var(--color-text-tertiary);padding:0 4px;font-size:14px}@media (width<=640px){.ui-pagination-container{margin-top:24px}.ui-pagination-btn{min-width:28px;height:28px;font-size:12px}}.search-bar{margin-bottom:20px;position:relative}.search-bar input{border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px 10px 40px;font-size:14px}.search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.search-bar-icon{color:var(--color-text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.detail-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.detail-field{margin-bottom:16px}.detail-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:4px;font-size:11px;font-weight:700}.detail-field-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.progress-bar{background:var(--color-neutral-200);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .6s}.back-btn{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--color-primary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4;animation:.3s forwards toast-slide-in;display:flex;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}.toast-item--exit{animation:.3s forwards toast-slide-out}.toast-item--success{color:#d1fae5;background:linear-gradient(135deg,#065f46ee,#047857ee);border-left:4px solid #34d399}.toast-item--error{color:#fee2e2;background:linear-gradient(135deg,#7f1d1dee,#991b1bee);border-left:4px solid #f87171}.toast-item--info{color:#dbeafe;background:linear-gradient(135deg,#1e3a5fee,#1e40afee);border-left:4px solid #60a5fa}.toast-item--warning{color:#fef3c7;background:linear-gradient(135deg,#78350fee,#92400eee);border-left:4px solid #fbbf24}.toast-icon{opacity:.9;flex-shrink:0}.toast-message{flex:1}.toast-dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.toast-dismiss:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}:root{--sidebar-collapsed-width:68px}.sidebar{width:var(--sidebar-width);background:color-mix(in srgb, var(--color-surface) 94%, var(--color-background));border-right:1px solid var(--color-neutral-200);z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:18px 0 40px #0f172a0f}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--color-neutral-200);align-items:center;gap:12px;min-height:64px;padding:20px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px}.sidebar-logo{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:36px;height:36px}.sidebar-brand{white-space:nowrap;flex-direction:column;transition:opacity .2s,width .2s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-brand{opacity:0;pointer-events:none;width:0;display:none;position:absolute}.sidebar-brand-name{color:var(--color-text-primary);font-size:16px;font-weight:800;line-height:1.2}.sidebar-brand-sub{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.sidebar-nav{flex:1;padding:12px 8px;overflow:hidden auto}.sidebar.collapsed .sidebar-nav{padding:8px 6px}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--color-text-tertiary);white-space:nowrap;padding:18px 12px 6px;font-size:9px;font-weight:600;transition:opacity .15s;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;pointer-events:none;height:0;margin:0;padding:0;display:none}.sidebar-item{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed .sidebar-item{border:none;border-radius:14px;justify-content:center;margin:2px 4px;padding:11px}.sidebar-item:hover{background:var(--color-neutral-50);color:var(--color-text-primary);border-color:var(--color-neutral-200)}.sidebar.collapsed .sidebar-item:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary);border-color:#0000}.sidebar-item.active{background:var(--color-neutral-100);color:var(--color-text-primary);border-color:var(--color-neutral-200);box-shadow:none;font-weight:700}.sidebar-item.active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar.collapsed .sidebar-item.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);border-color:#0000}.sidebar.collapsed .sidebar-item.active:before{display:none}.sidebar-item-label{text-overflow:ellipsis;transition:opacity .15s,width .15s;overflow:hidden}.sidebar.collapsed .sidebar-item-label{opacity:0;pointer-events:none;width:0;display:none;position:absolute}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar.collapsed .sidebar-item{position:relative}.sidebar-tooltip{display:none}.sidebar.collapsed .sidebar-item:hover .sidebar-tooltip{background:var(--color-text-primary);color:var(--color-surface);white-space:nowrap;z-index:200;pointer-events:none;border-radius:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 14px #0000002e}.sidebar-badge{color:#fff;letter-spacing:0;background:#ef4444;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;line-height:1;transition:transform .2s;display:flex;box-shadow:0 1px 4px #0000002e}.sidebar.collapsed .sidebar-badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:9px;position:absolute;top:6px;right:6px}.sidebar-collapse-btn{border:1px solid var(--color-neutral-200);background:var(--color-card-bg);cursor:pointer;width:28px;height:28px;color:var(--color-text-tertiary);border-radius:999px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.sidebar-collapse-btn:hover{background:var(--color-neutral-100);color:var(--color-text-primary);border-color:var(--color-neutral-300)}.sidebar-footer{border-top:1px solid var(--color-neutral-200);padding:14px 16px;transition:padding .25s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar-version{white-space:nowrap;padding:4px;transition:opacity .2s,height .2s,padding .2s;overflow:hidden}.sidebar.collapsed .sidebar-version{opacity:0;pointer-events:none;height:0;padding:0}.sidebar-footer-actions{justify-content:flex-end;margin-top:8px;transition:justify-content .25s,margin-top .25s;display:flex}.sidebar.collapsed .sidebar-footer-actions{justify-content:center;margin-top:0}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-version{opacity:1;width:auto;height:auto;padding:revert;pointer-events:auto;position:static}.sidebar.collapsed .sidebar-item{justify-content:flex-start;padding:10px 12px}.sidebar.collapsed .sidebar-header{justify-content:flex-start;padding:20px}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0006;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:all}}[data-mode=dark] .sidebar{border-right-color:color-mix(in srgb, var(--color-neutral-300) 72%, transparent);box-shadow:24px 0 48px #00000057}[data-mode=dark] .sidebar-item:hover,[data-mode=dark] .sidebar-item.active{background:color-mix(in srgb, var(--color-neutral-100) 60%, transparent)}[data-mode=dark] .sidebar-user:hover{background:color-mix(in srgb, var(--color-neutral-100) 82%, transparent)}[data-mode=dark] .sidebar-collapse-btn{background:color-mix(in srgb, var(--color-neutral-100) 40%, transparent);border-color:color-mix(in srgb, var(--color-neutral-300) 60%, transparent)}[data-mode=dark] .sidebar.collapsed .sidebar-item:hover .sidebar-tooltip{background:var(--color-neutral-100);color:var(--color-text-primary)}.app-header{height:var(--header-height);background:color-mix(in srgb, var(--color-surface) 86%, transparent);border-bottom:1px solid var(--color-neutral-200);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.header-menu-btn{border-radius:var(--radius-sm);background:var(--color-neutral-100);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:none}.header-menu-btn:hover{background:var(--color-neutral-200)}@media (width<=768px){.header-menu-btn{display:flex}}.header-greeting{flex:1;min-width:0}.header-greeting-text{color:var(--color-text-tertiary);font-size:11px;font-weight:500}.header-greeting-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,2.8vw,15px);font-weight:700;overflow:hidden}.header-actions{align-items:center;gap:8px;display:flex}.header-impersonation-pill{border:1px solid color-mix(in srgb, var(--color-warning) 38%, var(--color-neutral-300));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));color:#9a6500;cursor:pointer;height:38px;transition:border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.header-impersonation-pill:hover{border-color:color-mix(in srgb, var(--color-warning) 55%, var(--color-neutral-300));transform:translateY(-1px)}.header-impersonation-copy{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.header-action-btn{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-neutral-100) 90%, transparent);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-action-btn:hover{background:var(--color-primary-surface);color:var(--color-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 12%, transparent);transform:scale(1.05)}.header-language-toggle{border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:color-mix(in srgb, var(--color-neutral-100) 92%, transparent);min-width:58px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.header-language-toggle:hover{background:var(--color-primary-surface);color:var(--color-primary)}.header-language-toggle:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}.header-badge{background:var(--color-error);color:#fff;border:2px solid var(--color-surface);border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:4px;right:4px}.header-avatar{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid #0000;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.header-avatar:hover{border-color:var(--color-primary-light);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);transform:scale(1.05)}.header-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.app-header{gap:10px;padding:0 12px}.header-greeting-text{font-size:10px}.header-greeting-name{max-width:32vw;font-size:13px}.header-role-pill{display:none}.header-impersonation-pill{max-width:150px;padding:0 10px}.header-impersonation-copy{max-width:90px}.header-actions{gap:6px}.header-action-btn{width:34px;height:34px}.header-language-toggle{min-width:52px;height:34px;padding:0 8px;font-size:11px}}[data-mode=dark] .app-header{border-bottom-color:color-mix(in srgb, var(--color-neutral-300) 70%, transparent);box-shadow:0 18px 48px #0000003d}[data-mode=dark] .header-action-btn,[data-mode=dark] .header-language-toggle,[data-mode=dark] .header-menu-btn{border-color:color-mix(in srgb, var(--color-neutral-300) 70%, transparent)}.header-avatar-container{display:inline-block;position:relative}.header-avatar{background:var(--color-primary);border:none;outline:none;padding:0}.header-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;gap:4px;min-width:160px;padding:6px;animation:.15s ease-out headerDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes headerDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{width:100%;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.header-dropdown-item:hover{background:var(--color-primary-surface);color:var(--color-primary)}[data-mode=dark] .header-dropdown-menu{border-color:color-mix(in srgb, var(--color-neutral-300) 50%, transparent);box-shadow:0 10px 30px #0006}.app-shell{min-height:100vh;display:flex;position:relative}.app-shell:before{content:"";background:color-mix(in srgb, var(--color-background) 96%, var(--color-primary) 4%);pointer-events:none;z-index:0;position:fixed;inset:0}.app-main{margin-left:var(--sidebar-width);z-index:1;flex-direction:column;flex:1;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width,68px)}.app-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px;animation:.3s ease-out fadeIn;position:relative}@media (width<=768px){.app-main,.app-shell.sidebar-collapsed .app-main{margin-left:0}.app-content{padding:16px}}.page-title-bar{margin-bottom:24px}.page-title{color:var(--color-text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:800;display:inline-block;position:relative}.page-title:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:2px;width:40px;height:3px;margin-top:6px;display:block}.page-subtitle{color:var(--color-text-tertiary);font-size:.875rem}[data-mode=dark] .app-content{padding-top:28px}.vehicle-workspace{flex-direction:column;gap:20px;display:flex}.vehicle-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.vehicle-hero h2{margin:8px 0 10px;font-size:1.4rem}.vehicle-hero p{max-width:760px;color:var(--color-text-secondary);margin:0}.vehicle-hero-kicker{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff38;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;display:inline-flex}.vehicle-notice{border-radius:var(--radius-md);padding:12px 14px;font-weight:600}.vehicle-notice.success{color:#047857;background:#10b9811f}.vehicle-notice.error{color:#b91c1c;background:#ef44441f}.vehicle-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vehicle-panel-grid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.2fr);gap:20px;display:grid}.vehicle-panel{flex-direction:column;gap:16px;display:flex}.vehicle-filter-row,.vehicle-tag-row,.vehicle-table-actions,.vehicle-calendar-actions{flex-wrap:wrap;gap:10px;display:flex}.vehicle-filter-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:8px 12px;font-weight:600}.vehicle-filter-chip.active{border-color:var(--color-module-vehicle);background:color-mix(in srgb, var(--color-module-vehicle) 12%, white);color:var(--color-module-vehicle)}.vehicle-list{flex-direction:column;gap:12px;display:flex}.vehicle-list-item{border:1px solid var(--color-border,#00000014);background:var(--color-surface);border-radius:var(--radius-lg);text-align:left;cursor:pointer;flex-direction:column;gap:10px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #00000005}.vehicle-list-item:hover{border-color:color-mix(in srgb, var(--color-module-vehicle) 25%, var(--color-border));transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.vehicle-list-item.active{border-color:var(--color-module-vehicle);background:color-mix(in srgb, var(--color-module-vehicle) 3%, var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-module-vehicle) 35%, transparent), 0 4px 16px color-mix(in srgb, var(--color-module-vehicle) 8%, transparent)}.vehicle-list-item-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vehicle-list-meta{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.vehicle-list-meta span{align-items:center;gap:6px;display:inline-flex}.vehicle-detail-stack{flex-direction:column;gap:16px;display:flex}.vehicle-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vehicle-detail-card{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-module-vehicle) 6%, white);border:1px solid color-mix(in srgb, var(--color-module-vehicle) 10%, var(--color-border));flex-direction:column;gap:6px;padding:14px;display:flex}.vehicle-detail-card span{color:var(--color-text-secondary);font-size:.84rem}.vehicle-detail-card strong{color:var(--color-text-primary);font-size:.97rem}.vehicle-subheading{margin-bottom:10px;font-weight:800}.vehicle-helper-text,.vehicle-history-copy{color:var(--color-text-secondary)}.vehicle-tag{background:color-mix(in srgb, var(--color-module-vehicle) 10%, white);color:var(--color-text-primary);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.88rem;display:inline-flex}.vehicle-history{gap:12px;display:grid}.vehicle-history-item{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.vehicle-history-title{color:var(--color-text-primary);font-weight:700}.vehicle-calendar-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.vehicle-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.vehicle-calendar-day{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:10px;min-height:140px;padding:10px;display:flex}.vehicle-calendar-day.muted{opacity:.55}.vehicle-calendar-date{font-weight:800}.vehicle-calendar-events{flex-direction:column;gap:8px;display:flex}.vehicle-calendar-event{background:color-mix(in srgb, var(--color-module-vehicle) 8%, white);border-radius:12px;flex-direction:column;gap:2px;padding:8px;font-size:.78rem;display:flex}.vehicle-approval-table-wrap{overflow-x:auto}.vehicle-approval-table{border-collapse:collapse;width:100%}.vehicle-approval-table th,.vehicle-approval-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:12px}.vehicle-cal-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.vehicle-cal-card,.vehicle-cal-list-card{padding:20px}.vehicle-cal-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.vehicle-cal-section-head h3{margin:0;font-size:1.05rem}.vehicle-cal-section-head p{color:var(--color-text-secondary);margin:6px 0 0;font-size:.95rem}.vehicle-cal-controls{justify-content:flex-end;display:flex}.vehicle-cal-picker{width:auto;min-width:170px}.vehicle-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.vehicle-cal-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:11px;font-weight:800}.vehicle-cal-day{border:1px solid var(--color-neutral-200,var(--color-border));background:var(--color-surface);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:84px;padding:10px 8px;display:flex}.vehicle-cal-day span{color:var(--color-text-primary);font-size:13px;font-weight:800}.vehicle-cal-day small{color:var(--color-module-vehicle);font-size:10px;font-weight:700}.vehicle-cal-day.has-booking{background:color-mix(in srgb, var(--color-module-vehicle) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-module-vehicle) 18%, var(--color-neutral-200,var(--color-border)))}.vehicle-cal-day.today{box-shadow:inset 0 0 0 1.5px var(--color-module-vehicle)}.vehicle-cal-day.muted span{color:var(--color-text-tertiary)}.vehicle-cal-list{gap:12px;display:grid}.vehicle-cal-item{border:1px solid var(--color-neutral-200,var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;gap:6px;width:100%;padding:14px;display:grid}.vehicle-cal-item strong{color:var(--color-text);font-size:.95rem}.vehicle-cal-item span{color:var(--color-text-secondary);font-size:.88rem}@media (width<=1100px){.vehicle-stat-grid,.vehicle-panel-grid{grid-template-columns:1fr 1fr}.vehicle-cal-layout{grid-template-columns:1fr}}@media (width<=860px){.vehicle-hero{flex-direction:column}.vehicle-stat-grid,.vehicle-panel-grid,.vehicle-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.vehicle-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.vehicle-stepper-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 10px;display:flex;position:relative}.vehicle-stepper-header:before{content:"";background:var(--color-neutral-200);z-index:1;height:2px;position:absolute;top:16px;left:0;right:0}.vehicle-step-item{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.vehicle-step-dot{background:var(--color-surface);border:2px solid var(--color-neutral-300);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.vehicle-step-item.active .vehicle-step-dot{border-color:var(--color-module-vehicle);background:var(--color-module-vehicle);color:#fff}.vehicle-step-item.completed .vehicle-step-dot{border-color:var(--color-success);background:var(--color-success);color:#fff}.vehicle-step-label{color:var(--color-text-secondary);text-align:center;font-size:.75rem;font-weight:700}.vehicle-step-item.active .vehicle-step-label{color:var(--color-text-primary)}.vehicle-modal-form{flex-direction:column;gap:16px;min-height:280px;display:flex}.vehicle-modal-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.vehicle-dest-add-row{flex-direction:column;gap:10px;display:flex}.vehicle-dest-name-row{grid-template-columns:1fr auto;align-items:flex-end;gap:8px;display:grid}.vehicle-draft-list{flex-direction:column;gap:10px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.vehicle-draft-item{background:color-mix(in srgb, var(--color-module-vehicle) 5%, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.vehicle-draft-info{flex-direction:column;gap:2px;display:flex}.vehicle-draft-title{font-size:.9rem;font-weight:700}.vehicle-draft-subtitle{color:var(--color-text-secondary);font-size:.78rem}.vehicle-date-grid-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:12px;margin-bottom:12px;padding:14px;display:flex}.vehicle-date-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vehicle-passenger-select-row{grid-template-columns:1fr auto;align-items:flex-end;gap:8px;display:grid}.vehicle-passenger-list{flex-wrap:wrap;gap:8px;max-height:180px;display:flex;overflow-y:auto}.vehicle-passenger-chip{background:color-mix(in srgb, var(--color-module-vehicle) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-module-vehicle) 15%, var(--color-border));border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.vehicle-staff-search-container{width:100%;position:relative}.vehicle-staff-results-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:250px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.vehicle-staff-result-item{cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:10px 14px;transition:background .2s;display:flex}.vehicle-staff-result-item:hover{background:var(--color-neutral-100)}.vehicle-staff-result-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.vehicle-staff-result-dept{color:var(--color-text-secondary);font-size:.75rem}.vehicle-staff-search-loading,.vehicle-staff-search-empty{text-align:center;color:var(--color-text-secondary);padding:12px;font-size:.85rem}.vehicle-passenger-remove{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.vehicle-passenger-remove:hover{background:var(--color-neutral-200);color:var(--color-error)}.vehicle-review-summary{flex-direction:column;gap:16px;display:flex}.vehicle-review-section{flex-direction:column;gap:8px;display:flex}.vehicle-review-label{text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.08em;font-size:.72rem;font-weight:800}.vehicle-review-value{color:var(--color-text-primary);font-size:.9rem;line-height:1.5}.vehicle-review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.vehicle-review-card-header{background:color-mix(in srgb, var(--color-module-vehicle) 6%, var(--color-surface));border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 14px;display:flex}.vehicle-review-card-title{color:var(--color-module-vehicle);letter-spacing:.02em;font-size:.82rem;font-weight:700}.vehicle-review-card-icon{color:var(--color-module-vehicle);flex-shrink:0}.vehicle-review-card-body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.vehicle-review-dest-row{background:color-mix(in srgb, var(--color-module-vehicle) 4%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-module-vehicle) 12%, var(--color-border));border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.vehicle-review-dest-index{background:var(--color-module-vehicle);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:800;display:flex}.vehicle-review-dest-info{flex-direction:column;flex:1;gap:3px;display:flex}.vehicle-review-dest-name{color:var(--color-text-primary);font-size:.88rem;font-weight:700}.vehicle-review-dest-dates{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;font-size:.78rem;display:flex}.vehicle-review-dest-badge{background:color-mix(in srgb, var(--color-module-vehicle) 12%, transparent);color:var(--color-module-vehicle);border:1px solid color-mix(in srgb, var(--color-module-vehicle) 20%, transparent);border-radius:999px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.vehicle-review-passenger-grid{flex-wrap:wrap;gap:6px;display:flex}@media (width<=640px){.vehicle-date-inputs,.vehicle-passenger-select-row{grid-template-columns:1fr;gap:8px}.vehicle-dest-name-row{grid-template-columns:1fr auto}}.vehicle-pagination-row{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;display:flex}.vehicle-pagination-label{color:var(--color-text-secondary);font-size:.82rem;font-weight:600}:root{--prg-primary:#1c8779;--prg-secondary:#0db68c;--prg-dark:#145f56;--prg-darker:#0a3d36;--prg-tint-soft:#1c877914;--prg-tint-strong:#1c877926;--prg-pill:#1c87791f;--prg-border-soft:#1c87792e;--prg-border-strong:#1c877959;--prg-shadow:#1c877938;--prg-shadow-soft:#1c87791a;--prg-neutral-bg:#f1fdf8e6;--prg-label-color:#365049;--prg-value-color:#0f172a;--prg-card-bg:#fff;--prg-card-bg-alt:#f2fbf7fa}.prg-root{flex-direction:column;gap:2rem;padding-bottom:24px;display:flex}.prg-state{text-align:center;color:var(--prg-label-color);padding:24px 0;font-size:1rem}.prg-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:.5rem;display:grid}.prg-summary-card{box-shadow:0 8px 24px var(--prg-shadow-soft);border-radius:1rem;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.prg-summary-card:after{content:"";pointer-events:none;opacity:.4;background:radial-gradient(circle at 100% 0,#ffffff73 0%,#fff0 55%);position:absolute;inset:0}.prg-summary-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9;z-index:1;font-size:.75rem}.prg-summary-value{color:#fff;z-index:1;font-size:2rem;font-weight:700}.prg-summary-meta{color:#ffffffe6;z-index:1;font-size:.85rem}.prg-summary-card--total{background:linear-gradient(135deg, var(--prg-secondary) 0%, var(--prg-primary) 100%)}.prg-summary-card--available{background:linear-gradient(135deg, var(--prg-primary) 0%, var(--prg-dark) 100%)}.prg-summary-card--inuse{background:linear-gradient(135deg, #03473ae6 0%, var(--prg-darker) 100%)}.prg-carousel-wrap{align-items:center;gap:10px;display:flex}.prg-carousel{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=767px){.prg-carousel{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.prg-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}}.prg-carousel-nav{border:1px solid var(--prg-border-soft);cursor:pointer;width:36px;height:36px;color:var(--prg-label-color);box-shadow:0 2px 8px var(--prg-shadow-soft);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s;display:flex}.prg-carousel-nav:disabled{opacity:.35;cursor:default}.prg-carousel-nav:not(:disabled):hover{background:var(--prg-tint-soft);color:var(--prg-primary);box-shadow:0 4px 12px var(--prg-shadow)}.prg-car-card{background:var(--prg-card-bg);cursor:pointer;opacity:.85;text-align:center;border:3px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;gap:8px;padding:20px 16px 16px;transition:transform .32s,box-shadow .32s,opacity .32s,border-color .32s;display:flex;position:relative;transform:scale(.94);box-shadow:0 4px 16px #0f172a14}.prg-car-card:hover{opacity:1;transform:translateY(-4px)scale(.97);box-shadow:0 12px 24px #0f172a29}.prg-car-card--active{border-color:var(--prg-primary);box-shadow:0 16px 32px var(--prg-shadow);background:linear-gradient(145deg, var(--prg-tint-strong) 0%, var(--prg-tint-soft) 100%);opacity:1;z-index:3;transform:translateY(-6px)scale(1.05)}.prg-car-card--active:hover{transform:translateY(-6px)scale(1.05)}.prg-car-img{color:var(--prg-primary);opacity:.6;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.prg-car-plate{letter-spacing:1px;color:var(--prg-value-color);font-size:1.2rem;font-weight:700}.prg-car-card--active .prg-car-plate{color:var(--prg-primary)}.prg-car-descp{color:#4b5563;min-height:1.4rem;font-size:.92rem}.prg-car-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.prg-car-status--available{background:var(--prg-pill);color:var(--prg-primary)}.prg-car-status--unavailable{color:#b91c1c;background:#fee2e2}.prg-section-title{color:var(--prg-value-color);margin-top:.5rem;font-size:1.2rem;font-weight:700}.prg-movement-card{box-shadow:0 10px 24px var(--prg-shadow-soft);border:1px solid var(--prg-border-soft);background:linear-gradient(135deg,#fffffff5 0%,#f2fbf7fa 100%);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.prg-movement-header{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.prg-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--prg-label-color);margin-bottom:4px;font-size:.72rem;font-weight:600}.prg-field-value{color:var(--prg-value-color);font-size:1rem;font-weight:700}.prg-odometer-wrap{flex-direction:column;gap:1rem;display:flex}.prg-odo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.prg-odo-item{border:1px solid var(--prg-border-soft);background:linear-gradient(135deg,#fffffff2 0%,#f1fdf8f2 100%);border-radius:.75rem;padding:.75rem 1rem}.prg-odo-item--highlight{background:linear-gradient(135deg, var(--prg-tint-strong) 0%, #1c87791f 100%);border-color:var(--prg-border-strong)}.prg-odo-label{text-transform:uppercase;letter-spacing:.08em;color:var(--prg-label-color);margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.prg-odo-value{color:var(--prg-value-color);font-size:1rem;font-weight:700}.prg-odo-track{align-items:center;gap:1rem;display:flex}.prg-odo-edge{color:var(--prg-label-color);text-align:center;flex-shrink:0;min-width:90px;font-size:.82rem}.prg-odo-bar{background:linear-gradient(90deg,#1c87791a,#0db68c1a);border-radius:999px;flex:1;height:12px;position:relative;overflow:visible}.prg-odo-fill{inset-block:0;background:linear-gradient(90deg, var(--prg-primary), var(--prg-secondary));border-radius:999px;min-width:4px;position:absolute;left:0}.prg-odo-delta{background:var(--prg-tint-soft);color:var(--prg-primary);white-space:nowrap;border:1px solid var(--prg-border-soft);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.prg-detail-list{flex-direction:column;gap:10px;display:flex}.prg-detail-row{background:var(--prg-neutral-bg);border:1px solid var(--prg-border-soft);border-radius:.75rem;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.prg-detail-row--compact{background:#fff}.prg-detail-main{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.prg-detail-status{color:var(--prg-primary);font-size:.95rem;font-weight:700}.prg-detail-dt{color:var(--prg-label-color);font-size:.88rem}.prg-detail-meta{color:var(--prg-label-color);flex-wrap:wrap;gap:1.5rem;font-size:.82rem;display:flex}.prg-detail-media{margin-top:6px}.prg-detail-img{object-fit:cover;width:100%;max-width:320px;box-shadow:0 6px 12px var(--prg-shadow);border-radius:.75rem}.prg-history{flex-direction:column;gap:1.5rem;margin-top:.5rem;display:flex}.prg-history-title{color:var(--prg-value-color);font-size:1.2rem;font-weight:700}.prg-history-grid{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.prg-hist-card{box-shadow:0 8px 20px var(--prg-shadow-soft);border:1px solid var(--prg-border-soft);background:linear-gradient(135deg,#fffffff5 0%,#f2fbf7fa 100%);border-radius:1rem;flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;position:relative;overflow:visible}.prg-hist-card--link-right{padding-right:1rem}.prg-hist-card--link-right:before{content:"";background:linear-gradient(90deg,#1c877926 0%,#1c877973 100%);border-radius:999px;width:48px;height:2px;position:absolute;top:50%;right:-1.2rem;transform:translateY(-50%)}.prg-hist-card--link-right:after{content:"➜";color:var(--prg-primary);font-size:1.25rem;font-weight:600;position:absolute;top:50%;right:-1.2rem;transform:translate(100%,-50%)}.prg-hist-card--link-down{margin-bottom:3rem}.prg-hist-card--link-down:before{content:"";background:linear-gradient(#1c877926 0%,#1c877973 100%);border-radius:999px;width:2px;height:48px;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.prg-hist-card--link-down:after{content:"⬇";color:var(--prg-primary);font-size:1.3rem;font-weight:600;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%,120%)}.prg-hist-footer{border-top:1px solid var(--prg-border-soft);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding-top:12px;display:grid}.payroll-page{flex-direction:column;gap:24px;display:flex}.payroll-hero-card{background:color-mix(in srgb, var(--color-module-payroll) 6%, var(--color-surface));padding:28px;overflow:hidden}.payroll-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.payroll-hero-copy{max-width:720px}.payroll-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:800;display:inline-block}.payroll-hero-copy h2{letter-spacing:-.02em;margin-top:8px;font-size:1.85rem;font-weight:900}.payroll-hero-copy p{max-width:620px;margin-top:10px;font-size:.92rem}.payroll-hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.payroll-pill,.payroll-tag{border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.payroll-pill{background:color-mix(in srgb, var(--color-surface) 86%, var(--color-module-payroll) 14%);border:1px solid color-mix(in srgb, var(--color-neutral-300) 82%, transparent);color:var(--color-text-primary)}.payroll-hero-actions{flex-direction:column;align-items:stretch;gap:12px;min-width:220px;display:flex}.payroll-year-picker{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.payroll-year-picker select{border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-surface) 92%, white 8%);min-height:42px;color:var(--color-text-primary);border-radius:14px;padding:0 14px;font-weight:700}.payroll-visibility-btn,.payroll-secondary-btn,.payroll-inline-btn{min-height:42px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.payroll-visibility-btn{background:var(--color-module-payroll);color:#fff;box-shadow:var(--shadow-md)}.payroll-secondary-btn,.payroll-inline-btn{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-module-payroll) 12%);color:var(--color-module-payroll);border:1px solid color-mix(in srgb, var(--color-module-payroll) 14%, transparent)}.payroll-visibility-btn:hover,.payroll-secondary-btn:hover,.payroll-inline-btn:hover{transform:translateY(-1px)}.payroll-secondary-btn:disabled,.payroll-inline-btn:disabled,.payroll-pdf-download-btn:disabled{opacity:.7;cursor:wait;transform:none}.payroll-stats{align-items:stretch}.payroll-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start;gap:24px;display:grid}.payroll-main,.payroll-sidebar,.payroll-history-list{flex-direction:column;gap:20px;display:flex}.payroll-privacy-card{align-items:center;gap:14px;padding:16px 18px;display:flex}.payroll-privacy-icon,.payroll-history-icon{background:color-mix(in srgb, var(--color-module-payroll) 12%, transparent);width:42px;height:42px;color:var(--color-module-payroll);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.payroll-privacy-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.payroll-privacy-copy strong{color:var(--color-text-primary);font-size:13px}.payroll-privacy-copy span{color:var(--color-text-secondary);font-size:12px}.payroll-summary-card,.payroll-slip-card{padding:24px}.payroll-slip-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.payroll-slip-card-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:800;display:inline-block}.payroll-slip-card-header h3{color:var(--color-text-primary);margin-top:8px;font-size:1.2rem;font-weight:900}.payroll-summary-grid,.payroll-breakdown-grid,.payroll-detail-grid{gap:14px;display:grid}.payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-summary-metric,.payroll-detail-field{border:1px solid color-mix(in srgb, var(--color-neutral-200) 88%, transparent);background:color-mix(in srgb, var(--color-surface-variant) 92%, white 8%);border-radius:18px;padding:16px}.payroll-summary-metric span,.payroll-detail-field span,.payroll-history-metrics span{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.payroll-summary-metric strong{color:var(--color-text-primary);font-size:18px;line-height:1.2}.payroll-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.payroll-slip-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.payroll-slip-info-row{border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.payroll-slip-info-row span,.payroll-slip-section-title span{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:800}.payroll-slip-info-row strong{color:var(--color-text-primary);text-align:right;font-size:13px}.payroll-slip-section{margin-top:22px}.payroll-slip-section-title{margin-bottom:10px}.payroll-slip-lines{flex-direction:column;display:flex}.payroll-slip-line,.payroll-slip-total-row{border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.payroll-slip-line span,.payroll-slip-total-row span{color:var(--color-text-primary);font-size:13px}.payroll-slip-line strong,.payroll-slip-total-row strong{color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:800}.payroll-slip-total-row{margin-top:6px}.payroll-slip-total-row.highlight{border-top:1px solid var(--color-neutral-200);border-bottom:none;margin-top:22px;padding-top:16px}.payroll-slip-total-row.highlight span,.payroll-slip-total-row.highlight strong{color:var(--color-module-payroll);font-size:14px}.payroll-detail-field strong{color:var(--color-text-primary);word-break:break-word;font-size:14px;line-height:1.5}.payroll-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-pdf-card{padding:20px}.payroll-pdf-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.payroll-pdf-header h3{font-size:1rem;font-weight:900}.payroll-pdf-header p{margin-top:4px;font-size:12px}.payroll-pdf-download-btn{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-module-payroll) 12%);min-height:38px;color:var(--color-module-payroll);border:1px solid color-mix(in srgb, var(--color-module-payroll) 14%, transparent);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.payroll-pdf-viewer-wrap{border:1px solid var(--color-neutral-200);background:var(--color-surface);border-radius:16px;overflow:hidden}.payroll-pdf-viewer{border:0;width:100%;height:860px}.payroll-breakdown-card{padding:24px}.payroll-breakdown-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.payroll-breakdown-header h3{font-size:1.05rem;font-weight:900}.payroll-breakdown-header p{margin-top:4px;font-size:12px}.payroll-breakdown-header strong{white-space:nowrap;font-size:15px}.payroll-breakdown-header.earnings strong{color:var(--color-success)}.payroll-breakdown-header.deductions strong{color:var(--color-error)}.payroll-lines{flex-direction:column;gap:10px;display:flex}.payroll-line-row{border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.payroll-line-row:last-child{border-bottom:none}.payroll-line-copy{align-items:center;gap:10px;min-width:0;display:flex}.payroll-line-copy strong{color:var(--color-text-primary);font-size:13px}.payroll-line-code{background:color-mix(in srgb, var(--color-success) 12%, transparent);min-width:48px;color:var(--color-success);border-radius:10px;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.payroll-line-code.danger{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.payroll-line-amount{color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:800}.payroll-history-card{border-color:color-mix(in srgb, var(--color-neutral-200) 84%, transparent);padding:18px}.payroll-history-card.active{border-color:color-mix(in srgb, var(--color-module-payroll) 36%, transparent);box-shadow:0 16px 30px -24px color-mix(in srgb, var(--color-module-payroll) 55%, transparent)}.payroll-history-card.pending{opacity:.7;pointer-events:none}.payroll-history-card-top,.payroll-history-metrics,.payroll-history-tags{align-items:center;display:flex}.payroll-history-card-top{gap:12px}.payroll-history-card-top svg:last-child{color:var(--color-text-tertiary)}.payroll-history-copy{flex:1;min-width:0}.payroll-history-copy strong{color:var(--color-text-primary);font-size:14px;display:block}.payroll-history-copy span{color:var(--color-text-secondary);margin-top:2px;font-size:12px;display:block}.payroll-history-metrics{justify-content:space-between;gap:14px;margin-top:16px}.payroll-history-metrics strong{color:var(--color-text-primary);font-size:14px;display:block}.payroll-history-tags{flex-wrap:wrap;gap:10px;margin-top:14px}.payroll-tag{padding:7px 11px;font-size:11px}.payroll-tag.success{background:var(--color-success-light);color:var(--color-success)}.payroll-tag.danger{background:var(--color-error-light);color:var(--color-error)}@media (width<=1180px){.payroll-layout,.payroll-breakdown-grid{grid-template-columns:1fr}.payroll-summary-grid,.payroll-detail-grid,.payroll-slip-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.payroll-hero,.payroll-privacy-card{flex-direction:column;align-items:stretch}.payroll-hero-actions{width:100%;min-width:0}.payroll-inline-btn{width:100%}}@media (width<=640px){.payroll-hero-card,.payroll-slip-card,.payroll-summary-card,.payroll-breakdown-card,.payroll-history-card{padding:20px}.payroll-summary-grid,.payroll-detail-grid,.payroll-slip-info-grid{grid-template-columns:1fr}.payroll-pdf-header{flex-direction:column;align-items:stretch}.payroll-pdf-download-btn{justify-content:center;width:100%}.payroll-pdf-viewer{height:600px}.payroll-slip-card-header,.payroll-slip-info-row,.payroll-slip-line,.payroll-slip-total-row,.payroll-breakdown-header,.payroll-line-row,.payroll-history-metrics{flex-direction:column;align-items:flex-start}}.gratuiti-page{flex-direction:column;gap:24px;display:flex}.gratuiti-back-btn,.gratuiti-print-btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:42px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.gratuiti-back-btn{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-module-payroll) 12%);color:var(--color-module-payroll);border:1px solid color-mix(in srgb, var(--color-module-payroll) 18%, transparent)}.gratuiti-print-btn{background:var(--color-module-payroll);color:#fff;box-shadow:var(--shadow-md)}.gratuiti-print-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.gratuiti-hero-card{background:color-mix(in srgb, var(--color-module-payroll) 6%, var(--color-surface));padding:28px;overflow:hidden}.gratuiti-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.gratuiti-hero-copy{max-width:760px}.gratuiti-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:800;display:inline-block}.gratuiti-hero-copy h2{letter-spacing:-.02em;margin-top:8px;font-size:1.85rem;font-weight:900}.gratuiti-hero-copy p{max-width:620px;margin-top:10px;font-size:.94rem}.gratuiti-hero-actions{flex-direction:column;gap:12px;min-width:240px;display:flex}.gratuiti-date-picker{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.gratuiti-date-input-wrap{border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-surface) 92%, white 8%);min-height:44px;color:var(--color-module-payroll);border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.gratuiti-date-input-wrap input{width:100%;color:var(--color-text-primary);background:0 0;border:0;font-weight:700}.gratuiti-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:24px;display:grid}.gratuiti-main,.gratuiti-sidebar{flex-direction:column;gap:20px;display:flex}.gratuiti-status-card,.gratuiti-formula-card,.gratuiti-table-card,.gratuiti-rate-card{padding:22px}.gratuiti-status-card{background:color-mix(in srgb, var(--color-module-payroll) 8%, var(--color-surface))}.gratuiti-status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;min-height:38px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.gratuiti-status-badge.success{background:var(--color-success-light);color:var(--color-success)}.gratuiti-status-badge.danger{background:var(--color-error-light);color:var(--color-error)}.gratuiti-status-badge.warning{background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}.gratuiti-status-badge.neutral{background:color-mix(in srgb, var(--color-neutral-400) 16%, transparent);color:var(--color-text-secondary)}.gratuiti-status-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.gratuiti-status-meta div,.gratuiti-formula-block{border:1px solid color-mix(in srgb, var(--color-neutral-200) 88%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, white 8%);border-radius:18px;padding:16px}.gratuiti-status-meta span{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.gratuiti-status-meta strong{color:var(--color-text-primary);font-size:15px}.gratuiti-formula-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gratuiti-formula-block h3{font-size:1rem;font-weight:900}.gratuiti-formula-block code,.gratuiti-calculation-lines code{color:var(--color-module-payroll);margin-top:10px;font-size:12px;font-weight:700;display:block}.gratuiti-formula-block p{color:var(--color-text-secondary);margin-top:10px;font-size:13px}.gratuiti-table{border-collapse:collapse;width:100%}.gratuiti-table th,.gratuiti-table td{border:1px solid color-mix(in srgb, var(--color-neutral-200) 90%, transparent);text-align:left;vertical-align:top;padding:12px 14px;font-size:13px}.gratuiti-table th{background:color-mix(in srgb, var(--color-surface-variant) 92%, white 8%);color:var(--color-text-primary);font-weight:900}.gratuiti-table td{color:var(--color-text-secondary)}.gratuiti-calculation-lines{flex-direction:column;gap:8px;display:flex}.gratuiti-rate-active td{background:color-mix(in srgb, var(--color-success) 10%, transparent)}.gratuiti-note-card{align-items:flex-start;gap:14px;padding:18px;display:flex}.gratuiti-note-icon{background:color-mix(in srgb, var(--color-module-payroll) 12%, transparent);width:42px;height:42px;color:var(--color-module-payroll);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gratuiti-note-card strong{color:var(--color-text-primary);font-size:14px;display:block}.gratuiti-note-card p{color:var(--color-text-secondary);margin-top:6px;font-size:13px}@media (width<=1180px){.gratuiti-layout{grid-template-columns:1fr}}@media (width<=860px){.gratuiti-hero,.gratuiti-formula-card{flex-direction:column;grid-template-columns:1fr}.gratuiti-hero-actions,.gratuiti-print-btn{width:100%;min-width:0}.gratuiti-status-meta{grid-template-columns:1fr}}@media (width<=640px){.gratuiti-hero-card,.gratuiti-status-card,.gratuiti-formula-card,.gratuiti-table-card,.gratuiti-rate-card{padding:18px}.gratuiti-table{white-space:nowrap;display:block;overflow-x:auto}}.gratuiti-visibility-btn,.gratuiti-inline-btn{min-height:42px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.gratuiti-visibility-btn{background:var(--color-module-payroll);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;border:none}.gratuiti-visibility-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.gratuiti-inline-btn{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-module-payroll) 12%);color:var(--color-module-payroll);border:1px solid color-mix(in srgb, var(--color-module-payroll) 14%, transparent);cursor:pointer}.gratuiti-visibility-btn:hover,.gratuiti-inline-btn:hover{transform:translateY(-1px)}.gratuiti-privacy-card{align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.gratuiti-privacy-icon{background:color-mix(in srgb, var(--color-module-payroll) 12%, transparent);width:42px;height:42px;color:var(--color-module-payroll);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gratuiti-privacy-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gratuiti-privacy-copy strong{color:var(--color-text-primary);font-size:13px}.gratuiti-privacy-copy span{color:var(--color-text-secondary);font-size:12px}@media (width<=860px){.gratuiti-visibility-btn{width:100%;min-width:0}}.events-page{flex-direction:column;gap:24px;display:flex}.events-hero-card{border-color:color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-module-event) 6%, var(--color-surface));flex-direction:column;gap:24px;padding:28px;display:flex;overflow:hidden}.events-kicker,.events-section-kicker,.events-hero-panel-label{background:color-mix(in srgb, var(--color-module-event) 12%, transparent);color:var(--color-module-event);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.events-hero-copy h2,.events-content-top h3,.events-detail-head h4,.events-calendar-head h4{color:var(--color-text-primary);letter-spacing:-.02em;margin-top:14px;font-weight:900}.events-hero-copy h2{font-size:1.7rem}.events-content-top h3,.events-detail-head h4,.events-calendar-head h4{font-size:1.2rem}.events-hero-copy p,.events-content-top p{max-width:760px;color:var(--color-text-secondary);margin-top:10px;line-height:1.65}.events-toolbar{align-items:center;gap:16px;margin-top:22px;display:flex}.events-search{border:1px solid color-mix(in srgb, var(--color-module-event) 15%, var(--color-neutral-300));background:color-mix(in srgb, var(--color-card-bg) 94%, white 6%);box-shadow:var(--shadow-sm);border-radius:20px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.events-search svg,.events-detail-row svg,.events-item-meta svg{color:var(--color-module-event);flex-shrink:0}.events-search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;font-size:14px}.events-search input:focus{outline:none}.events-search input::placeholder{color:var(--color-text-tertiary)}.events-year-switcher{background:color-mix(in srgb, var(--color-module-event) 8%, transparent);border-radius:999px;align-items:center;gap:8px;padding:8px;display:inline-flex}.events-year-switcher button{background:var(--color-surface);width:34px;height:34px;color:var(--color-module-event);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.events-year-switcher span{text-align:center;min-width:56px;color:var(--color-text-primary);font-size:14px;font-weight:800}.events-hero-empty,.events-calendar-empty,.events-muted-text{color:var(--color-text-tertiary);font-size:13px;line-height:1.6}.events-stats{margin-top:-2px}.events-content-card{padding:24px}.events-create-panel{border:1px solid color-mix(in srgb, var(--color-module-event) 14%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-module-event) 4%, var(--color-surface));border-radius:22px;margin-bottom:20px;padding:22px}.events-create-head{margin-bottom:18px}.events-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.events-form-field{flex-direction:column;gap:8px;display:flex}.events-form-field span{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:12px;font-weight:800}.events-form-field input,.events-form-field select,.events-form-field textarea{border:1px solid color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-300));background:var(--color-surface);width:100%;color:var(--color-text-primary);font:inherit;border-radius:14px;padding:12px 14px}.events-form-field input:focus,.events-form-field select:focus,.events-form-field textarea:focus{border-color:var(--color-module-event);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-module-event) 12%, transparent);outline:none}.events-form-field-wide{grid-column:1/-1}.events-toggle-row{color:var(--color-text-secondary);align-items:center;gap:10px;margin-top:18px;font-size:14px;display:inline-flex}.events-toggle-row input{width:16px;height:16px;accent-color:var(--color-module-event)}.events-create-actions,.events-inline-actions,.events-action-grid{flex-wrap:wrap;gap:12px;display:flex}.events-progress-panel{border:1px solid color-mix(in srgb, var(--color-module-event) 16%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-module-event) 6%, var(--color-surface) 94%);border-radius:16px;margin-top:14px;padding:14px 16px}.events-progress-bar{background:color-mix(in srgb, var(--color-module-event) 12%, transparent);border-radius:999px;height:8px;overflow:hidden}.events-progress-bar-fill{border-radius:inherit;background:var(--color-module-event);width:40%;height:100%;animation:1.1s ease-in-out infinite events-progress-slide;display:block}.events-progress-text{color:var(--color-text-secondary);margin-top:10px;font-size:13px;font-weight:700}.events-create-actions{justify-content:flex-end;margin-top:18px}.events-action-grid{margin-top:6px}.events-tentatif-manager{border-top:1px solid var(--color-neutral-200);margin-top:16px;padding-top:16px}.events-tentatif-manager .events-form-field{margin-bottom:14px}.events-inline-actions{margin-top:4px}.events-content-card .ui-tabs{background:color-mix(in srgb, var(--color-module-event) 8%, var(--color-neutral-100))}.events-content-card .ui-tab.active{color:var(--color-module-event)}.events-content-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.events-summary-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.events-summary-pills span,.events-calendar-count{background:color-mix(in srgb, var(--color-module-event) 10%, transparent);color:var(--color-module-event);border-radius:999px;justify-content:center;align-items:center;padding:9px 13px;font-size:12px;font-weight:800;display:inline-flex}.events-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:start;gap:20px;display:grid}.events-primary-column{min-width:0}.events-list{flex-direction:column;gap:14px;display:flex}.events-empty-card{background:color-mix(in srgb, var(--color-surface) 95%, var(--color-module-event) 5%);padding:8px}.events-item-card{border-color:color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-module-event) 3%, var(--color-surface));grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.events-item-card.active{border-color:color-mix(in srgb, var(--color-module-event) 42%, transparent);box-shadow:var(--shadow-md)}.events-item-date{background:color-mix(in srgb, var(--color-module-event) 11%, transparent);width:72px;min-height:76px;color:var(--color-module-event);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex}.events-item-date strong{font-size:1.45rem;font-weight:900;line-height:1}.events-item-date span{letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:800}.events-item-main{min-width:0}.events-item-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.events-item-head h4{color:var(--color-text-primary);font-size:15px;font-weight:800}.events-item-head p{color:var(--color-text-tertiary);margin-top:5px;font-size:12px}.events-item-meta{flex-wrap:wrap;gap:10px 16px;margin-top:14px;display:flex}.events-item-meta span{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.events-item-side{justify-content:flex-end;align-items:center;display:flex}.events-join-pill{background:color-mix(in srgb, var(--color-module-event) 10%, transparent);min-width:104px;color:var(--color-module-event);border-radius:999px;justify-content:center;align-items:center;padding:11px 14px;font-size:12px;font-weight:800;display:inline-flex}.events-join-pill.registered{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.events-join-pill.ongoing{background:color-mix(in srgb, var(--color-info) 16%, transparent);color:var(--color-info)}.events-join-pill.completed{background:color-mix(in srgb, var(--color-neutral-400) 18%, transparent);color:var(--color-text-secondary)}.events-join-pill.open{background:color-mix(in srgb, var(--color-module-event) 10%, transparent);color:var(--color-module-event)}.events-detail-card,.events-calendar-card{padding:22px}.events-detail-head,.events-calendar-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.events-detail-summary{background:color-mix(in srgb, var(--color-module-event) 6%, var(--color-surface) 94%);border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.events-detail-row{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.events-detail-copy{margin-top:18px}.events-detail-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:8px;font-size:12px;font-weight:800}.events-detail-copy p{color:var(--color-text-secondary);line-height:1.65}.events-tentative-preview{border:1px solid color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-module-event) 4%, var(--color-surface) 96%);border-radius:18px;margin-top:16px;padding:16px}.events-tentative-frame{border:1px solid var(--color-neutral-200);background:#fff;border-radius:14px;width:100%;min-height:360px}.events-tentative-image{object-fit:contain;border:1px solid var(--color-neutral-200);background:#fff;border-radius:14px;width:100%;max-height:420px;display:block}.events-tentative-link{color:var(--color-module-event);font-weight:700;text-decoration:none}.events-tentative-link:hover{text-decoration:underline}.events-participant-list{flex-direction:column;gap:10px;display:flex}.events-participant-item{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:14px;padding:12px 14px}.events-participant-item strong{color:var(--color-text-primary);font-size:13px;font-weight:800;display:block}.events-participant-item span{color:var(--color-text-tertiary);margin-top:4px;font-size:12px;display:block}@keyframes events-progress-slide{0%{transform:translate(-120%)}to{transform:translate(260%)}}.events-message{border-radius:14px;margin:16px 0;padding:12px 14px;font-size:13px;font-weight:700}.events-message.success{background:var(--color-success-light);color:var(--color-success)}.events-message.error{background:var(--color-error-light);color:var(--color-error)}.events-detail-card .ui-btn{width:100%;margin-top:18px}.events-detail-card .events-action-grid .ui-btn,.events-detail-card .events-inline-actions .ui-btn,.events-detail-card .events-create-actions .ui-btn{width:auto;margin-top:0}.events-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.events-calendar-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:11px;font-weight:800}.events-calendar-day{border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:78px;padding:10px 8px;display:flex}.events-calendar-day span{color:var(--color-text-primary);font-size:13px;font-weight:800}.events-calendar-day small{color:var(--color-module-event);font-size:10px;font-weight:700}.events-calendar-day.has-event{background:color-mix(in srgb, var(--color-module-event) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-module-event) 18%, var(--color-neutral-200))}.events-calendar-day.today{box-shadow:inset 0 0 0 1px var(--color-module-event)}.events-calendar-day.muted span{color:var(--color-text-tertiary)}.events-calendar-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.events-inline-item{border:1px solid var(--color-neutral-200);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:16px;width:100%;padding:14px}.events-inline-item strong{color:var(--color-text-primary);font-size:13px;font-weight:800;display:block}.events-inline-item span{color:var(--color-text-tertiary);margin-top:5px;font-size:12px;display:block}@media (width<=1180px){.events-hero-card,.events-workspace,.events-item-card{grid-template-columns:1fr}.events-item-side{justify-content:flex-start}.events-item-date{width:84px}}@media (width<=760px){.events-hero-card,.events-content-card,.events-detail-card,.events-calendar-card{padding:20px}.events-toolbar,.events-content-top,.events-hero-panel-footer,.events-detail-head,.events-calendar-head{flex-direction:column;align-items:flex-start}.events-hero-copy h2{font-size:1.45rem}.events-search{border-radius:16px}.events-calendar-grid{gap:6px}.events-calendar-day{min-height:70px;padding:8px}.events-form-grid{grid-template-columns:1fr}}.events-detail-fullview{flex-direction:column;gap:20px;display:flex}.events-detail-back-row{border-bottom:1px solid var(--color-neutral-200);flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.events-detail-title-block{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.events-detail-title-block h3{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:800}.events-detail-grid-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.events-detail-card-full{border-color:color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-200));background:var(--color-surface);padding:24px}.events-detail-participants-head{border-bottom:1px solid var(--color-neutral-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.events-detail-participants-head h3{color:var(--color-text-primary);margin:0;font-size:1.2rem;font-weight:700}.events-participant-search{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:999px;align-items:center;gap:10px;width:100%;max-width:320px;min-height:40px;padding:0 16px;display:flex;position:relative}.events-participant-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.events-participant-table-wrap{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);max-height:600px;overflow:auto}.events-participant-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.events-participant-table th{background:var(--color-neutral-50);color:var(--color-text-secondary);border-bottom:1px solid var(--color-neutral-200);z-index:1;padding:12px 16px;font-weight:700;position:sticky;top:0}.events-participant-table td{border-bottom:1px solid var(--color-neutral-200);color:var(--color-text-primary);vertical-align:middle;padding:14px 16px}.events-participant-table tr:last-child td{border-bottom:none}.events-participant-table tr:hover td{background:color-mix(in srgb, var(--color-module-event) 3%, var(--color-surface))}.events-participant-empty{text-align:center;color:var(--color-text-secondary);padding:40px;font-style:italic}@media (width<=992px){.events-detail-grid-layout{grid-template-columns:1fr}}.event-scan-page{background:var(--color-background);min-height:100vh;padding:28px}.event-scan-shell{flex-direction:column;gap:20px;width:min(980px,100%);margin:0 auto;display:flex}.event-scan-card{padding:26px}.event-scan-hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch;gap:20px;display:grid}.event-scan-kicker{background:color-mix(in srgb, var(--color-module-event) 12%, transparent);color:var(--color-module-event);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.event-scan-copy h1,.event-scan-side h2,.event-scan-form h2{color:var(--color-text-primary);letter-spacing:-.02em;margin-top:14px;font-weight:900}.event-scan-copy h1{font-size:1.8rem}.event-scan-copy p,.event-scan-form p,.event-scan-side p,.event-scan-muted{color:var(--color-text-secondary);margin-top:10px;line-height:1.65}.event-scan-side{color:#fff;background:color-mix(in srgb, var(--color-module-event) 72%, #0f172a);border:1px solid color-mix(in srgb, var(--color-module-event) 28%, transparent);border-radius:22px;padding:22px}.event-scan-side h2,.event-scan-side p,.event-scan-side .event-scan-meta{color:#fff}.event-scan-meta{flex-direction:column;gap:10px;margin-top:18px;display:flex}.event-scan-meta span{color:#ffffffd1;align-items:center;gap:8px;font-size:13px;display:inline-flex}.event-scan-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.event-scan-action{border:1px solid color-mix(in srgb, var(--color-module-event) 12%, var(--color-neutral-200));background:var(--color-surface);text-align:left;cursor:pointer;border-radius:20px;padding:18px}.event-scan-action strong{color:var(--color-text-primary);margin-top:10px;font-size:15px;font-weight:800;display:block}.event-scan-action span{color:var(--color-text-secondary);margin-top:6px;font-size:13px;line-height:1.6;display:block}.event-scan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.event-scan-field{border:1px solid var(--color-neutral-200);background:var(--color-neutral-50);border-radius:16px;padding:14px 16px}.event-scan-field strong{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800;display:block}.event-scan-field span{color:var(--color-text-primary);margin-top:6px;font-size:14px;font-weight:700;display:block}.event-scan-field-wide{grid-column:1/-1}.event-scan-form-row{margin-top:14px}.event-scan-form-row label{color:var(--color-text-secondary);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.event-scan-form-row input{border:1px solid var(--color-neutral-300);background:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:14px;padding:12px 14px}.event-scan-form-row input:focus{border-color:var(--color-module-event);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-module-event) 12%, transparent);outline:none}.event-scan-footer{gap:12px;margin-top:22px;display:flex}.event-scan-message{border-radius:14px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.event-scan-message.error{background:var(--color-error-light);color:var(--color-error)}.event-scan-message.success{background:var(--color-success-light);color:var(--color-success)}.event-scan-btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.event-scan-btn.primary{background:var(--color-module-event);color:#fff}.event-scan-btn.secondary{background:var(--color-surface);border-color:var(--color-neutral-300);color:var(--color-text-primary)}.event-scan-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=760px){.event-scan-page{padding:18px}.event-scan-card{padding:20px}.event-scan-hero,.event-scan-actions,.event-scan-grid{grid-template-columns:1fr}.event-scan-copy h1{font-size:1.45rem}.event-scan-footer{flex-direction:column}}.meeting-page{flex-direction:column;gap:20px;display:flex}.meeting-hero-card{background:var(--color-primary-dark);color:var(--color-text-on-primary);border:none;grid-template-columns:minmax(0,1.7fr) minmax(240px,.9fr);gap:16px;padding:18px 22px;display:grid}.meeting-hero-copy h2{max-width:16ch;color:var(--color-text-on-primary);margin:6px 0;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.1}.meeting-hero-copy p{color:#ffffffd6;max-width:60ch;margin:0;line-height:1.6}.meeting-kicker{letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.meeting-hero-panel{align-content:center;gap:8px;display:grid}.meeting-hero-metric{background:#ffffff1f;border:1px solid #ffffff29;border-radius:12px;padding:10px 14px}.meeting-hero-metric span{color:#ffffffc7;margin-bottom:6px;font-size:12px;display:block}.meeting-hero-metric strong{font-size:1.3rem;line-height:1}.meeting-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.meeting-search{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:14px;align-items:center;gap:10px;min-width:min(100%,320px);padding:0 14px;display:flex}.meeting-search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;padding:12px 0;font-size:14px}.meeting-search input:focus{outline:none}.meeting-banner{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-neutral-200));color:var(--color-text-primary);border-radius:14px;padding:12px 16px;font-weight:600}.meeting-stats-grid,.meeting-overview-grid,.meeting-calendar-grid-layout,.meeting-book-grid,.meeting-room-grid{gap:16px;display:grid}.meeting-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.meeting-overview-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.meeting-calendar-grid-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.meeting-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meeting-room-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-book-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.meeting-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.meeting-section-head h3{color:var(--color-text-primary);margin:0;font-size:1rem}.meeting-section-head p{color:var(--color-text-tertiary);margin:6px 0 0;font-size:13px}.meeting-year-select{width:auto;min-width:110px}.meeting-calendar-card,.meeting-calendar-list-card{padding:20px}.meeting-calendar-controls{justify-content:flex-end;display:flex}.meeting-calendar-picker{width:auto;min-width:170px}.meeting-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.meeting-calendar-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:11px;font-weight:800}.meeting-calendar-day{border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:84px;padding:10px 8px;display:flex}.meeting-calendar-day span{color:var(--color-text-primary);font-size:13px;font-weight:800}.meeting-calendar-day small{color:var(--color-module-meeting);font-size:10px;font-weight:700}.meeting-calendar-day.has-booking{background:color-mix(in srgb, var(--color-module-meeting) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-module-meeting) 18%, var(--color-neutral-200))}.meeting-calendar-day.today{box-shadow:inset 0 0 0 1px var(--color-module-meeting)}.meeting-calendar-day.muted span{color:var(--color-text-tertiary)}.meeting-inline-item{border:1px solid var(--color-neutral-200);background:var(--color-surface);text-align:left;cursor:pointer;border-radius:16px;width:100%;padding:14px}.meeting-inline-item strong{color:var(--color-text-primary);font-size:13px;font-weight:800;display:block}.meeting-inline-item span{color:var(--color-text-tertiary);margin-top:5px;font-size:12px;display:block}.meeting-list-stack{gap:12px;display:grid}.meeting-schedule-row,.meeting-room-option{border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.meeting-schedule-row:hover,.meeting-room-option:hover,.meeting-room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.meeting-schedule-accent{background:var(--color-primary);border-radius:999px;flex-shrink:0;align-self:stretch;width:10px}.meeting-schedule-main,.meeting-room-option-main{flex:1;min-width:0}.meeting-schedule-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.meeting-schedule-meta,.meeting-room-option-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.meeting-schedule-meta span,.meeting-room-option-meta span,.meeting-room-card-meta{align-items:center;gap:6px;display:inline-flex}.meeting-table-wrap{overflow-x:auto}.meeting-cell-title{color:var(--color-text-primary);font-weight:700}.meeting-cell-subtitle{color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.meeting-booking-detail-head{border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px;display:flex}.meeting-booking-detail-head h3{color:var(--color-text-primary);margin:0;font-size:1.05rem}.meeting-booking-detail-head p{color:var(--color-text-secondary);margin:6px 0 0;font-size:13px}.meeting-status-pill{letter-spacing:.01em;text-transform:capitalize;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.meeting-status-pill.approved{background:color-mix(in srgb, var(--color-success) 15%, transparent);border-color:color-mix(in srgb, var(--color-success) 28%, transparent);color:color-mix(in srgb, var(--color-success) 72%, #0c3817)}.meeting-status-pill.pending{background:color-mix(in srgb, var(--color-warning) 18%, transparent);border-color:color-mix(in srgb, var(--color-warning) 34%, transparent);color:color-mix(in srgb, var(--color-warning) 82%, #473400)}.meeting-status-pill.rejected{background:color-mix(in srgb, var(--color-error) 14%, transparent);border-color:color-mix(in srgb, var(--color-error) 30%, transparent);color:color-mix(in srgb, var(--color-error) 78%, #4f1111)}.meeting-status-pill.neutral{background:color-mix(in srgb, var(--color-neutral-300) 20%, transparent);border-color:color-mix(in srgb, var(--color-neutral-300) 36%, transparent);color:var(--color-text-secondary)}.meeting-booking-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meeting-booking-detail-section{margin-top:14px}.meeting-booking-detail-section h4{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 10px;font-size:12px;font-weight:800}.meeting-booking-detail-item{border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);border-radius:12px;padding:10px 12px}.meeting-booking-detail-item span{color:var(--color-text-tertiary);margin-bottom:6px;font-size:11px;display:block}.meeting-booking-detail-item strong{color:var(--color-text-primary);word-break:break-word;font-size:13px;line-height:1.5}.meeting-booking-detail-item.full{grid-column:1/-1}.meeting-room-card{border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-primary-surface) 26%, var(--color-surface));transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:18px;padding:18px}.meeting-room-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.meeting-room-card-icon,.meeting-room-option-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.meeting-room-card-title{color:var(--color-text-primary);margin-bottom:8px;font-size:1rem;font-weight:800}.meeting-room-card-meta{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px}.meeting-room-card-note{min-height:42px;color:var(--color-text-tertiary);margin:12px 0 16px;font-size:13px;line-height:1.5}.meeting-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.meeting-form-grid .ui-input-group:last-child{grid-column:1/-1}.meeting-checkbox{color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-flex}.meeting-form-actions{flex-wrap:wrap;gap:10px;display:flex}.meeting-room-option.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent)}.meeting-room-summary{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-neutral-200));border-radius:16px;margin-top:16px;padding:18px}.meeting-room-summary-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:12px;font-weight:800}.meeting-room-summary strong{color:var(--color-text-primary);margin-bottom:8px;display:block}.meeting-room-summary div,.meeting-room-summary p{color:var(--color-text-secondary);margin:0 0 6px}@media (width<=1180px){.meeting-stats-grid,.meeting-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-overview-grid,.meeting-calendar-grid-layout,.meeting-book-grid,.meeting-hero-card{grid-template-columns:1fr}}@media (width<=720px){.meeting-page{gap:16px}.meeting-hero-card,.meeting-room-card,.meeting-room-summary{padding:18px}.meeting-stats-grid,.meeting-room-grid,.meeting-calendar-grid,.meeting-booking-detail-grid,.meeting-room-grid.compact,.meeting-form-grid{grid-template-columns:1fr}.meeting-toolbar,.meeting-section-head,.meeting-schedule-title-row{flex-direction:column;align-items:stretch}.meeting-search,.meeting-form-actions .ui-btn{width:100%}}.meeting-action-btns{align-items:center;gap:6px;display:flex}.meeting-action-btn{cursor:pointer;width:30px;height:30px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.meeting-action-btn.edit{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-color:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-primary)}.meeting-action-btn.edit:hover{background:color-mix(in srgb, var(--color-primary) 22%, transparent);border-color:color-mix(in srgb, var(--color-primary) 36%, transparent);transform:scale(1.08)}.meeting-action-btn.delete{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-color:color-mix(in srgb, var(--color-error) 20%, transparent);color:var(--color-error)}.meeting-action-btn.delete:hover{background:color-mix(in srgb, var(--color-error) 20%, transparent);border-color:color-mix(in srgb, var(--color-error) 36%, transparent);transform:scale(1.08)}.meeting-action-btn.cancel{background:color-mix(in srgb, var(--color-warning) 12%, transparent);border-color:color-mix(in srgb, var(--color-warning) 24%, transparent);color:color-mix(in srgb, var(--color-warning) 85%, #4a3500)}.meeting-action-btn.cancel:hover{background:color-mix(in srgb, var(--color-warning) 22%, transparent);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);transform:scale(1.08)}.meeting-action-na{color:var(--color-text-tertiary);font-size:14px}.meeting-edit-modal{width:94vw!important;max-width:640px!important}.meeting-edit-modal-subtitle{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px}.meeting-edit-modal-subtitle strong{color:var(--color-text-primary)}.meeting-edit-modal-actions{border-top:1px solid var(--color-neutral-200);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.meeting-delete-modal{width:92vw!important;max-width:420px!important}.meeting-delete-modal-body{text-align:center;padding:12px 0 8px}.meeting-delete-icon{background:color-mix(in srgb, var(--color-error) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 22%, transparent);width:64px;height:64px;color:var(--color-error);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.meeting-delete-modal-body h3{color:var(--color-text-primary);margin:0 0 12px;font-size:1.1rem}.meeting-delete-modal-body p{color:var(--color-text-secondary);margin:0 0 10px;font-size:14px;line-height:1.5}.meeting-delete-warning{font-weight:600;color:var(--color-error)!important;font-size:12px!important}.meeting-cancel-warning{font-weight:600;color:color-mix(in srgb, var(--color-warning) 85%, #4a3500)!important;font-size:12px!important}.meeting-delete-icon.cancel{background:color-mix(in srgb, var(--color-warning) 14%, transparent);border-color:color-mix(in srgb, var(--color-warning) 26%, transparent);color:color-mix(in srgb, var(--color-warning) 85%, #4a3500)}.ui-btn.warning{background:var(--color-warning);color:#3d2d00;border-color:var(--color-warning)}.ui-btn.warning:hover{filter:brightness(.92)}.profile-page{flex-direction:column;gap:28px;display:flex}.profile-alert{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:13px;font-weight:600;animation:.25s fadeIn;display:flex}.profile-alert.success{background:var(--color-success-light);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 20%, transparent)}.profile-alert.error{background:var(--color-error-light);color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 20%, transparent)}.profile-alert button{color:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-weight:800}.profile-alert button:hover{background:#0000000d}.profile-hero-card{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-secondary) 100%);border-radius:var(--radius-2xl);color:var(--color-text-on-primary);box-shadow:var(--shadow-xl);border:1px solid #ffffff26;padding:36px;position:relative;overflow:hidden}.profile-hero-card:before{content:"";border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-40%;right:-10%}.profile-hero-card:after{content:"";border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 65%);width:320px;height:320px;position:absolute;bottom:-30%;left:-5%}.profile-hero{z-index:2;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative}.profile-hero-main{align-items:center;gap:28px;min-width:0;display:flex}.profile-hero-main .ui-avatar{box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff1a;border:4px solid #ffffff38;transition:transform .3s}.profile-hero-main:hover .ui-avatar{transform:scale(1.03)}.profile-kicker,.profile-card-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.profile-card-kicker{color:var(--color-primary)}[data-mode=dark] .profile-card-kicker{color:var(--color-primary-light)}.profile-hero-copy h2{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:2rem;font-weight:800;line-height:1.2}.profile-hero-copy p{color:#ffffffd9;margin:0;font-size:15px;font-weight:500}.profile-hero-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.profile-hero-pill{border-radius:var(--radius-full);color:var(--color-text-on-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.profile-hero-pill:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.profile-hero-stats{grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;min-width:min(300px,100%);display:grid}.profile-visibility-hero-btn{color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);letter-spacing:.01em;background:#ffffff2e;border:none;border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.profile-visibility-hero-btn:hover{background:#ffffff47;transform:translateY(-1px)}.profile-stat{border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 1px #ffffff0d}.profile-stat:hover{box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff1a;background:#ffffff24;border-color:#ffffff3d;transform:translateY(-2px)}.profile-stat-icon{width:36px;height:36px;color:var(--color-text-on-primary);background:#ffffff29;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-stat strong{font-size:22px;font-weight:800;line-height:1.1;display:block}.profile-stat span{color:#fffc;font-size:12px;font-weight:500}.profile-page .ui-tabs{background:var(--color-neutral-100);border-radius:var(--radius-full);border:1px solid var(--color-neutral-200);scrollbar-width:none;gap:4px;padding:6px;display:flex;overflow-x:auto}.profile-page .ui-tabs::-webkit-scrollbar{display:none}.profile-page .ui-tab{border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);flex:1;padding:10px 20px;font-size:13px;font-weight:600}.profile-page .ui-tab:hover{color:var(--color-primary);background:#e91e630a}.profile-page .ui-tab.active{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:700;box-shadow:0 4px 12px #e91e6333}[data-mode=dark] .profile-page .ui-tab.active{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 4px 12px #f062924d}.profile-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.profile-stack{flex-direction:column;gap:24px;display:flex}.profile-info-card,.profile-collection-card,.profile-signature-card,.profile-upload-card,.profile-note-card,.profile-timeline-card{border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-200);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);padding:28px}.profile-info-card:hover,.profile-collection-card:hover,.profile-signature-card:hover,.profile-upload-card:hover,.profile-timeline-card:hover{box-shadow:var(--shadow-md)}.profile-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.profile-card-header h3{letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:1.4rem;font-weight:800}.profile-card-description{color:var(--color-text-secondary);margin-top:6px;margin-bottom:0;font-size:13px}.profile-card-actions{align-items:center;gap:10px;display:flex}.profile-card-icon{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-neutral-100));width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-detail-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-detail-field{border-radius:var(--radius-lg);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);align-items:center;gap:14px;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.profile-detail-field:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.profile-detail-field.full-row{grid-column:1/-1}.profile-detail-field--wide{grid-column:span 2}.profile-detail-field-icon{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-neutral-100));width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.profile-detail-field:hover .profile-detail-field-icon{background:var(--color-primary);color:var(--color-text-on-primary);transform:scale(1.05)}.profile-detail-field-content{flex:1;min-width:0}.profile-detail-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.profile-detail-field strong{color:var(--color-text-primary);word-break:break-word;font-size:14px;font-weight:600;line-height:1.4}.profile-primary-btn,.profile-ghost-btn,.profile-inline-btn,.profile-toggle-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.profile-primary-btn{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 4px 14px color-mix(in srgb, var(--color-primary) 24%, transparent);border:none}.profile-primary-btn:hover{background:var(--color-primary-dark);box-shadow:0 6px 18px color-mix(in srgb, var(--color-primary) 32%, transparent);transform:translateY(-1px)}.profile-ghost-btn,.profile-inline-btn,.profile-toggle-btn{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-neutral-300)}.profile-ghost-btn:hover,.profile-inline-btn:hover,.profile-toggle-btn:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-400);transform:translateY(-1px)}.profile-inline-btn{padding:6px 12px;font-size:11px}.profile-inline-btn.danger{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 25%, transparent)}.profile-inline-btn.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.profile-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-badge.success{background:var(--color-success-light);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 20%, transparent)}.profile-badge.warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 20%, transparent)}.profile-badge.secondary{background:var(--color-neutral-100);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200)}.profile-collection-list{flex-direction:column;gap:16px;margin-top:18px;display:flex}.profile-collection-item{border-radius:var(--radius-xl);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);padding:20px 24px;transition:all .25s}.profile-collection-item:hover{border-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-neutral-200));background:var(--color-surface);box-shadow:var(--shadow-sm)}.profile-collection-head{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.profile-collection-head h4{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:700}.profile-collection-head p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px}.profile-inline-actions{align-items:center;gap:8px;display:flex}.profile-academic-card{border-left:4px solid var(--color-primary)}.profile-academic-card .profile-detail-field.full-row strong{min-height:auto;display:block}.profile-note-card{background:color-mix(in srgb, var(--color-primary-surface) 35%, var(--color-surface));border-color:color-mix(in srgb, var(--color-primary) 15%, transparent);align-items:flex-start;gap:16px;display:flex}.profile-note-icon{background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-note-card h3{color:var(--color-text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.profile-note-card p{color:var(--color-text-secondary);margin:0;font-size:13px}.profile-timeline{margin-top:24px;padding-left:20px;position:relative}.profile-timeline:before{content:"";background:var(--color-neutral-200);width:2px;position:absolute;top:8px;bottom:8px;left:29px}[data-mode=dark] .profile-timeline:before{background:var(--color-neutral-300)}.profile-timeline-item{gap:24px;margin-bottom:24px;display:flex;position:relative}.profile-timeline-item:last-child{margin-bottom:0}.profile-timeline-badge{z-index:2;justify-content:center;align-items:center;width:20px;height:20px;margin-top:22px;display:flex;position:relative}.profile-timeline-dot{background:var(--color-primary);border:3px solid var(--color-surface);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:50%;transition:all .25s}.profile-timeline-item:hover .profile-timeline-dot{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-primary) 25%, transparent);transform:scale(1.3)}.profile-timeline-content-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);flex:1;padding:20px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.profile-timeline-content-card:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));background:var(--color-surface);box-shadow:var(--shadow-md);transform:translate(4px)}.profile-timeline-header{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.profile-timeline-date{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.profile-timeline-header h4{color:var(--color-text-primary);margin:0 0 4px;font-size:15px;font-weight:800}.profile-timeline-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.profile-signature-preview-wrap{border-radius:var(--radius-xl);border:2px dashed color-mix(in srgb, var(--color-primary) 30%, transparent);background:color-mix(in srgb, var(--color-primary-surface) 22%, var(--color-surface));flex-direction:column;align-items:center;margin-top:20px;padding:20px;display:flex}.profile-signature-preview{object-fit:contain;border-radius:var(--radius-lg);width:100%;max-width:320px;min-height:160px;max-height:220px;box-shadow:var(--shadow-sm);background:#fff;padding:12px;display:block}.profile-signature-meta{justify-content:space-between;gap:12px;width:100%;max-width:320px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.profile-signature-meta span{color:var(--color-text-primary)}.profile-signature-meta small{color:var(--color-text-secondary)}.profile-upload-card{text-align:center;border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;transition:all .25s;display:flex}.profile-upload-card:hover{border-color:var(--color-primary-light);background:color-mix(in srgb, var(--color-primary) 2%, var(--color-surface))}.profile-upload-card .profile-card-header{text-align:center;align-items:center;margin-bottom:8px}.profile-upload-card h3{margin-top:8px;font-size:18px}.profile-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-upload-tips{color:var(--color-text-secondary);text-align:left;margin-top:20px;padding-left:18px;font-size:13px}.profile-upload-tips li+li{margin-top:6px}.profile-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#0f172a70;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-success-modal-backdrop{z-index:70}.profile-success-modal{border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-neutral-200);width:min(400px,100%);box-shadow:var(--shadow-xl);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 32px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex}.profile-success-modal-icon{background:color-mix(in srgb, var(--color-success) 12%, transparent);width:80px;height:80px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-success-modal-body h3{color:var(--color-text-primary);margin:0 0 6px;font-size:1.35rem;font-weight:800}.profile-success-modal-body p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.profile-success-modal-btn{justify-content:center;width:100%;margin-top:8px}.profile-modal{border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-neutral-200);width:min(860px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;overflow-y:auto}.profile-modal--wide{width:min(780px,100%)}.profile-modal--wide .profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-searchable-select{flex-direction:column;gap:6px;display:flex;position:relative}.profile-field-label{color:var(--color-text-secondary);font-size:12px;font-weight:700}.profile-ss-control{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-fast);align-items:center;display:flex;position:relative}.profile-ss-control:hover{border-color:var(--color-neutral-400)}.profile-ss-control--open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.profile-ss-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:14px}.profile-ss-input::placeholder{color:var(--color-text-secondary);opacity:.7}.profile-ss-icons{flex-shrink:0;align-items:center;gap:4px;padding-right:10px;display:flex}.profile-ss-clear{background:var(--color-neutral-200);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.profile-ss-clear:hover{background:var(--color-neutral-300);color:var(--color-text-primary)}.profile-ss-chevron{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1;transition:transform .2s}.profile-ss-chevron--up{transform:rotate(180deg)}.profile-ss-dropdown{z-index:200;background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg,0 8px 32px #00000024);flex-direction:column;max-height:260px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.profile-ss-option{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);border:none;border-bottom:1px solid var(--color-neutral-100);background:0 0;padding:10px 14px;font-size:13px;display:block}.profile-ss-option:last-child{border-bottom:none}.profile-ss-option:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary)}.profile-ss-option--selected{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);font-weight:600}.profile-ss-empty{color:var(--color-text-secondary);text-align:center;padding:16px 14px;font-size:13px}.profile-modal-header{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.profile-modal-header h3{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:800}.profile-form{margin-top:24px}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-field,.profile-toggle{flex-direction:column;gap:6px;display:flex}.profile-field.full,.profile-toggle.full{grid-column:1/-1}.profile-field span,.profile-toggle span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.profile-field input,.profile-field textarea,.profile-field select{border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);padding:12px 14px;font-size:14px}.profile-field input:focus,.profile-field textarea:focus,.profile-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.profile-field input:hover,.profile-field textarea:hover,.profile-field select:hover{border-color:var(--color-neutral-400)}.profile-field textarea{resize:vertical}.profile-field.wide{grid-column:1/-1}.profile-field input[readonly]{background:var(--color-neutral-100,#f3f4f6);color:var(--color-text-secondary);cursor:not-allowed;border-color:var(--color-neutral-200,#e5e7eb);opacity:.85}.profile-field input[readonly]:hover,.profile-field input[readonly]:focus{border-color:var(--color-neutral-200,#e5e7eb);box-shadow:none;outline:none}.profile-field-pair{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-timeline-dates-row{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.profile-timeline-dates-row .profile-detail-field{flex:1;min-width:140px}.profile-toggle-btn.active{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.profile-form-actions{border-top:1px solid var(--color-neutral-200);justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.profile-education-row{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-neutral-50);padding:16px}.profile-education-row h4{color:var(--color-text-primary);margin:0 0 14px;font-size:14px;font-weight:700}.profile-education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=1080px){.profile-hero,.profile-card-header,.profile-modal-header,.profile-collection-head{flex-direction:column;align-items:flex-start}.profile-hero{align-items:stretch}.profile-section-grid{grid-template-columns:1fr;gap:20px}.profile-hero-stats,.profile-detail-grid.compact,.profile-form-grid,.profile-education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.profile-hero-card,.profile-info-card,.profile-collection-card,.profile-signature-card,.profile-upload-card,.profile-note-card,.profile-timeline-card,.profile-modal{padding:20px}.profile-hero-main{flex-direction:column;align-items:flex-start;gap:16px}.profile-hero-stats,.profile-detail-grid,.profile-detail-grid.compact,.profile-form-grid,.profile-education-grid{grid-template-columns:1fr}.profile-alert,.profile-form-actions,.profile-signature-meta{flex-direction:column;align-items:flex-start;gap:8px}.profile-signature-meta{align-items:stretch}.profile-inline-actions,.profile-card-actions{flex-wrap:wrap;width:100%}}.performance-page{flex-direction:column;gap:20px;display:flex}.performance-shell{flex-direction:column;gap:20px;max-width:1440px;display:flex}.performance-shell-card{box-shadow:none;background:0 0;border:none;padding:0;overflow:hidden}.performance-shell-hero{background:var(--color-primary-dark);color:var(--color-text-on-primary);border-radius:24px 24px 0 0;grid-template-columns:minmax(0,1.2fr) minmax(180px,.45fr) minmax(280px,.85fr);align-items:start;gap:20px;padding:24px 26px 26px;display:grid}.performance-shell-kicker{color:#ffffffe6;letter-spacing:.12em;text-transform:uppercase;background:#ffffff24;border-radius:999px;align-items:center;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.performance-shell-copy h2{letter-spacing:-.04em;color:#fff;margin-top:16px;font-size:clamp(1.5rem,2vw,2.05rem);font-weight:900}.performance-shell-copy p{color:#fffc;max-width:540px;margin-top:10px;font-size:13px;line-height:1.6}.performance-year-control{align-items:center;gap:12px;margin-top:16px;display:inline-flex}.performance-year-control strong{text-align:center;min-width:72px;font-size:1.25rem;font-weight:900}.performance-year-button{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));width:38px;height:38px;color:var(--color-text-primary);transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.performance-year-button:hover{background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));transform:translateY(-1px)}.performance-score-orbit{flex-direction:column;align-items:center;gap:10px;min-width:180px;padding-top:2px;display:flex}.performance-score-orbit-ring{border:8px solid color-mix(in srgb, var(--color-primary) 36%, var(--color-surface));border-radius:50%;place-items:center;width:124px;height:124px;display:grid}.performance-score-orbit-inner strong{letter-spacing:-.05em;font-size:1.85rem;font-weight:900}.performance-score-orbit span{color:#fffc;text-align:center;font-size:12px;font-weight:700}.performance-hero-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.performance-hero-note{background:#0a1c4942;border:1px solid #ffffff1f;border-radius:16px;min-height:86px;padding:14px;box-shadow:inset 0 1px #ffffff0d}.performance-hero-note span,.performance-pattern-summary span,.performance-side-card-head span,.performance-side-stats span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.performance-hero-note span{color:#fff9}.performance-hero-note strong{color:#fff;margin-top:8px;font-size:1rem;font-weight:900;line-height:1.35;display:block}.performance-content-grid{background:var(--color-surface-variant);border-radius:0 0 24px 24px;grid-template-columns:minmax(300px,.95fr) minmax(0,1.2fr);gap:16px;padding:16px;display:grid}.performance-section-card,.performance-months-card,.performance-side-card{background:color-mix(in srgb, var(--color-surface) 96%, transparent);border-radius:18px;padding:20px}.performance-section-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.performance-section-head h3,.performance-monthly-header h3{letter-spacing:-.02em;color:var(--color-text-primary);font-size:1.1rem;font-weight:900}.performance-monthly-header p,.performance-section-card span,.performance-summary-tile span,.performance-mini-stat span,.performance-detail-header p,.performance-detail-empty,.performance-legend-item span,.performance-pattern-panel p{color:var(--color-text-tertiary)}.performance-section-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.performance-section-icon.blue{color:#2563eb;background:#e7efff}.performance-section-icon.cyan{color:#06b6d4;background:#dff7fb}.performance-score-list{flex-direction:column;gap:14px;display:flex}.performance-score-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.performance-score-label{min-width:0;color:var(--color-text-secondary);align-items:center;gap:10px;font-size:13px;display:inline-flex}.performance-score-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.performance-score-dot.blue,.performance-score-fill.blue{background:#3b82f6}.performance-score-dot.green,.performance-score-fill.green{background:#1dbb87}.performance-score-dot.amber,.performance-score-fill.amber{background:#f59e0b}.performance-score-row strong{color:var(--color-text-primary);font-size:13px;font-weight:900}.performance-score-track{background:#edf2fb;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.performance-score-fill{border-radius:inherit;height:100%}.performance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.performance-summary-tile{border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.performance-summary-tile.blue{background:#edf3ff}.performance-summary-tile.green{background:#ecf9f4}.performance-summary-tile.amber{background:#fff8eb}.performance-summary-tile.rose{background:#fff1f3}.performance-summary-tile.indigo{background:#eef2ff}.performance-summary-icon{color:var(--color-text-primary);opacity:.9}.performance-summary-tile strong{color:var(--color-text-primary);font-size:1.375rem;font-weight:900;line-height:1;display:block}.performance-summary-tile span{margin-top:6px;font-size:12px;display:block}.performance-monthly-header{flex-direction:column;gap:4px;display:flex}.performance-monthly-header p{font-size:13px}.performance-workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);align-items:start;gap:16px;display:grid}.performance-month-list,.performance-month-item{flex-direction:column;display:flex}.performance-month-trigger{text-align:left;background:0 0;border:none;grid-template-columns:70px minmax(0,1fr) 84px 28px;align-items:center;gap:12px;width:100%;padding:6px 0;display:grid}.performance-month-name{color:var(--color-text-primary);font-size:16px;font-weight:800}.performance-month-name:after{content:"month";letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-top:2px;font-size:11px;display:block}.performance-month-bar{background:color-mix(in srgb, var(--color-neutral-200) 80%, var(--color-surface) 20%);border-radius:999px;height:14px;overflow:hidden}.performance-month-bar-fill{border-radius:inherit;height:100%}.performance-month-bar-fill.excellent{background:#1dbb87}.performance-month-value.excellent{color:#1dbb87}.performance-month-bar-fill.good{background:#37b980}.performance-month-value.good{color:#37b980}.performance-month-bar-fill.watch{background:#f59e0b}.performance-month-value.watch{color:#f59e0b}.performance-month-bar-fill.risk{background:#ef4444}.performance-month-value.risk{color:#ef4444}.performance-month-value{text-align:right;font-size:1.375rem;font-weight:900;line-height:1}.performance-month-trigger svg{color:var(--color-text-primary)}.performance-month-panel{padding:14px 0 4px}.performance-pattern-panel{background:color-mix(in srgb, var(--color-surface-variant) 88%, var(--color-primary-surface) 12%);border-radius:16px;padding:16px}.performance-pattern-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.performance-pattern-summary{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-neutral-200) 88%, transparent);border-radius:12px;min-width:92px;padding:12px}.performance-pattern-summary span{color:var(--color-text-tertiary)}.performance-pattern-summary strong{color:var(--color-text-primary);margin-top:8px;font-size:1.1rem;font-weight:900;display:block}.performance-pattern-panel h4{color:var(--color-text-primary);font-size:1rem;font-weight:900}.performance-pattern-panel p{margin-top:4px;font-size:12px}.performance-heatmap{flex-direction:column;gap:8px;margin-top:16px;display:flex}.performance-heatmap-head,.performance-heatmap-row{grid-template-columns:34px repeat(5,minmax(0,1fr));align-items:center;gap:8px;display:grid}.performance-heatmap-head span,.performance-heatmap-week{color:var(--color-text-tertiary);text-align:center;font-size:11px;font-weight:800}.performance-heatmap-cell{aspect-ratio:auto;color:#fff;width:100%;height:52px;transition:transform var(--transition-fast), filter var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.performance-heatmap-cell:hover{filter:brightness(1.02);transform:translateY(-1px)}.performance-heatmap-cell.empty{pointer-events:none;background:0 0}.performance-heatmap-cell.present{background:#1dbb7f}.performance-heatmap-cell.late{background:#f43f5e}.performance-heatmap-cell.exception{background:#f59e0b}.performance-heatmap-cell.absent{background:#d92d20}.performance-heatmap-cell.leave{background:#3b82f6}.performance-heatmap-cell.outstation{background:#eab308}.performance-heatmap-cell.holiday{background:#8b5cf6}.performance-heatmap-cell.waive{background:#6366f1}.performance-heatmap-cell:not(.empty):not(.present):not(.late):not(.exception):not(.absent):not(.leave):not(.outstation):not(.holiday):not(.waive),.performance-legend-dot.empty{background:color-mix(in srgb, var(--color-neutral-200) 84%, var(--color-surface) 16%);color:var(--color-text-tertiary)}.performance-legend{flex-wrap:wrap;gap:10px 14px;margin-top:16px;display:flex}.performance-legend-item{align-items:center;gap:8px;display:inline-flex}.performance-legend-item span{font-size:11px}.performance-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.performance-legend-dot.present{background:#1dbb7f}.performance-legend-dot.late{background:#f43f5e}.performance-legend-dot.exception{background:#f59e0b}.performance-legend-dot.absent{background:#d92d20}.performance-legend-dot.leave{background:#3b82f6}.performance-legend-dot.outstation{background:#eab308}.performance-legend-dot.holiday{background:#8b5cf6}.performance-legend-dot.waive{background:#6366f1}.performance-month-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin-top:16px;display:grid}.performance-mini-stat strong{text-align:center;font-size:15px;font-weight:900;display:block}.performance-mini-stat span{text-align:center;margin-top:4px;font-size:11px;display:block}.performance-mini-stat.blue strong{color:#3b82f6}.performance-mini-stat.green strong{color:#1dbb87}.performance-mini-stat.amber strong{color:#f59e0b}.performance-mini-stat.slate strong{color:#475569}.performance-mini-stat.indigo strong{color:#6366f1}.performance-month-divider{background:color-mix(in srgb, var(--color-neutral-200) 88%, transparent);height:1px;margin:12px 0}.performance-inline-loading{padding:20px 0}.performance-side-rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.performance-side-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.performance-side-card-head h4{color:var(--color-text-primary);font-size:1rem;font-weight:900}.performance-side-card-head span{color:var(--color-text-tertiary)}.performance-side-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.performance-side-stats div{background:color-mix(in srgb, var(--color-surface-variant) 86%, white 14%);border:1px solid color-mix(in srgb, var(--color-neutral-200) 85%, transparent);border-radius:12px;padding:12px}.performance-side-stats span{color:var(--color-text-tertiary)}.performance-side-stats strong{color:var(--color-text-primary);margin-top:8px;font-size:1.125rem;font-weight:900;display:block}.performance-detail-panel{min-height:420px}.performance-detail-placeholder{background:color-mix(in srgb, var(--color-surface-variant) 88%, var(--color-primary-surface) 12%);border:1px dashed color-mix(in srgb, var(--color-neutral-300) 86%, transparent);border-radius:14px;padding:14px}.performance-detail-placeholder strong{color:var(--color-text-primary);font-size:14px;font-weight:900;display:block}.performance-detail-placeholder p{color:var(--color-text-secondary);margin-top:8px;font-size:12px;line-height:1.6}.performance-detail-clear{color:var(--color-primary);font-size:12px;font-weight:800}.performance-detail-modal{width:100%;max-height:none;box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}.performance-detail-header{align-items:center;gap:12px;display:flex}.performance-detail-date-badge{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.4rem;font-weight:900;display:inline-flex}.performance-detail-date-badge.success{color:#1dbb7f;background:#dff5ed}.performance-detail-date-badge.holiday{color:#8b5cf6;background:#efe8fe}.performance-detail-date-badge.leave{color:#3b82f6;background:#e4eefe}.performance-detail-date-badge.outstation{color:#eab308;background:#fcf4dc}.performance-detail-date-badge.alert{color:#f43f5e;background:#fde4e8}.performance-detail-date-badge.exception{color:#f59e0b;background:#fef1dd}.performance-detail-date-badge.danger{color:#d92d20;background:#fae2e0}.performance-detail-date-badge.neutral{color:#64748b;background:#edf2f7}.performance-detail-date-badge.waive{color:#6366f1;background:#e9eafd}.performance-detail-header h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:900;line-height:1.2}.performance-detail-header p{margin-top:4px;font-size:12px}.performance-detail-status{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.performance-detail-status.success{color:#1dbb7f;background:#edfaf5;border-color:#d2f1e5}.performance-detail-status.waive{color:#6366f1;background:#f3f3fe;border-color:#e0e0fc}.performance-detail-status.holiday{color:#8b5cf6;background:#f6f2fe;border-color:#e8defd}.performance-detail-status.leave{color:#3b82f6;background:#eff5fe;border-color:#d8e6fd}.performance-detail-status.outstation{color:#eab308;background:#fdf9eb;border-color:#fbf0ce}.performance-detail-status.alert{color:#f43f5e;background:#fef0f2;border-color:#fdd9df}.performance-detail-status.exception{color:#f59e0b;background:#fef7eb;border-color:#fdecce}.performance-detail-status.danger{color:#d92d20;background:#fceeed;border-color:#f7d5d2}.performance-detail-status.neutral{color:#64748b;background:#f4f7fb;border-color:#dde4ef}.performance-detail-status-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.performance-detail-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.performance-detail-empty{background:#f8fafc;border-radius:12px;margin-top:14px;padding:14px;font-size:12px}.performance-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.performance-info-card,.performance-info-row{background:color-mix(in srgb, var(--color-surface-variant) 92%, var(--color-primary-surface) 8%);border:1px solid color-mix(in srgb, var(--color-neutral-200) 88%, transparent);border-radius:12px}.performance-info-card{padding:14px}.performance-info-card-label,.performance-info-row-label{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.performance-info-card.green svg{color:#1dbb87}.performance-info-card.blue svg{color:#3b82f6}.performance-info-card strong{color:var(--color-text-primary);margin-top:8px;font-size:1.35rem;font-weight:900;display:block}.performance-info-row{align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.performance-info-row strong{color:var(--color-text-primary);flex:1;font-size:12px;font-weight:800;line-height:1.5}@media (width<=1160px){.performance-shell-hero,.performance-content-grid,.performance-workspace-grid{grid-template-columns:1fr}.performance-score-orbit{justify-self:start}.performance-hero-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-side-rail{position:static}}@media (width<=900px){.performance-shell-hero{padding:20px}.performance-content-grid,.performance-section-card,.performance-months-card,.performance-side-card{padding:16px}.performance-summary-grid,.performance-month-stats,.performance-time-grid{grid-template-columns:1fr}.performance-month-trigger{grid-template-columns:54px minmax(0,1fr) 72px 24px;gap:12px}.performance-month-name:after{display:none}.performance-month-panel{padding-left:0}.performance-pattern-header,.performance-side-card-head{flex-direction:column}.performance-hero-rail,.performance-side-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.performance-shell-hero{border-radius:20px 20px 0 0}.performance-content-grid{border-radius:0 0 20px 20px}.performance-shell-copy h2{font-size:1.35rem}.performance-score-orbit{min-width:0}.performance-score-orbit-ring{width:108px;height:108px}.performance-pattern-panel{padding:14px}.performance-heatmap-head,.performance-heatmap-row{grid-template-columns:30px repeat(5,minmax(0,1fr));gap:6px}.performance-heatmap-cell{border-radius:10px;height:44px;font-size:11px}.performance-month-trigger{grid-template-columns:44px minmax(0,1fr) 62px 20px}.performance-month-bar{height:12px}.performance-hero-rail,.performance-side-stats{grid-template-columns:1fr}}.company-page{flex-direction:column;gap:24px;display:flex}.company-hero-card{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:center;gap:24px;padding:28px;display:grid;overflow:hidden}.company-hero-card.gradient .company-kicker{color:#ffffffc7;letter-spacing:.18em;background:0 0;margin-bottom:8px;padding:0;font-size:12px}.company-hero-card.gradient h2{color:var(--color-text-on-primary);margin-top:6px;margin-bottom:6px}.company-hero-card.gradient p{color:#ffffffd1}.company-hero-card.gradient .company-search{background:var(--color-surface);box-shadow:var(--shadow-md);border-color:#0000}.company-hero-card.gradient .company-search input{color:var(--color-text-primary)}.company-hero-card.gradient .company-search svg{color:var(--color-text-secondary)}.company-kicker,.company-panel-kicker{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.company-hero-copy h2,.company-panel-head h3{letter-spacing:-.02em;color:var(--color-text-primary);margin-top:14px;font-size:1.6rem;font-weight:900}.company-hero-copy p{max-width:680px;color:var(--color-text-secondary);margin-top:10px;line-height:1.65}.company-search{border:1px solid color-mix(in srgb, var(--color-neutral-300) 90%, transparent);background:color-mix(in srgb, var(--color-card-bg) 90%, white 10%);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:12px;padding:14px 16px;display:flex}.company-search svg{color:var(--color-text-tertiary);flex-shrink:0}.company-search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;font-size:14px}.company-search input:focus{outline:none}.company-stats{margin-top:-4px}.company-workspace{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.1fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.company-panel{background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card-bg));border-color:color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-200));padding:22px}.company-profile-panel{background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card-bg))}.company-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.company-panel-head h3{margin-bottom:0;font-size:1.15rem}.company-count-pill{background:color-mix(in srgb, var(--color-primary) 10%, transparent);min-width:40px;color:var(--color-primary);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.company-panel-search{border:1px solid color-mix(in srgb, var(--color-neutral-300) 80%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, white 6%);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:9px 12px;display:flex}.company-panel-search:focus-within{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.company-panel-search svg{color:var(--color-text-tertiary);flex-shrink:0}.company-panel-search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:13px}.company-department-list,.company-staff-list{flex-direction:column;gap:10px;display:flex}.company-department-item,.company-staff-item{border:1px solid color-mix(in srgb, var(--color-neutral-200) 88%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, white 6%);text-align:left;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border-radius:18px;align-items:center;gap:14px;padding:15px 16px;display:flex}.company-department-item:hover,.company-staff-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.company-department-item.active,.company-staff-item.active{border-color:color-mix(in srgb, var(--color-primary) 38%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface) 90%);box-shadow:var(--shadow-md)}.company-department-main,.company-staff-copy{flex:1;min-width:0}.company-department-icon{background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:42px;height:42px;color:var(--color-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.company-department-copy,.company-staff-copy{flex-direction:column;gap:4px;display:flex}.company-department-copy strong,.company-staff-copy strong,.company-profile-copy strong{color:var(--color-text-primary);font-size:14px;font-weight:800}.company-department-copy span,.company-staff-copy span,.company-staff-copy small,.company-profile-copy span,.company-profile-footnote,.company-detail-card span{color:var(--color-text-tertiary)}.company-staff-copy small{font-size:11px}.company-department-meta{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.company-item-arrow{color:var(--color-text-tertiary);flex-shrink:0}.company-profile-hero{background:color-mix(in srgb, var(--color-card-bg) 88%, var(--color-primary) 12%);border:1px solid color-mix(in srgb, var(--color-neutral-200) 85%, transparent);border-radius:22px;align-items:center;gap:18px;padding:18px;display:flex}.company-profile-copy{min-width:0}.company-profile-copy span{margin-top:6px;display:block}.company-profile-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.company-profile-pills span{background:color-mix(in srgb, var(--color-surface) 88%, white 12%);border:1px solid color-mix(in srgb, var(--color-neutral-200) 90%, transparent);color:var(--color-text-secondary);border-radius:999px;margin-top:0;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.company-detail-section{margin-top:20px}.company-detail-section h4{color:var(--color-text-primary);margin-bottom:12px;font-size:.95rem;font-weight:800}.company-detail-grid{grid-template-columns:1fr;gap:12px;display:grid}.company-detail-grid-compact{grid-template-columns:1fr}.company-detail-card{background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-neutral-200));border-radius:18px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.company-detail-card svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}.company-detail-card span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.company-detail-card strong{color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word;font-size:14px;line-height:1.5}.company-profile-footnote{margin-top:18px;font-size:12px;line-height:1.55}@media (width<=1240px){.company-workspace{grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr)}.company-profile-panel{grid-column:1/-1}}@media (width<=920px){.company-hero-card,.company-workspace,.company-detail-grid,.company-detail-grid-compact{grid-template-columns:1fr}}@media (width<=640px){.company-hero-card,.company-panel{padding:20px}.company-profile-hero{flex-direction:column;align-items:flex-start}.company-department-item,.company-staff-item{padding:14px}}.org-chart-canvas{min-height:400px;padding:32px 24px 64px;overflow:auto visible}.org-chart-tree{flex-direction:column;align-items:center;gap:0;min-width:max-content;display:flex}.org-node{background:var(--color-surface);border:1px solid var(--color-neutral-200);cursor:default;border-radius:16px;align-items:center;gap:12px;width:clamp(220px,20vw,320px);min-width:220px;max-width:320px;padding:12px 18px;transition:box-shadow .2s,transform .15s;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.org-node:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.org-node-avatar{object-fit:cover;background:var(--color-neutral-100);width:42px;height:42px;color:var(--color-text-tertiary);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}.org-node-avatar img{object-fit:cover;width:100%;height:100%}.org-node-info{min-width:0}.org-node-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.org-node-position{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.org-node.org-node--root{border:2px solid var(--color-primary);min-width:220px;box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 12%, transparent);padding:14px 22px}.org-node--root .org-node-avatar{width:50px;height:50px;font-size:20px}.org-node--root .org-node-name{font-size:14px}.org-node--root .org-node-position{font-size:12px}.org-node.org-node--multi-unit{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1.5px solid #8b5cf6;box-shadow:0 4px 14px #8b5cf626}.org-node.org-node--multi-unit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf640}.org-node-multi-badge-row{align-items:center;gap:6px;margin-top:3px;display:flex}.org-node-multi-badge{color:#fff;letter-spacing:.02em;background:#8b5cf6;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:800;display:inline-flex}.org-node-unit-chip{color:#2563eb;letter-spacing:.02em;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.org-dept-pill{color:#fff;white-space:nowrap;letter-spacing:.01em;text-align:center;border-radius:24px;justify-content:center;align-items:center;min-width:140px;padding:6px 24px;font-size:12px;font-weight:700;display:inline-flex}:root{--org-line-color:var(--color-neutral-300,#cbd5e1)}.org-connector-v{background:var(--org-line-color);width:2px;margin:0 auto}.org-connector-v--short{height:20px}.org-connector-v--med{height:28px}.org-branches{align-items:flex-start;gap:32px;display:flex;position:relative}.org-branches:before{content:"";top:0;left:var(--branch-line-left,0);background:var(--org-line-color);height:2px;width:var(--branch-line-width,0);position:absolute}.org-dept-col{flex-direction:column;align-items:center;gap:0;min-width:220px;display:flex;position:relative}.org-dept-col:before{content:"";background:var(--org-line-color);width:2px;height:20px}.org-pyramid-row{justify-content:center;align-items:flex-start;gap:0;display:flex;position:relative}.org-pyramid-branch{flex-direction:column;align-items:center;min-width:0;padding:0 10px;display:flex;position:relative}.org-pyramid-row>.org-pyramid-branch:not(:first-child):before,.org-unit-group-row>.org-pyramid-branch:not(:first-child):before{content:"";background:var(--org-line-color);height:2px;position:absolute;top:0;left:-12px;right:50%}.org-pyramid-row>.org-pyramid-branch:not(:last-child):after,.org-unit-group-row>.org-pyramid-branch:not(:last-child):after{content:"";background:var(--org-line-color);height:2px;position:absolute;top:0;left:50%;right:-12px}.org-pyramid-row>.org-pyramid-branch:first-child:last-child:before,.org-pyramid-row>.org-pyramid-branch:first-child:last-child:after,.org-unit-group-row>.org-pyramid-branch:first-child:last-child:before,.org-unit-group-row>.org-pyramid-branch:first-child:last-child:after{display:none}.org-pyramid-branch>.org-connector-v--short:first-child{height:14px}.org-member-connector{background:var(--org-line-color);width:2px;height:12px;margin:0 auto}.org-unit-group-row{justify-content:center;align-items:flex-start;gap:12px;display:flex;position:relative}.org-node-reorder-group{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:3px 6px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.org-node-reorder-group:hover{border-color:var(--color-primary-light,#93c5fd);box-shadow:0 3px 12px #4f8cff26}.org-node-reorder-btn{border:1px solid var(--color-neutral-200);background:var(--color-neutral-50);width:22px;height:22px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.org-node-reorder-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.org-node-reorder-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--color-text-tertiary);background:0 0;border-color:#0000}.org-node-drag-handle{width:20px;height:22px;color:var(--color-text-tertiary);cursor:grab;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.org-node-drag-handle:hover{color:var(--color-primary)}.org-search-bar{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:12px;align-items:center;gap:8px;max-width:280px;padding:8px 14px;transition:border-color .2s;display:flex}.org-search-bar:focus-within{border-color:var(--color-primary)}.org-search-bar input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.org-search-bar input::placeholder{color:var(--color-text-tertiary)}.org-stats{flex-wrap:wrap;gap:12px;display:flex}.org-stat-pill{background:var(--color-neutral-50);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200);border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.org-stat-pill strong{color:var(--color-text-primary);font-weight:800}.org-node--highlight{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent), 0 6px 20px #00000014!important}.org-zoom-controls{z-index:20;background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:12px;gap:6px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 12px #0000001a}.org-zoom-btn{border:1px solid var(--color-neutral-200);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;place-items:center;font-size:15px;transition:all .15s;display:grid}.org-zoom-btn:hover{background:var(--color-neutral-50);color:var(--color-text-primary);border-color:var(--color-primary)}@media (width<=768px){.org-branches{gap:16px}.org-node{gap:10px;min-width:170px;padding:10px 14px}.org-node-avatar{width:36px;height:36px;font-size:14px}.org-dept-pill{min-width:110px;padding:5px 16px;font-size:11px}}.org-chart-canvas--editing{background-image:radial-gradient(circle, var(--color-neutral-300) 1px, transparent 1px)!important;background-size:20px 20px!important;background-color:var(--color-neutral-50)!important;border-style:dashed!important;border-color:var(--color-primary)!important}.org-dept-col--draggable{cursor:grab;transition:opacity .2s,transform .15s}.org-dept-col--draggable:active{cursor:grabbing}.org-dept-col--dragging{opacity:.75}.org-dept-col--dragging .org-node{border:2px dashed var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));box-shadow:none}.org-dept-col--drag-over{transform:scale(1.04)}.org-dept-col--drag-over>.org-dept-pill{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent)}.org-node--drop-target{position:relative}.org-node--drop-target>.org-node,.org-node--drop-target .org-node{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 40%, transparent), 0 6px 20px #0000001f;border-color:var(--color-primary);transition:all .15s;transform:scale(1.03)}.org-node--draggable{cursor:grab}.org-node--draggable:active{cursor:grabbing}.org-edit-bar{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));border:1px dashed var(--color-primary);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 20px;display:flex}.org-edit-bar-label{color:var(--color-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.org-edit-bar-actions{gap:8px;display:flex}.org-edit-btn{cursor:pointer;border:none;border-radius:10px;padding:7px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.org-edit-btn--save{background:var(--color-primary);color:#fff}.org-edit-btn--save:hover{opacity:.9;box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent)}.org-edit-btn--cancel{background:var(--color-neutral-100);color:var(--color-text-secondary)}.org-edit-btn--cancel:hover{background:var(--color-neutral-200)}.org-unit-pills-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:340px;margin-bottom:6px;display:flex}.org-unit-pill{letter-spacing:.3px;text-transform:uppercase;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4f8cff 0%,#3b82f6 100%);border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-bottom:2px;padding:4px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 10px #3b82f640}.org-unit-pill--editable{padding-right:6px}.org-unit-pill-title{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.org-unit-pill-remove{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;transition:all .15s;display:inline-flex}.org-unit-pill-remove:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.org-unit-pill-add,.org-unit-add{letter-spacing:.3px;color:var(--color-primary);border:1.5px dashed var(--color-primary);cursor:pointer;background:#4f8cff14;border-radius:20px;justify-content:center;align-items:center;gap:4px;margin-bottom:2px;padding:4px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #4f8cff1a}.org-unit-pill-add:hover,.org-unit-add:hover{background:var(--color-primary);color:#fff;border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #4f8cff4d}.org-unit-pill--editing input,.org-unit-input{border:2px solid var(--color-primary);text-align:center;background:var(--color-surface);width:130px;color:var(--color-text-primary);border-radius:14px;outline:none;padding:3px 10px;font-size:11px;font-weight:700;box-shadow:0 0 0 3px #4f8cff33}@media (width>=1400px){.org-node{width:clamp(250px,22vw,360px);min-width:250px;max-width:360px;padding:14px 20px}.org-node.org-node--root{width:clamp(280px,24vw,400px);min-width:280px;max-width:400px}.org-dept-col{min-width:260px}}@media (width>=1600px){.org-node{width:clamp(280px,24vw,400px);min-width:280px;max-width:400px;padding:16px 22px}.org-node.org-node--root{width:clamp(320px,26vw,440px);min-width:320px;max-width:440px}.org-dept-col{min-width:290px}}@media print{@page{size:landscape;margin:6mm}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}aside,header,nav,.sidebar,.topbar,.org-zoom-controls,.org-search-bar,.org-edit-bar,button{display:none!important}.org-chart-canvas{box-shadow:none!important;background:0 0!important;border:none!important;justify-content:center!important;width:100%!important;padding:0!important;display:flex!important;overflow:visible!important}.org-chart-tree{transform:scale(var(--org-print-scale,.5))!important;transform-origin:top!important;width:max-content!important;margin:0 auto!important;position:relative!important}.org-chart-tree svg{pointer-events:none!important;z-index:5!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important;overflow:visible!important}.org-node{box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #cbd5e1!important}.org-unit-pill{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;white-space:nowrap!important;box-shadow:none!important;background:#6366f1!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:2px 8px!important;font-size:9px!important;display:inline-flex!important}.org-unit-pills-row{flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;margin-bottom:3px!important;display:flex!important}.org-joint-parents-row{justify-content:center!important;align-items:stretch!important;gap:20px!important;display:flex!important}.org-joint-parent-item{flex-direction:column!important;justify-content:space-between!important;height:100%!important;display:flex!important}.org-joint-parent-item .org-node{flex:1!important;align-items:center!important;height:100%!important;min-height:52px!important;display:flex!important}.org-joint-top-connector-arm,.org-joint-connector-arm{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.org-joint-top-connector-arm--left .org-joint-bar,.org-joint-connector-arm--left .org-joint-bar{right:-11px!important}.org-joint-top-connector-arm--right .org-joint-bar,.org-joint-connector-arm--right .org-joint-bar{left:-11px!important}}.org-unit-group-row--vertical{flex-direction:column!important;align-items:center!important;gap:0!important;display:flex!important}.org-unit-group-row--vertical>.org-pyramid-branch{padding:0!important}.org-unit-group-row--vertical>.org-pyramid-branch:before,.org-unit-group-row--vertical>.org-pyramid-branch:after{display:none!important}.org-unit-header-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.org-unit-header-controls{align-items:center;gap:6px;display:flex}.org-unit-orientation-toggle{background:var(--color-surface);border:1px solid var(--color-neutral-200);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.org-unit-orientation-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.org-top-drop-zone{color:#2563eb;cursor:pointer;text-align:center;background:#eff6ff;border:2px dashed #93c5fd;border-radius:12px;justify-content:center;align-items:center;width:fit-content;max-width:90%;margin:8px auto 14px;padding:8px 20px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.org-top-drop-zone:hover,.org-top-drop-zone--active{color:#1d4ed8;background:#dbeafe;border-color:#2563eb;transform:scale(1.02);box-shadow:0 4px 12px #2563eb26}.org-node-unit-editor{align-items:center;gap:4px;margin-top:4px;display:flex}.org-card-unit-chip{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:700;transition:all .15s;display:inline-flex}.org-card-unit-chip:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.org-card-unit-input-wrap{align-items:center;gap:4px;display:flex}.org-card-unit-input{border:1.5px solid var(--color-primary);background:var(--color-surface);color:var(--color-text-primary);border-radius:6px;outline:none;width:130px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:600;box-shadow:0 0 0 2px #4f8cff26}.org-node-reset-sup-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:9.5px;font-weight:700;transition:all .15s;display:inline-flex}.org-node-reset-sup-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px)}.org-card-link-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:9.5px;font-weight:700;transition:all .15s;display:inline-flex}.org-card-link-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.org-card-link-popover{background:var(--color-surface);border:1px solid var(--color-neutral-200);z-index:50;text-align:left;border-radius:12px;width:240px;margin-top:6px;padding:12px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000002e}.org-card-link-popover-title{color:var(--color-text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.org-card-link-select{border:1px solid var(--color-neutral-300);background:var(--color-neutral-50);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:600}.org-btn-link-cancel{border:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.org-btn-link-add{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:700}.org-btn-link-add:disabled{opacity:.5;cursor:not-allowed}.org-card-link-existing{border-top:1px solid var(--color-neutral-200);margin-top:10px;padding-top:8px}.org-card-link-item{color:var(--color-text-secondary);background:var(--color-neutral-50);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;padding:3px 6px;font-size:10px;display:flex}.org-card-link-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:2px;display:grid}.org-card-link-remove:hover{background:#fee2e2}.org-link-route-group{background:var(--color-neutral-100);border-radius:8px;gap:4px;margin-top:6px;padding:2px;display:flex}.org-link-route-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:4px 6px;font-size:9.5px;font-weight:700;transition:all .15s}.org-link-route-btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.org-link-offset-row{color:var(--color-text-secondary);align-items:center;gap:8px;margin-top:6px;font-size:10px;display:flex}.org-link-offset-slider{height:4px;accent-color:var(--color-primary);cursor:pointer;border-radius:2px;flex:1}.org-joint-branch{flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.org-joint-top-stem-in{background:var(--org-line-color);width:2px;height:14px;margin:0 auto}.org-joint-bracket-row{align-items:stretch;width:100%;height:14px;display:flex;position:relative}.org-joint-bracket-half{flex:1;height:14px;position:relative}.org-joint-bracket-half .org-joint-stem{background:var(--org-line-color);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.org-joint-top-bracket .org-joint-bracket-half--left .org-joint-bar{background:var(--org-line-color);height:2px;position:absolute;top:0;left:50%;right:0}.org-joint-top-bracket .org-joint-bracket-half--right .org-joint-bar{background:var(--org-line-color);height:2px;position:absolute;top:0;left:0;right:50%}.org-joint-parents-row{justify-content:center;align-items:center;gap:28px;width:100%;display:flex;position:relative}.org-joint-parent-item{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.org-joint-bottom-bracket .org-joint-bracket-half--left .org-joint-bar{background:var(--org-line-color);height:2px;position:absolute;bottom:0;left:50%;right:0}.org-joint-bottom-bracket .org-joint-bracket-half--right .org-joint-bar{background:var(--org-line-color);height:2px;position:absolute;bottom:0;left:0;right:50%}.org-joint-center-drop-stem{background:var(--org-line-color);width:2px;height:16px;margin:0 auto;position:relative}.org-joint-children-row{flex-direction:column;align-items:center;width:100%;display:flex}.org-joint-children-row>.org-pyramid-row>.org-pyramid-branch:before,.org-joint-children-row>.org-pyramid-row>.org-pyramid-branch:after,.org-joint-children-row>.org-pyramid-row>.org-pyramid-branch>.org-connector-v--short:first-child,.org-joint-children-row>.org-pyramid-row>.org-unit-group-branch:before,.org-joint-children-row>.org-pyramid-row>.org-unit-group-branch:after,.org-joint-children-row>.org-pyramid-row>.org-unit-group-branch>.org-connector-v--short:first-child,.org-joint-children-row>.org-pyramid-row>.org-unit-group-branch>.org-unit-header-wrap>.org-connector-v--short{display:none!important}.org-cosup-btn{color:#16a34a;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:9.5px;font-weight:700;transition:all .15s;display:inline-flex}.org-cosup-btn:hover{color:#fff;background:#16a34a;border-color:#16a34a;transform:translateY(-1px)}.org-cosup-list{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.org-cosup-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.org-cosup-pill-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.org-link-badge-handle:hover{transform:scale(1.1)}.reports-page{gap:24px;display:grid}.reports-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reports-hero-card{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);align-items:center;gap:20px;display:grid}.reports-kicker{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.reports-hero-card h2{margin:14px 0 8px;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2}.reports-hero-card p{color:var(--color-text-secondary);margin:0;line-height:1.7}.reports-hero-pills{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.reports-hero-pills span{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-elevated) 88%, white);border:1px solid var(--color-neutral-200);color:var(--color-text-primary);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.reports-filters,.reports-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.reports-actions{grid-template-columns:minmax(240px,1fr) auto;align-items:end}.reports-filters label,.reports-actions label{gap:8px;display:grid}.reports-filters span,.reports-actions span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.reports-filters input,.reports-filters select,.reports-actions select,.reports-search input{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text-primary);padding:0 14px}.reports-search{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);align-items:center;gap:10px;min-height:48px;margin-bottom:16px;padding:0 14px;display:flex}.reports-search input{background:0 0;border:none;outline:none;min-height:40px;padding:0}.reports-hint{color:var(--color-text-secondary);margin:14px 0 0;line-height:1.7}.reports-access-note{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-info) 16%, transparent);background:color-mix(in srgb, var(--color-info) 7%, transparent);color:var(--color-text-secondary);margin-top:14px;padding:12px 14px;font-size:14px}.reports-subfilters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.reports-subfilters label{gap:8px;display:grid}.reports-subfilters span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.reports-subfilters input,.reports-subfilters select{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text-primary);padding:0 14px}.reports-error{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-error) 18%, transparent);background:color-mix(in srgb, var(--color-error) 7%, transparent);color:var(--color-error);padding:14px 16px;font-weight:600}.reports-table-wrap{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);overflow:auto}.reports-table{border-collapse:collapse;width:100%;min-width:760px}.reports-table th,.reports-table td{border-bottom:1px solid var(--color-neutral-200);text-align:left;vertical-align:top;padding:12px 14px}.reports-table thead th{background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.reports-table tbody tr:hover{background:color-mix(in srgb, var(--color-primary) 3%, transparent)}.reports-preview-card{gap:16px;display:grid}.reports-inline-preview{gap:16px;margin-top:16px;display:grid}.reports-preview-frame{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;width:100%;min-height:900px}.reports-staff-grid{align-items:start}@media (width<=1080px){.reports-hero-card,.reports-filters,.reports-actions,.reports-subfilters{grid-template-columns:1fr}.reports-hero-pills{justify-content:flex-start}}.actions-dashboard-card{margin-bottom:24px;padding:0;overflow:hidden}.actions-dashboard-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;padding:24px;display:flex}.actions-dashboard-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.actions-dashboard-total{color:var(--color-text-primary);margin-top:4px;font-size:32px;font-weight:800;line-height:1}.actions-refresh-btn{gap:8px;height:40px;padding:0 16px}.actions-tab-strip{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-100);grid-template-columns:repeat(4,1fr);display:grid}.actions-tab-pill{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:700;display:flex;position:relative}.actions-tab-pill:after{content:"";background:var(--actions-tab-accent,var(--color-primary));opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;bottom:0;left:0;right:0}.actions-tab-pill.active{color:#ef4444;background:var(--color-surface)}.actions-tab-pill.active:after{opacity:1}.actions-tab-pill-main{align-items:center;gap:8px;display:flex}.actions-tab-count{background:var(--color-neutral-200);color:var(--color-text-secondary);border-radius:10px;padding:2px 6px;font-size:11px;font-weight:800}.actions-tab-pill.active .actions-tab-count{color:#fff;background:#ef4444}.actions-tab-count--red{color:#fff!important;background:#ef4444!important}.actions-list-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.actions-list-title{color:var(--color-text-primary);font-size:18px;font-weight:800}.actions-list-subtitle{color:var(--color-text-secondary);max-width:520px;margin-top:4px;font-size:13px}.actions-list-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px;display:grid}.actions-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;width:100%;transition:all .2s;display:flex;padding:24px!important}.actions-item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.actions-item-user-row{align-items:center;gap:16px;display:flex}.actions-item-name{color:#1e293b;font-size:16px;font-weight:800}.actions-item-user-meta{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:11px;font-weight:700}.actions-item-status-col{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.actions-item-year{color:#475569;background:#f1f5f9;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:700}.actions-item-main-section{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.actions-item-field{flex-direction:column;gap:4px;display:flex}.actions-item-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.actions-item-field-value{color:#0f172a;font-size:14px;font-weight:800}.actions-item-field-tag{color:#065f46;background:#ecfdf5;border-radius:20px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:800}.actions-item-period-section{border:1px dashed #cbd5e1;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.actions-item-period-box{flex-direction:column;gap:4px;display:flex}.actions-item-period-label{color:#94a3b8;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.actions-item-period-label:after{content:"";background:#cbd5e1;width:1px;height:10px}.actions-item-reason-box{color:#475569;background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:12px;padding:14px;font-size:13px}@keyframes approvals-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.approvals-modal-wide .modal-content{max-width:1400px!important}.approval-modal-body{gap:24px;display:grid}.approval-modal-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.approval-modal-staff-name{color:var(--color-text-primary);margin-bottom:2px;font-size:16px;font-weight:800}.approval-modal-staff-meta{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:13px;display:flex}.approval-modal-staff-id{color:var(--color-text-tertiary)}.approval-modal-staff-right{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.approval-quota-section{margin-bottom:24px}.section-group-title{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:800}.section-group-subtitle{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:12px;font-size:11px;font-weight:700}.quota-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quota-card{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:16px}.quota-label{color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.quota-value{color:var(--color-text-primary);font-size:24px;font-weight:800}.quota-meta{color:var(--color-text-tertiary);margin-top:4px;font-size:11px}.approval-modal-details{gap:24px;margin-bottom:24px;display:grid}.approval-modal-grid-3{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.approval-modal-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.approval-modal-field{flex-direction:column;gap:6px;display:flex}.approval-modal-field-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10px;font-weight:800}.approval-modal-field-value{color:#0f172a;font-size:14px;font-weight:800}.approval-modal-field-tag{color:#334155;background:#f1f5f9;border-radius:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.date-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.date-box-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:10px;font-weight:800}.approval-modal-note-box{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:80px;padding:16px;font-size:14px}.approval-modal-actions{border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.approval-modal-main-actions{gap:12px;display:flex}.animate-fade-in{animation:.3s fadeIn}@media (width<=900px){.actions-tab-strip{grid-template-columns:1fr 1fr}.actions-list-grid{grid-template-columns:1fr}}@media (width<=640px){.actions-dashboard-topbar,.actions-list-header{flex-direction:column;align-items:stretch}.actions-tab-strip{grid-template-columns:1fr}.actions-tab-pill{padding:11px 12px}.quota-grid,.approval-modal-grid-3{grid-template-columns:1fr}}.claim-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;width:100%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;padding:24px!important}.claim-card:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.claim-card-header{align-items:center;gap:16px;display:flex}.claim-card-avatar{color:#0f766e;background:#e6f7f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex}.claim-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.claim-card-name{color:#1e293b;text-transform:uppercase;font-size:16px;font-weight:800}.claim-card-role,.claim-card-dept{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.claim-card-badges{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.claim-card-year{color:#0f766e;background:#e6f7f4;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:700}.claim-card-dashed-box{background:#f0fdfa;border:1px dashed #2dd4bf;border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.claim-card-dashed-field{flex-direction:column;gap:4px;display:flex}.claim-card-label{color:#0f766e;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.claim-card-value{color:#0f172a;font-size:15px;font-weight:800}.claim-card-value.highlight-amount{color:#0f172a;font-weight:850}.claim-card-footer{flex-direction:column;gap:12px;margin-top:4px;display:flex}.claim-card-items-badge{color:#0f766e;background:#e6f7f4;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.claim-card-footer-box{color:#475569;background:#f8fafc;border-left:4px solid #2dd4bf;border-radius:12px;padding:14px 16px;font-size:13px;font-weight:600}.claim-modal-grid{grid-template-columns:2.2fr 1fr;gap:24px;margin-top:16px;display:grid}.claim-modal-left-column{flex-direction:column;gap:24px;display:flex}.claim-modal-right-column{flex-direction:column;gap:20px;display:flex}.claim-modal-split-grid{grid-template-columns:1.1fr 1.9fr;gap:20px;display:grid}.claim-modal-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:none!important;padding:20px!important}.claim-summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.claim-summary-stat-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;min-height:86px;padding:16px;display:flex}.claim-summary-stat-box.text-blue .stat-value{color:#2563eb}.claim-summary-stat-box .stat-value{color:#1e293b;font-size:16px;font-weight:850;line-height:1.3}.claim-summary-stat-box .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px;font-weight:700}.claim-timeline{flex-direction:column;gap:20px;padding-left:8px;display:flex;position:relative}.claim-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:20px}.claim-timeline-item{gap:16px;display:flex;position:relative}.claim-timeline-node{color:#64748b;z-index:1;background:#e2e8f0;border:2px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.claim-timeline-node.completed{color:#065f46;background:#d1fae5}.claim-timeline-node.rejected{color:#b91c1c;background:#fee2e2}.claim-timeline-node.pending{color:#d97706;background:#fef3c7}.claim-timeline-content{flex:1}.claim-timeline-title{color:#1e293b;font-size:13px;font-weight:800}.claim-timeline-meta{color:#475569;margin-top:2px;font-size:12px;font-weight:600}.claim-timeline-role{color:#94a3b8;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:700}.claim-timeline-date{color:#94a3b8;margin-top:4px;font-size:11px}.claim-timeline-comment{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:6px;padding:6px 12px;font-size:12px;font-style:italic;line-height:1.4}.claim-detail-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:12px;gap:14px;padding:16px;transition:all .2s;display:flex;position:relative}.claim-detail-item-card.approved{background:#22c55e0f;border-color:#22c55e59 #22c55e59 #22c55e59 #22c55e}.claim-detail-item-card.rejected{background:#ef44440f;border-color:#ef444459 #ef444459 #ef444459 #ef4444}.claim-detail-item-card.amend-rejected{background:#f59e0b0f;border-color:#f59e0b66 #f59e0b66 #f59e0b66 #f59e0b}.item-icon-container{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.claim-detail-item-card.approved .item-icon-container{color:#065f46;background:#d1fae5;border-color:#22c55e33}.claim-detail-item-card.rejected .item-icon-container{color:#991b1b;background:#fee2e2;border-color:#ef444433}.claim-detail-item-card.amend-rejected .item-icon-container{color:#92400e;background:#fef3c7;border-color:#f59e0b33}.item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-category{color:#1e293b;font-size:14px;font-weight:850}.item-date{color:#94a3b8;font-size:11px;font-weight:700}.item-description{color:#475569;font-size:13px;line-height:1.4}.item-rujukan{color:#94a3b8;font-size:11px;font-weight:700}.item-attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.item-attachment-link{color:#ef4444;background:#fee2e2;border:1px solid #ef44441a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.leave-modal-attachment-card{transition:all .2s}.leave-modal-attachment-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1a;background:#eff6ff!important;border-color:#93c5fd!important}.item-verification-comment{color:#ef4444;background:#fee2e2;border:1px solid #ef44441a;border-radius:8px;align-items:start;gap:6px;margin-top:6px;padding:6px 12px;font-size:12px;line-height:1.4;display:flex}.item-right-actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.item-amount{color:#1e293b;font-size:15px;font-weight:850}.item-action-btns{gap:6px;display:flex}.item-btn-action{cursor:pointer;border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:grid}.item-btn-action:hover{transform:scale(1.1)}.item-btn-action.approve{color:#065f46;background:#d1fae5;border-color:#065f46}.item-btn-action.reject{color:#991b1b;background:#fee2e2;border-color:#991b1b}@media (width<=1200px){.claim-modal-grid,.claim-modal-split-grid{grid-template-columns:1fr}}.claim-detail-modal .modal-content{max-width:1100px!important}.leave-detail-modal .modal-content{max-width:900px!important}.outstation-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;transition:all .25s;display:flex;padding:24px!important}.outstation-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 20px -5px #0000000d}.outstation-card-header{align-items:center;gap:14px;display:flex}.outstation-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.outstation-card-name{color:#0f172a;text-transform:uppercase;font-size:15px;font-weight:800}.outstation-card-dept{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:700}.outstation-card-status{margin-left:auto}.outstation-card-label{color:#1e293b;font-size:14px;font-weight:800}.outstation-card-tag{color:#fff;text-transform:uppercase;background:#10b981;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:800}.outstation-card-inner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.outstation-card-destination{color:#1e293b;font-size:14px;font-weight:800}.outstation-card-time-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.outstation-card-time-row .hingga{color:#94a3b8;font-size:12px;font-weight:600}.time-pill{background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.time-pill .date{color:#1e293b}.time-pill .time{color:#94a3b8}.outstation-card-footer{justify-content:flex-end;margin-top:16px;display:flex}.outstation-card-actions{gap:10px;display:flex}.outstation-btn-action{cursor:pointer;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.outstation-btn-action:hover{transform:scale(1.03)}.outstation-btn-action.approve{color:#065f46;background:#d1fae5;border-color:#065f46}.outstation-btn-action.reject{color:#991b1b;background:#fee2e2;border-color:#991b1b}.approval-modal-info .ui-avatar{background:0 0!important;border-radius:50%!important}.approval-modal-info .ui-avatar img{border-radius:50%!important}.exit-permit-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;display:flex;padding:24px!important}.exit-permit-card-header{align-items:center;gap:14px;display:flex}.exit-permit-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.exit-permit-card-name{color:#0f172a;text-transform:uppercase;font-size:15px;font-weight:800}.exit-permit-card-dept{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:700}.exit-permit-card-status-col{flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.exit-permit-card-device{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.exit-permit-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}.exit-permit-field{flex-direction:column;gap:4px;display:flex}.exit-permit-field .field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.exit-permit-field .field-value{color:#0f172a;font-size:14px;font-weight:800}.exit-permit-destination-box{background:#f0f7ff;border-radius:16px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;display:flex}.exit-permit-destination-box .dest-icon{color:#0284c7;margin-top:2px}.exit-permit-destination-box .dest-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.exit-permit-destination-box .dest-value{color:#0369a1;text-transform:uppercase;margin-top:2px;font-size:14px;font-weight:800}.exit-permit-reason-box{flex-direction:column;gap:4px;margin-top:16px;display:flex}.exit-permit-reason-box .reason-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.exit-permit-reason-box .reason-value{color:#1e293b;text-transform:uppercase;font-size:14px;font-weight:800}.exit-permit-divider{background:#e2e8f0;height:1px;margin:16px 0}.exit-permit-participants-row{justify-content:space-between;align-items:center;display:flex}.exit-permit-participants-row .participants-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.avatar-stack{align-items:center;display:flex}.avatar-stack .stacked-avatar{border:2px solid #fff;border-radius:50%;margin-left:-8px;overflow:hidden}.avatar-stack .stacked-avatar:first-child{margin-left:0}.exit-permit-card-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.exit-permit-btn-action{cursor:pointer;border:1px solid;border-radius:24px;align-items:center;gap:6px;padding:10px 24px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.exit-permit-btn-action:hover{transform:scale(1.03)}.exit-permit-btn-action.approve{color:#065f46;background:#d1fae5;border-color:#059669}.exit-permit-btn-action.reject{color:#991b1b;background:#fee2e2;border-color:#f87171}.item-amend-badge{color:#d97706;text-transform:uppercase;letter-spacing:.04em;background:#f59e0b1f;border-radius:20px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.reject-type-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.reject-type-option:hover{background:#f1f5f9}.reject-type-option.selected.proceed{background:#ef44440a;border-color:#ef444480}.reject-type-option.selected.bounce{background:#f59e0b0a;border-color:#f59e0b80}.reject-type-option-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.reject-type-option-icon.proceed{color:#ef4444;background:#ef44441a}.reject-type-option-icon.bounce{color:#f59e0b;background:#f59e0b1a}.reject-type-option-label{color:#0f172a;font-size:14px;font-weight:700}.reject-type-option.selected.proceed .reject-type-option-label{color:#ef4444}.reject-type-option.selected.bounce .reject-type-option-label{color:#d97706}.reject-type-option-desc{color:#64748b;margin-top:2px;font-size:11px}.employee-admin-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px;display:grid}.employee-admin-sidebar{gap:14px;padding:18px;display:grid;position:sticky;top:16px}.employee-admin-content{min-width:0}.employee-admin-search{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text-tertiary);transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:11px 14px;display:flex}.employee-admin-search:focus-within{border-color:var(--color-primary)}.employee-admin-search-input{width:100%;font:inherit;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:13px}.employee-admin-list{gap:8px;max-height:calc(100vh - 260px);display:grid;overflow:auto}.employee-admin-list-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:11px;padding:11px 12px;display:flex}.employee-admin-list-item:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.employee-admin-list-item.active{border-color:var(--color-primary);background:var(--color-primary-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.employee-admin-list-copy{flex:1;min-width:0}.employee-admin-list-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.employee-admin-list-meta{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.employee-admin-hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.employee-admin-hero-main{align-items:center;gap:14px;display:flex}.employee-admin-hero-title{letter-spacing:-.01em;font-size:1.25rem;font-weight:900}.employee-admin-hero-subtitle{color:#fffc;margin-top:4px;font-size:12.5px}.employee-admin-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.employee-admin-select-wrap,.employee-admin-field{gap:6px;display:grid}.employee-admin-select-wrap span,.employee-admin-field span{letter-spacing:.02em;color:inherit;font-size:12px;font-weight:700}.employee-admin-select{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);min-width:140px;color:var(--color-text-primary);font:inherit;cursor:pointer;padding:9px 12px;font-size:13px}.employee-admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.employee-admin-summary-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.employee-admin-summary-value{color:var(--color-text-primary);margin-top:6px;font-size:.95rem;font-weight:800}.employee-admin-table-wrap{overflow:auto}.employee-admin-main-panels{align-items:start;margin-bottom:20px}.employee-admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.employee-admin-action-list{gap:10px;display:grid}.employee-admin-action-card{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;cursor:pointer;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);align-items:flex-start;gap:14px;padding:16px;display:flex}.employee-admin-action-card:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent);background:var(--color-primary-surface);box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 12%, transparent);transform:translateY(-2px)}.employee-admin-action-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:38px;height:38px;color:var(--color-primary);transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.employee-admin-action-card:hover .employee-admin-action-icon{background:color-mix(in srgb, var(--color-primary) 18%, transparent)}.employee-admin-action-body{flex:1;min-width:0}.employee-admin-action-title{color:var(--color-text-primary);margin-bottom:3px;font-size:13.5px;font-weight:800}.employee-admin-action-copy{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.employee-admin-action-arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.employee-admin-action-card:hover .employee-admin-action-arrow{color:var(--color-primary);transform:translate(3px)}.employee-admin-action-time-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.employee-admin-action-time-chip{border-radius:var(--radius-full);background:var(--color-surface-variant);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.employee-admin-action-time-chip.in{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.employee-admin-action-time-chip.out{background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.employee-admin-manual-panel{gap:20px;display:grid}.employee-admin-manual-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.employee-admin-field-enhanced{gap:7px;display:grid}.employee-admin-field-enhanced label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.employee-admin-manual-header{align-items:flex-start;gap:14px;display:flex}.employee-admin-manual-header-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-module-attendance,var(--color-primary)) 14%, transparent);width:40px;height:40px;color:var(--color-module-attendance,var(--color-primary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.employee-admin-manual-header-title{color:var(--color-text-primary);margin-bottom:4px;font-size:14.5px;font-weight:800}.employee-admin-manual-header-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.employee-admin-manual-staff-highlight{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-module-attendance,var(--color-primary)) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-module-attendance,var(--color-primary)) 18%, transparent);align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.employee-admin-manual-staff-name{color:var(--color-text-primary);font-size:13.5px;font-weight:800}.employee-admin-manual-staff-meta{color:var(--color-text-secondary);margin-top:2px;font-size:11.5px}.employee-admin-manual-staff-empty{color:var(--color-text-tertiary);margin-bottom:12px;font-size:12.5px;font-style:italic}.employee-admin-manual-status{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.employee-admin-manual-status-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.employee-admin-manual-status.loading{background:var(--color-surface-variant);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200);animation:1.4s ease-in-out infinite pulse}.employee-admin-manual-status.loading .employee-admin-manual-status-dot{background:var(--color-text-tertiary)}.employee-admin-manual-status.exists{background:color-mix(in srgb, var(--color-info) 8%, transparent);color:var(--color-info);border:1px solid color-mix(in srgb, var(--color-info) 25%, transparent)}.employee-admin-manual-status.exists .employee-admin-manual-status-dot{background:var(--color-info)}.employee-admin-manual-status.new{background:color-mix(in srgb, var(--color-warning) 8%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent)}.employee-admin-manual-status.new .employee-admin-manual-status-dot{background:var(--color-warning)}.employee-admin-manual-optional{color:var(--color-text-tertiary);text-transform:none;letter-spacing:0;opacity:.8;font-size:10px;font-weight:600}.employee-admin-manual-footer{border-top:1px solid var(--color-neutral-200);justify-content:flex-end;margin-top:4px;padding-top:16px;display:flex}.employee-admin-record-badge{border-radius:var(--radius-md);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);color:var(--color-text-secondary);align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;display:inline-flex}.employee-admin-record-badge strong{color:var(--color-primary);font-weight:700;font-family:var(--font-mono,monospace);font-size:12px}.employee-admin-inline-note{border-radius:var(--radius-md);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);color:var(--color-text-secondary);margin-bottom:14px;padding:10px 14px;font-size:12.5px}.employee-admin-message-list{gap:8px;margin-top:16px;display:grid}.employee-admin-message-item{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-success) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-success) 22%, transparent);color:var(--color-text-primary);align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.employee-admin-message-item:before{content:"✓";background:var(--color-success);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:900;display:flex}.employee-admin-mode-group{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);display:inline-flex;overflow:hidden}.employee-admin-mode-btn{color:var(--color-text-secondary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600}.employee-admin-mode-btn.active{background:var(--color-primary);color:#fff}.employee-admin-mode-btn:not(.active):hover{background:var(--color-surface-variant)}.employee-admin-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;place-items:center;padding:24px;animation:.18s overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.employee-admin-modal{border-radius:var(--radius-xl);background:var(--color-card-bg);width:min(780px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);padding:22px;animation:.22s cubic-bezier(.34,1.56,.64,1) modal-in;overflow:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.employee-admin-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.employee-admin-modal-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:900}.employee-admin-modal-subtitle{color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.employee-admin-modal-close{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;width:34px;height:34px;color:var(--color-text-secondary);transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.employee-admin-modal-close:hover{background:var(--color-neutral-100)}.employee-admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.employee-admin-attachment-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.employee-admin-attachment-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);transition:box-shadow var(--transition-fast);text-decoration:none;overflow:hidden}.employee-admin-attachment-item:hover{box-shadow:var(--shadow-md)}.employee-admin-attachment-item img{object-fit:cover;background:var(--color-neutral-100);width:100%;height:110px;display:block}.employee-admin-attachment-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;padding:7px 9px;font-size:11px;overflow:hidden}.employee-admin-timeline{gap:14px;display:grid}.employee-admin-timeline-item{grid-template-columns:16px 1fr;align-items:start;gap:10px;display:grid}.employee-admin-timeline-dot{background:var(--color-primary);border-radius:999px;width:10px;height:10px;margin-top:5px}.employee-admin-timeline-title{color:var(--color-text-primary);font-size:13px;font-weight:800}.employee-admin-timeline-copy{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.employee-admin-timeline-time{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.eli-stat-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 12px;display:flex}.eli-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.eli-stat-card.clickable{cursor:pointer}.eli-stat-card.clickable.active{border-color:var(--eli-stat-color);background:color-mix(in srgb, var(--eli-stat-color) 4%, var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--eli-stat-color) 12%, transparent)}.eli-stat-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--eli-stat-color) 12%, transparent);width:36px;height:36px;color:var(--eli-stat-color);justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.eli-stat-value{color:var(--eli-stat-color);font-size:1.6rem;font-weight:900;line-height:1}.eli-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.eli-stat-ref{color:var(--eli-stat-color);opacity:.75;text-align:center;margin-top:4px;font-size:10.5px}.eli-section-header{color:var(--color-text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.eli-section-header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.eli-section-header-row .eli-section-header{margin-bottom:0}.eli-icon-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:-2px;display:inline-flex}.eli-icon-btn:hover:not(:disabled){background:var(--color-primary-surface);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.eli-icon-btn:disabled{opacity:.45;cursor:not-allowed}.eli-edit-hint{color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:var(--color-surface-variant);margin-bottom:12px;padding:7px 10px;font-size:11.5px;font-style:italic}.eli-balance-list{gap:14px;margin-bottom:4px;display:grid}.eli-balance-bar-wrap{border-radius:var(--radius-md);background:color-mix(in srgb, var(--eli-bar-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--eli-bar-color) 18%, transparent);padding:12px}.eli-balance-bar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.eli-balance-bar-label{color:var(--color-text-primary);font-size:12.5px;font-weight:800}.eli-balance-pill{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:11px;font-weight:700}.eli-progress-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--eli-bar-color) 20%, transparent);height:7px;margin-bottom:6px;overflow:hidden}.eli-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.2,.64,1)}.eli-balance-bar-footer{color:var(--color-text-tertiary);justify-content:space-between;align-items:center;font-size:11px;display:flex}.eli-quota-edit-row{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.eli-quota-edit-hint{color:var(--color-text-secondary);font-size:11.5px}.eli-quota-spinner{align-items:center;gap:6px;display:flex}.eli-spinner-btn{border-radius:var(--radius-full);border:1.5px solid var(--eli-bar-color,var(--color-primary));background:color-mix(in srgb, var(--eli-bar-color,var(--color-primary)) 10%, transparent);width:28px;height:28px;color:var(--eli-bar-color,var(--color-primary));cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.eli-spinner-btn:hover:not(:disabled){background:color-mix(in srgb, var(--eli-bar-color,var(--color-primary)) 22%, transparent)}.eli-spinner-btn:disabled{opacity:.35;cursor:not-allowed}.eli-spinner-value{text-align:center;min-width:36px;font-size:1.3rem;font-weight:900;line-height:1}.eli-save-quota-btn{justify-content:center;width:100%;margin-top:14px}.eli-eligible-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;display:flex}.eli-eligible-value{color:var(--color-info);font-size:3rem;font-weight:900;line-height:1}.eli-eligible-label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.eli-eligible-na{color:var(--color-text-tertiary);font-size:13px;font-style:italic}.eli-eligible-ref{color:var(--color-text-tertiary);border-radius:var(--radius-full);background:var(--color-surface-variant);margin-top:8px;padding:4px 10px;font-size:11px}.eli-action-group{align-items:center;gap:5px;display:flex}.eli-action-btn{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.eli-action-btn.view{color:var(--color-info)}.eli-action-btn.view:hover{background:var(--color-info-light);border-color:color-mix(in srgb, var(--color-info) 30%, transparent)}.eli-action-btn.edit{color:var(--color-primary)}.eli-action-btn.edit:hover{background:var(--color-primary-surface);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.eli-action-btn.delete{color:var(--color-error)}.eli-action-btn.delete:hover:not(:disabled){background:var(--color-error-light);border-color:color-mix(in srgb, var(--color-error) 30%, transparent)}.eli-action-btn:disabled{opacity:.4;cursor:not-allowed}.eli-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;place-items:center;padding:24px;animation:.18s overlay-in;display:grid;position:fixed;inset:0}.eli-dialog{border-radius:var(--radius-xl);background:var(--color-card-bg);width:min(420px,100%);box-shadow:var(--shadow-xl);text-align:center;padding:28px 24px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) modal-in}.eli-dialog-icon-wrap{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:inline-flex}.eli-dialog-title{color:var(--color-text-primary);margin-bottom:10px;font-size:1.1rem;font-weight:900}.eli-dialog-body{color:var(--color-text-secondary);text-align:left;font-size:13px}.eli-dialog-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.eli-confirm-body{gap:8px;display:grid}.eli-confirm-row{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.eli-confirm-row span:first-child{color:var(--color-text-tertiary)}.eli-confirm-warning{color:var(--color-error);text-align:center;margin-top:4px;font-size:12px}.eli-confirm-quota-row{color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.eli-confirm-quota-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.eli-confirm-quota-pill{border-radius:var(--radius-full);margin-left:auto;padding:3px 10px;font-size:13px;font-weight:800}.ui-btn.danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.ui-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 85%, black)}.eli-toast{z-index:400;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);white-space:nowrap;align-items:center;gap:9px;padding:11px 20px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.eli-toast.success{background:var(--color-success);color:#fff}.eli-toast.error{background:var(--color-error);color:#fff}.eli-empty-text{color:var(--color-text-tertiary);text-align:center;padding:8px 0;font-size:12.5px}@media (width<=1100px){.employee-admin-layout{grid-template-columns:1fr}.employee-admin-sidebar{position:static}}@media (width<=840px){.employee-admin-summary-grid,.employee-admin-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.employee-admin-hero,.employee-admin-hero-main{flex-direction:column;align-items:flex-start}.employee-admin-summary-grid,.employee-admin-form-grid{grid-template-columns:1fr}.employee-admin-select{min-width:100%}.eli-dialog{padding:22px 18px 18px}.grid-4{grid-template-columns:repeat(2,1fr)}}.eli-apply-leave-btn{box-sizing:border-box;border-radius:var(--radius-md);color:#fff;height:38px;font:inherit;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), transform var(--transition-fast);background:#ffffff38;border:1.5px solid #ffffff73;align-self:flex-end;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.eli-apply-leave-btn:hover{background:#ffffff52;transform:translateY(-1px)}.eli-apply-modal{width:min(620px,100%)}.eli-leave-type-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.eli-leave-type-chip{border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--chip-color) 35%, transparent);background:color-mix(in srgb, var(--chip-color) 10%, transparent);color:var(--chip-color);font:inherit;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);padding:7px 14px;font-size:12.5px;font-weight:700}.eli-leave-type-chip:hover{background:color-mix(in srgb, var(--chip-color) 18%, transparent);transform:translateY(-1px)}.eli-leave-type-chip.active{background:var(--chip-color);color:#fff;border-color:var(--chip-color);box-shadow:0 3px 8px color-mix(in srgb, var(--chip-color) 35%, transparent)}.eli-apply-row{margin-bottom:14px}.eli-apply-option-group{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);gap:0;display:inline-flex;overflow:hidden}.eli-apply-option-btn{color:var(--color-text-secondary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:8px 18px;font-size:13px;font-weight:600}.eli-apply-option-btn.active{background:var(--color-primary);color:#fff}.eli-apply-option-btn:not(.active):hover{background:var(--color-surface-variant)}.eli-apply-preview{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);gap:0;margin-bottom:16px;display:grid;overflow:hidden}.eli-apply-preview-row{background:var(--color-surface-variant);justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;display:flex}.eli-apply-preview-row+.eli-apply-preview-row{border-top:1px solid var(--color-neutral-200)}.eli-apply-preview-row span:first-child{color:var(--color-text-tertiary);font-weight:600}.eli-attachment-upload{margin-bottom:16px}.eli-attachment-label{border:1.5px dashed var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.eli-attachment-label:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-surface)}.eli-attachment-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.eli-attachment-chip{border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:200px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.eli-attachment-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.eli-attachment-remove:hover{opacity:1}.eli-detail-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--banner-color) 18%, var(--color-surface)), color-mix(in srgb, var(--banner-color) 8%, var(--color-surface)));border-bottom:2px solid color-mix(in srgb, var(--banner-color) 25%, transparent);padding:28px 24px 22px;position:relative}.eli-detail-banner-close{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.eli-detail-banner-close:hover{background:var(--color-neutral-100)}.eli-detail-banner-type{color:var(--banner-color);letter-spacing:-.02em;margin-bottom:10px;padding-right:40px;font-size:1.35rem;font-weight:900}.eli-detail-banner-meta{align-items:center;gap:10px;display:flex}.eli-detail-banner-id{color:var(--color-text-tertiary);font-size:12px;font-weight:600;font-family:var(--font-mono,monospace)}.eli-detail-chips{background:var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.eli-detail-chip{background:var(--color-surface);color:var(--color-text-tertiary);align-items:flex-start;gap:10px;padding:14px 20px;display:flex}.eli-detail-chip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:3px;font-size:10.5px;font-weight:700}.eli-detail-chip-value{color:var(--color-text-primary);font-size:13.5px;font-weight:700;line-height:1.3}.eli-detail-section{border-bottom:1px solid var(--color-neutral-200);padding:18px 24px}.eli-detail-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.eli-detail-section-count{border-radius:var(--radius-full);background:var(--color-primary-surface);min-width:20px;height:20px;color:var(--color-primary);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.eli-detail-reason{color:var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-surface-variant);border-left:3px solid var(--color-neutral-300);padding:12px 14px;font-size:14px;line-height:1.65}.eli-detail-reason-na{color:var(--color-text-tertiary);font-style:italic}.eli-detail-empty{color:var(--color-text-tertiary);font-size:13px;font-style:italic}.eli-detail-attachments{flex-wrap:wrap;gap:10px;display:flex}.eli-detail-attachment-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:100px;transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;align-items:center;text-decoration:none;display:flex;overflow:hidden}.eli-detail-attachment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.eli-detail-attachment-thumb{object-fit:cover;background:var(--color-neutral-100);width:100%;height:72px;display:block}.eli-detail-attachment-icon{background:var(--color-primary-surface);width:100%;height:72px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.eli-detail-attachment-name{width:100%;color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-top:1px solid var(--color-neutral-200);padding:6px 7px;font-size:10.5px;overflow:hidden}.eli-detail-timeline{flex-direction:column;display:flex}.eli-detail-timeline-item{align-items:stretch;gap:14px;display:flex}.eli-detail-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.eli-detail-timeline-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.eli-detail-timeline-line{background:var(--color-neutral-200);flex:1;width:2px;min-height:16px;margin:4px 0}.eli-detail-timeline-body{flex:1;padding-bottom:16px}.eli-detail-timeline-item:last-child .eli-detail-timeline-body{padding-bottom:0}.eli-detail-timeline-actor{color:var(--color-text-primary);font-size:13px;font-weight:800}.eli-detail-timeline-action{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.eli-detail-timeline-when{color:var(--color-text-tertiary);margin-top:3px;font-size:11px}.eli-view-modal{width:min(560px,100%);padding:0;overflow:hidden}.eli-view-loading{justify-content:center;padding:48px 0;display:flex}.eli-view-topbar{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:14px 16px 14px 20px;display:flex}.eli-view-topbar-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.eli-view-header{border-bottom:1px solid var(--color-neutral-200);align-items:flex-start;gap:14px;padding:18px 20px 16px;display:flex}.eli-view-icon-box{background:color-mix(in srgb, var(--icon-color) 12%, transparent);width:48px;height:48px;color:var(--icon-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eli-view-header-info{flex:1;min-width:0}.eli-view-leave-type{color:var(--color-text-primary);margin-bottom:3px;font-size:16px;font-weight:900;line-height:1.2}.eli-view-date-range{color:var(--color-text-tertiary);margin-bottom:2px;font-size:13px}.eli-view-days{color:var(--color-text-secondary);font-size:12px;font-weight:700}.eli-view-info-grid{border-bottom:1px solid var(--color-neutral-200);grid-template-columns:repeat(3,1fr);display:grid}.eli-view-info-cell{border-right:1px solid var(--color-neutral-200);padding:13px 18px}.eli-view-info-cell:last-child{border-right:none}.eli-view-info-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:4px;font-size:10.5px;font-weight:700}.eli-view-info-value{color:var(--color-text-primary);font-size:13px;font-weight:700;line-height:1.3}.eli-view-mono{font-family:var(--font-mono,monospace);color:var(--color-text-secondary);font-size:12px}.eli-view-section{border-bottom:1px solid var(--color-neutral-200);padding:16px 20px}.eli-view-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);align-items:center;gap:7px;margin-bottom:10px;font-size:10.5px;font-weight:800;display:flex}.eli-view-badge{background:var(--color-primary-surface);min-width:18px;height:18px;color:var(--color-primary);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.eli-view-reason{color:var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-surface-variant);border-left:3px solid var(--color-neutral-300);padding:11px 14px;font-size:14px;line-height:1.65}.eli-view-reason-extra{border-top:1px solid var(--color-neutral-200);color:var(--color-text-tertiary);margin-top:6px;padding-top:6px;font-size:13px}.eli-view-reason-na{color:var(--color-text-tertiary);font-style:italic}.eli-view-empty{color:var(--color-text-tertiary);font-size:13px;font-style:italic}.eli-view-attachments{flex-wrap:wrap;gap:10px;display:flex}.eli-view-attachment{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:96px;transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.eli-view-attachment:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.eli-view-attachment-preview{background:var(--color-primary-surface);width:100%;height:68px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.eli-view-attachment-preview img{object-fit:cover;width:100%;height:100%;display:block}.eli-view-attachment-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-top:1px solid var(--color-neutral-200);padding:5px 7px;font-size:10px;overflow:hidden}.eli-view-timeline{flex-direction:column;display:flex}.eli-view-tl-row{align-items:stretch;gap:14px;display:flex}.eli-view-tl-track{flex-direction:column;flex-shrink:0;align-items:center;padding-top:3px;display:flex}.eli-view-tl-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.eli-view-tl-line{background:var(--color-neutral-200);flex:1;width:2px;min-height:14px;margin:3px 0}.eli-view-tl-body{flex:1;padding-bottom:14px}.eli-view-tl-row:last-child .eli-view-tl-body{padding-bottom:0}.eli-view-tl-actor{color:var(--color-text-primary);font-size:13px;font-weight:800}.eli-view-tl-action{color:var(--color-text-secondary);margin-top:1px;font-size:13px}.eli-view-tl-when{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.eld-modal{overscroll-behavior:contain;flex-direction:column;gap:12px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:0 0 24px;display:flex;overflow-y:auto}.eld-modal-body{flex-direction:column;gap:12px;display:flex}.eld-loading{justify-content:center;padding:56px 0;display:flex}.eld-header-card{background:var(--color-card-bg);border-bottom:1px solid var(--color-neutral-200);padding:18px 18px 16px}.eld-staff-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.eld-avatar{background:var(--color-primary-surface);width:44px;height:44px;color:var(--color-primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.eld-staff-info{flex:1;min-width:0}.eld-staff-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.eld-staff-id{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-mono,monospace);margin-top:1px}.eld-close-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.eld-close-btn:hover{background:var(--color-neutral-100)}.eld-type-highlight{border-radius:var(--radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--eld-accent) 8%, var(--color-surface)), color-mix(in srgb, var(--eld-accent) 3%, var(--color-surface)));border:1px solid color-mix(in srgb, var(--eld-accent) 14%, transparent);align-items:center;gap:12px;padding:12px 14px;display:flex}.eld-type-icon{background:color-mix(in srgb, var(--eld-accent) 12%, transparent);width:36px;height:36px;color:var(--eld-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eld-type-info{flex:1;min-width:0}.eld-type-name{color:var(--eld-accent);font-size:14px;font-weight:800;line-height:1.2}.eld-type-range{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.eld-day-pill{background:var(--eld-accent);color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:700}.eld-section-card{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);margin:0 12px;overflow:hidden}.eld-section-header{align-items:center;gap:10px;padding:13px 16px;display:flex}.eld-section-icon{background:var(--color-primary-surface);width:30px;height:30px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eld-section-title{color:var(--color-text-primary);flex:1;font-size:13.5px;font-weight:800}.eld-count-chip{background:var(--color-primary-surface);color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.eld-section-divider{background:var(--color-neutral-100);height:1px}.eld-section-body{padding:14px 16px}.eld-info-row{align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.eld-info-row-last{padding-bottom:0}.eld-info-icon{color:color-mix(in srgb, var(--color-primary) 60%, transparent);flex-shrink:0;margin-top:1px}.eld-info-label{width:110px;color:var(--color-text-tertiary);flex-shrink:0;font-size:12px;font-weight:600;line-height:1.5}.eld-info-value{color:var(--color-text-primary);word-break:break-word;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.5}.eld-attachment-wrap{flex-wrap:wrap;gap:10px;display:flex}.eld-attachment-thumb{cursor:pointer;border-radius:10px;flex-shrink:0;width:88px;height:88px;text-decoration:none;display:block;position:relative;overflow:hidden}.eld-attachment-thumb img{object-fit:cover;width:100%;height:100%;display:block}.eld-attachment-doc{background:var(--color-neutral-100);width:100%;height:100%;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.eld-attachment-doc span{color:var(--color-text-tertiary);font-size:9px;font-weight:800}.eld-attachment-overlay{background:linear-gradient(#0000,#0009);padding:4px 6px;position:absolute;inset:auto 0 0}.eld-attachment-overlay span{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;display:block;overflow:hidden}.eld-attachment-expand{color:#fff;background:#0006;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px}.eld-empty{color:var(--color-text-tertiary);align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.eld-timeline{flex-direction:column;display:flex}.eld-tl-row{align-items:stretch;gap:8px;display:flex}.eld-tl-rail{flex-direction:column;flex-shrink:0;align-items:center;width:44px;display:flex}.eld-tl-connector-top{background:var(--color-neutral-200);width:2px;height:8px}.eld-tl-node{background:color-mix(in srgb, var(--node-color) 12%, transparent);border:2px solid color-mix(in srgb, var(--node-color) 30%, transparent);width:28px;height:28px;color:var(--node-color);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eld-tl-connector-bot{background:var(--color-neutral-200);flex:1;width:2px;min-height:10px}.eld-tl-card{border-radius:var(--radius-sm);background:var(--color-surface-variant);flex:1;margin-bottom:10px;padding:10px 12px}.eld-tl-card.eld-tl-card-first{background:color-mix(in srgb, var(--node-color) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--node-color) 12%, transparent)}.eld-tl-row:last-child .eld-tl-card{margin-bottom:0}.eld-tl-action{font-size:13px;font-weight:700;line-height:1.3}.eld-tl-actor{color:var(--color-text-secondary);margin-top:1px;font-size:12px}.eld-tl-when{color:var(--color-text-tertiary);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.eli-pagination{border-top:1px solid var(--color-neutral-200);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;display:flex}.eli-pagination-btn{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.eli-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-surface)}.eli-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.eli-pagination-info{color:var(--color-text-secondary);font-size:13px;font-weight:500}.admin-module-shell{gap:20px;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.admin-module-hero{border-radius:var(--radius-xl);background:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;border:none;gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}[data-mode=dark] .admin-module-hero{background:var(--color-primary-dark)}.admin-module-hero:after{content:none}.admin-module-hero-top,.admin-module-hero-bottom{z-index:1;position:relative}.admin-module-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);font-size:12px;font-weight:800}.admin-module-hero .admin-module-kicker{color:#ffffffd9}.admin-module-title{color:var(--color-text-primary);margin-top:10px;font-size:clamp(1.5rem,2vw,2rem);font-weight:900}.admin-module-hero .admin-module-title{color:#fff}.admin-module-copy{max-width:760px;color:var(--color-text-secondary);margin-top:8px;font-size:14px;line-height:1.6}.admin-module-hero .admin-module-copy{color:#ffffffe6}.admin-module-pill-row{flex-wrap:wrap;gap:10px;display:flex}.admin-module-pill{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-neutral-200));color:var(--color-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffad;padding:10px 14px;font-size:12px;font-weight:700}.admin-module-hero .admin-module-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40}.admin-module-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.admin-module-actions,.admin-module-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-module-search{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);min-width:min(360px,100%);color:var(--color-text-tertiary);align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-module-search input,.admin-module-select,.admin-module-input,.admin-module-textarea{width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:none;outline:none}.admin-module-select-wrap,.admin-module-field{gap:8px;display:grid}.admin-module-select-wrap span,.admin-module-field span,.admin-module-field label{color:var(--color-text-secondary);font-size:12px;font-weight:700}.admin-module-select,.admin-module-input,.admin-module-textarea{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);padding:12px 14px}.admin-module-select:disabled,.admin-module-input:disabled,.admin-module-textarea:disabled,.admin-module-select[readonly],.admin-module-input[readonly],.admin-module-textarea[readonly]{background-color:var(--color-surface-variant);color:var(--color-text-secondary);cursor:not-allowed}.admin-module-textarea{resize:vertical;min-height:120px}.admin-module-notice{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);padding:14px 16px;font-size:13px;font-weight:700}.admin-module-notice.success{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface));color:var(--color-success)}.admin-module-notice.error{border-color:color-mix(in srgb, var(--color-error) 28%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-error) 9%, var(--color-surface));color:var(--color-error)}.admin-module-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);align-items:start;gap:20px;display:grid}.admin-module-grid-wide{grid-template-columns:minmax(0,1fr)}.admin-module-stack{gap:16px;min-width:0;display:grid}.admin-module-subtabs{background:#f3f6fb;border-radius:14px;gap:8px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}.admin-module-subtab{color:#7184a3;min-width:180px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1 1 0;padding:10px 14px;font-size:13px;font-weight:700;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s}.admin-module-subtab:hover{color:var(--color-primary)}.admin-module-subtab.active{color:var(--color-primary);background:#fff;border-color:#e2e8f4;box-shadow:0 1px 2px #0f172a14}.admin-module-table-wrap{overflow:auto}.admin-module-search-filter{flex:380px;min-width:260px;max-width:460px}.admin-module-status-filter{flex:0 0 180px;min-width:180px}.admin-module-toolbar-right{justify-content:flex-end}.admin-module-toolbar-right .admin-module-filters{flex-wrap:wrap;justify-content:flex-end;align-items:end;margin-left:auto}.admin-module-toolbar-right .admin-module-filters .ui-btn{white-space:nowrap;flex:none}.admin-module-table{border-collapse:collapse;width:100%}.admin-module-table th,.admin-module-table td{border-bottom:1px solid var(--color-neutral-200);text-align:left;vertical-align:top;padding:14px 12px}.admin-module-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:12px;font-weight:800}.admin-module-row-title{color:var(--color-text-primary);font-size:14px;font-weight:800}.admin-module-row-copy{color:var(--color-text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.admin-module-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-module-color-badge{border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.admin-module-color-badge:before{content:"";background:currentColor;border-radius:999px;width:9px;height:9px}.admin-module-color-primary{background:color-mix(in srgb, var(--color-primary) 14%, white);color:var(--color-primary)}.admin-module-color-warning{background:color-mix(in srgb, var(--color-warning) 16%, white);color:#9a6500}.admin-module-color-danger{background:color-mix(in srgb, var(--color-error) 14%, white);color:var(--color-error)}.admin-module-form{gap:16px;display:grid}.admin-module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-module-form-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-module-form-grid.single{grid-template-columns:minmax(0,1fr)}.admin-module-section-panel{gap:16px;display:grid}.admin-module-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-module-section-head-inline{align-items:flex-end}.admin-module-filters-inline{flex-wrap:nowrap;align-items:flex-end;margin-left:0}.admin-module-filters-right{margin-left:auto}.admin-module-toolbar-btn{border-radius:var(--radius-md);white-space:nowrap;min-height:46px;padding:12px 16px}.admin-module-section-title{color:var(--color-text-primary);font-size:15px;font-weight:800}.admin-module-section-copy{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.admin-module-helper{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.admin-module-staff-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-info) 7%, var(--color-surface));align-items:center;gap:14px;padding:16px;display:flex}.admin-module-staff-copy{min-width:0}.admin-module-staff-name{color:var(--color-text-primary);font-size:16px;font-weight:900}.admin-module-staff-meta{color:var(--color-text-secondary);margin-top:5px;font-size:12px}.admin-module-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-module-detail-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);padding:14px}.admin-module-detail-card strong{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:12px;font-weight:800;display:block}.admin-module-detail-card span{color:var(--color-text-primary);margin-top:6px;font-size:14px;font-weight:700;display:block}.admin-module-role-list{gap:10px;display:grid}.admin-module-role-row{grid-template-columns:140px 1fr 1fr auto;align-items:end;gap:10px;display:grid}.admin-module-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=1100px){.admin-module-grid{grid-template-columns:1fr}}@media (width<=900px){.admin-module-form-grid,.admin-module-form-grid.triple,.admin-module-detail-grid,.admin-module-day-grid{grid-template-columns:1fr}}@media (width<=720px){.admin-module-toolbar,.admin-module-actions,.admin-module-filters,.admin-module-section-head{align-items:stretch}.admin-module-filters-inline{flex-wrap:wrap;margin-left:0}.admin-module-search{min-width:100%}.admin-module-role-row{grid-template-columns:1fr}}.searchable-staff-select-container{width:100%;position:relative}.searchable-staff-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.searchable-staff-select-caret{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--color-text-secondary);width:0;height:0;margin-left:8px;transition:transform .2s}.searchable-staff-select-container:focus-within .searchable-staff-select-caret{transform:rotate(180deg)}.searchable-staff-select-dropdown{z-index:100;background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d);flex-direction:column;max-height:280px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.searchable-staff-select-search-wrap{border-bottom:1px solid var(--color-neutral-200);background:var(--color-bg-secondary,#00000005);align-items:center;gap:8px;padding:8px 12px;display:flex}.searchable-staff-select-search-icon{color:var(--color-text-secondary);flex-shrink:0}.searchable-staff-select-search-input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:4px 0;font-size:13px}.searchable-staff-select-options{flex:1;max-height:220px;overflow-y:auto}.searchable-staff-select-no-results{color:var(--color-text-secondary);text-align:center;padding:12px;font-size:13px}.searchable-staff-select-option{cursor:pointer;flex-direction:column;gap:2px;padding:8px 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.searchable-staff-select-option:hover{background-color:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.searchable-staff-select-option.selected{background-color:var(--color-primary);color:#fff}.searchable-staff-select-option-name{font-weight:500}.searchable-staff-select-option-id{color:var(--color-text-secondary);font-size:11px}.searchable-staff-select-option.selected .searchable-staff-select-option-id{color:#fffc}.leave-admin-center-hero{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-neutral-200));background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)) 0%, var(--color-surface) 100%);gap:18px;padding:28px;display:grid}.leave-admin-center-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.leave-admin-center-card{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);gap:12px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.leave-admin-center-card:not(:disabled){cursor:pointer}.leave-admin-center-card:not(:disabled):hover,.leave-admin-center-card.active{border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-2px)}.leave-admin-center-card:disabled{opacity:.5;cursor:not-allowed}.leave-admin-center-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.leave-admin-center-card-icon{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.leave-admin-center-card-title{color:var(--color-text-primary);font-size:15px;font-weight:900}.leave-admin-center-card-copy,.leave-admin-center-card-route,.leave-admin-center-panel-head p,.leave-admin-center-inline-note,.leave-admin-preview-pill{color:var(--color-text-secondary);font-size:12px}.leave-admin-center-card-route{color:var(--color-primary);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.leave-admin-center-panel-head{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.leave-admin-center-panel-head h3{color:var(--color-text-primary);font-size:1.2rem}.leave-admin-center-panel-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:11px;font-weight:800}.leave-admin-preview-list{gap:14px;display:grid}.leave-admin-inline-filter{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);align-items:center;gap:10px;min-width:min(320px,100%);padding:12px 14px;display:flex}.leave-admin-inline-filter input{width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:none;outline:none}.leave-admin-person-cell,.leave-admin-preview-item{align-items:center;gap:12px;display:flex}.leave-admin-preview-item{border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));border-radius:16px;justify-content:space-between;padding:14px}.leave-admin-preview-pill{background:color-mix(in srgb, var(--color-primary) 10%, white);text-align:center;min-width:34px;color:var(--color-primary);border-radius:999px;padding:8px 10px;font-weight:800}.leave-admin-modal-overlay{z-index:140;background:#05132670;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.leave-admin-modal{background:var(--color-surface);border:1px solid var(--color-neutral-200);width:min(760px,100%);max-height:calc(100vh - 36px);box-shadow:var(--shadow-lg);border-radius:24px;padding:22px;overflow:auto}.leave-admin-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.leave-admin-modal-header h3{color:var(--color-text-primary)}.leave-admin-modal-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none}@media (width<=900px){.leave-admin-center-panel-head{display:grid}}@media (width<=640px){.leave-admin-inline-filter{min-width:100%}.leave-admin-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.quota-cuti-tabs{margin-bottom:20px}.offday-view-tabs{border-bottom:2px solid var(--color-neutral-200);gap:8px;margin-bottom:20px;display:flex}.offday-view-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}.offday-view-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.offday-view-tab:hover{color:var(--color-primary)}.offday-week-timeline{align-items:center;gap:6px;display:flex}.offday-day-badge{background:var(--color-neutral-100);width:32px;height:32px;color:var(--color-text-secondary);border:1px solid var(--color-neutral-200);cursor:default;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex;position:relative}.offday-day-badge.off-day{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.offday-day-badge.work-day{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.offday-day-badge .tooltip{visibility:hidden;background-color:var(--color-text-primary);color:var(--color-surface);text-align:center;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-sm);z-index:10;opacity:0;padding:6px 10px;font-size:10px;font-weight:500;transition:opacity .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.offday-day-badge:hover .tooltip{visibility:visible;opacity:.95}.offday-calendar-container{gap:16px;display:grid}.offday-calendar-header{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.offday-calendar-title{color:var(--color-text-primary);font-size:18px;font-weight:800}.offday-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.offday-calendar-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:12px;font-weight:700}.offday-calendar-cell{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);flex-direction:column;gap:8px;min-height:120px;padding:8px;transition:all .2s;display:flex}.offday-calendar-cell:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.offday-calendar-cell.outside-month{background:var(--color-surface-variant);opacity:.5}.offday-calendar-cell.today{border:2px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface))}.offday-calendar-cell-header{justify-content:space-between;align-items:center;display:flex}.offday-calendar-date-number{width:24px;height:24px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.offday-calendar-cell.today .offday-calendar-date-number{background:var(--color-primary);color:#fff}.offday-calendar-staff-list{flex-direction:column;gap:4px;max-height:80px;display:flex;overflow-y:auto}.offday-calendar-staff-item{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;align-items:center;gap:6px;padding:3px 6px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.offday-calendar-staff-item:hover{background:#fca5a5;transform:translateY(-1px)}.offday-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.offday-modal-container{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.offday-modal-header{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.offday-modal-title{color:var(--color-text-primary);font-size:18px;font-weight:800}.offday-modal-close{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.offday-modal-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.offday-modal-body{padding:24px}.offday-modal-footer{border-top:1px solid var(--color-neutral-200);background:var(--color-surface-variant);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.offday-form-schedule-grid{background:var(--color-surface-variant);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);gap:12px;margin-top:16px;padding:16px;display:grid}.offday-form-schedule-row{grid-template-columns:100px 120px 1fr;align-items:center;gap:16px;display:grid}.offday-checkbox-label{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.offday-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}:root{--sda-blue:#1a56db;--sda-blue-light:#e8f0fe;--sda-blue-dark:#1340a8;--sda-pink:#d63384;--sda-pink-light:#fde8f3;--sda-red:#dc2626;--sda-red-light:#fee2e2;--sda-green:#16a34a;--sda-green-light:#dcfce7;--sda-amber:#d97706;--sda-amber-light:#fef3c7;--sda-purple:#7c3aed;--sda-purple-light:#ede9fe;--sda-glass:#ffffffb8;--sda-glass-border:#1a56db1f;--sda-shadow:0 4px 24px #1a56db14, 0 1px 4px #0000000a;--sda-shadow-hover:0 8px 32px #1a56db24, 0 2px 8px #0000000f}.sda-shell{padding-bottom:3rem}.sda-notice{border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.25s sda-slide-down;display:flex}.sda-notice--success{background:var(--sda-green-light);color:var(--sda-green)}.sda-notice--error{background:var(--sda-red-light);color:var(--sda-red)}.sda-notice-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:2px;transition:opacity .15s;display:flex}.sda-notice-close:hover{opacity:1}.sda-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.sda-layout{grid-template-columns:1fr}}.sda-left-panel{flex-direction:column;gap:.75rem;display:flex;position:sticky;top:1rem}.sda-search-wrap{align-items:center;display:flex;position:relative}.sda-search-icon{color:var(--color-neutral-400);pointer-events:none;position:absolute;left:.875rem}.sda-search-input{border:1.5px solid var(--sda-glass-border);background:var(--sda-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--color-text-primary);border-radius:10px;outline:none;padding:.625rem 2.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #1a56db0f}.sda-search-input:focus{border-color:var(--sda-blue);box-shadow:0 0 0 3px #1a56db1a}.sda-search-clear{cursor:pointer;color:var(--color-neutral-400);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;right:.75rem}.sda-search-clear:hover{color:var(--color-text-primary)}.sda-search-hint{color:var(--color-neutral-400);margin:0;font-size:.75rem}.sda-search-loading{justify-content:center;padding:1rem 0;display:flex}.sda-results-list{flex-direction:column;gap:.5rem;max-height:65vh;padding-right:2px;display:flex;overflow-y:auto}.sda-staff-card{text-align:left;background:var(--sda-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--sda-glass-border);cursor:pointer;width:100%;box-shadow:var(--sda-shadow);border-radius:12px;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:all .2s;display:flex}.sda-staff-card:hover{border-color:var(--sda-blue);box-shadow:var(--sda-shadow-hover);transform:translate(2px)}.sda-staff-card--selected{border-color:var(--sda-blue);background:var(--sda-blue-light);box-shadow:0 0 0 2px #1a56db33, var(--sda-shadow)}.sda-staff-card-info{flex:1;min-width:0}.sda-staff-card-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sda-staff-card-sub{color:var(--color-neutral-500);margin-top:2px;font-size:.75rem}.sda-staff-card-meta{color:var(--sda-blue);align-items:center;gap:4px;margin-top:3px;font-size:.7rem;font-weight:500;display:flex}.sda-right-panel{min-height:400px}.sda-empty-panel{background:var(--sda-glass);border:1.5px dashed var(--sda-glass-border);color:var(--color-neutral-400);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;padding:4rem 2rem;display:flex}.sda-empty-icon-wrap{background:linear-gradient(135deg, var(--sda-blue-light), var(--sda-pink-light));width:72px;height:72px;color:var(--sda-blue);border-radius:50%;justify-content:center;align-items:center;display:flex}.sda-empty-panel p{text-align:center;max-width:280px;margin:0;font-size:.875rem}.sda-detail-panel{flex-direction:column;gap:1.25rem;display:flex}.sda-profile-card{border:1.5px solid var(--sda-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--sda-shadow);background:linear-gradient(135deg,#1a56db0f 0%,#d633840d 100%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.sda-profile-avatar-wrap{flex-shrink:0;position:relative}.sda-profile-active-dot{background:var(--sda-green);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.sda-profile-info{flex:1;min-width:0}.sda-profile-name{color:var(--color-text-primary);margin-bottom:2px;font-size:1.1rem;font-weight:700}.sda-profile-id{color:var(--color-neutral-500);margin-bottom:.5rem;font-size:.8rem}.sda-profile-tags{flex-wrap:wrap;gap:.375rem;display:flex}.sda-tag{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sda-tag--blue{background:var(--sda-blue-light);color:var(--sda-blue-dark)}.sda-tag--purple{background:var(--sda-purple-light);color:var(--sda-purple)}.sda-tag--green{background:var(--sda-green-light);color:var(--sda-green)}.sda-tag--amber{background:var(--sda-amber-light);color:var(--sda-amber)}.sda-deactivate-btn{background:linear-gradient(135deg, var(--sda-pink) 0%, var(--sda-red) 100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d6338440}.sda-deactivate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d6338459}.sda-deactivate-btn:active{transform:translateY(0)}.sda-tabs-bar{background:var(--sda-glass);border:1.5px solid var(--sda-glass-border);scrollbar-width:none;border-radius:12px;gap:.25rem;padding:4px;display:flex;overflow-x:auto}.sda-tabs-bar::-webkit-scrollbar{display:none}.sda-tab-btn{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:.5rem .875rem;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.sda-tab-btn:hover{color:var(--sda-blue);background:#1a56db0f}.sda-tab-btn--active{background:linear-gradient(135deg, var(--sda-blue) 0%, #2563eb 100%);color:#fff;box-shadow:0 2px 8px #1a56db33}.sda-tab-content{background:var(--sda-glass);border:1.5px solid var(--sda-glass-border);min-height:300px;box-shadow:var(--sda-shadow);border-radius:14px;padding:1.25rem}.sda-tab-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.sda-table-wrap{border-radius:10px;overflow-x:auto}.sda-table{border-collapse:collapse;width:100%;font-size:.8rem}.sda-table th{background:linear-gradient(135deg, var(--sda-blue-light) 0%, #1a56db0a 100%);color:var(--sda-blue-dark);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1.5px solid #1a56db1f;padding:.625rem .875rem;font-size:.72rem;font-weight:600}.sda-table th:first-child{border-radius:8px 0 0}.sda-table th:last-child{border-radius:0 8px 0 0}.sda-table td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-text-primary);vertical-align:middle;padding:.625rem .875rem}.sda-table tbody tr:last-child td{border-bottom:none}.sda-table tbody tr:hover td{background:#1a56db08}.sda-th-num{text-align:right!important}.sda-td-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.sda-td-present{color:var(--sda-green)}.sda-td-absent{color:var(--sda-red)}.sda-td-late{color:var(--sda-amber)}.sda-td-reason{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.sda-balance-pill{background:linear-gradient(135deg, var(--sda-blue) 0%, #2563eb 100%);color:#fff;text-align:center;border-radius:999px;min-width:32px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.sda-status-badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.sda-gratuiti-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.sda-gratuiti-stat{background:linear-gradient(135deg, var(--sda-glass) 0%, #1a56db08 100%);border:1.5px solid var(--sda-glass-border);border-radius:12px;padding:1rem 1.125rem}.sda-gratuiti-stat--full{grid-column:1/-1}.sda-gratuiti-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-400);margin-bottom:.375rem;font-size:.7rem;font-weight:600}.sda-gratuiti-stat-value{color:var(--color-text-primary);font-size:1rem;font-weight:700}.sda-highlight{color:var(--sda-blue);font-size:1.1rem}.sda-gratuiti-earnings-list{flex-direction:column;gap:4px;margin-top:.5rem;display:flex}.sda-gratuiti-earning-row{color:var(--color-text-primary);background:#1a56db0a;border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:.8rem;display:flex}.sda-loc-history-list{flex-direction:column;gap:1rem;display:flex}.sda-loc-history-card{border:1.5px solid var(--sda-glass-border);background:var(--sda-glass);border-radius:12px;padding:1rem 1.125rem;transition:box-shadow .2s}.sda-loc-history-card:hover{box-shadow:var(--sda-shadow-hover)}.sda-loc-open{background:linear-gradient(135deg, #16a34a0a 0%, var(--sda-glass) 100%);border-color:#16a34a4d}.sda-loc-closed{border-color:var(--sda-glass-border);opacity:.75}.sda-loc-history-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sda-loc-history-badge{color:var(--sda-green);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.sda-loc-closed .sda-loc-history-badge{color:var(--color-neutral-400)}.sda-loc-badge-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite sda-pulse}.sda-loc-closed .sda-loc-badge-dot{animation:none}.sda-loc-history-id{color:var(--color-neutral-400);font-size:.7rem;font-weight:500}.sda-loc-history-body{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.875rem;display:grid}.sda-loc-field{color:var(--color-text-primary);align-items:center;gap:6px;font-size:.8rem;display:flex}.sda-loc-field svg{color:var(--sda-blue);flex-shrink:0}.sda-loc-history-enddate{border-top:1px solid #1a56db1a;padding-top:.75rem}.sda-loc-enddate-label{color:var(--sda-blue-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.sda-loc-enddate-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sda-loc-date-input{border:1.5px solid var(--sda-glass-border);color:var(--color-text-primary);background:#fff;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.85rem;transition:border-color .2s}.sda-loc-date-input:focus{border-color:var(--sda-blue)}.sda-loc-save-btn{background:linear-gradient(135deg, var(--sda-blue) 0%, #2563eb 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #1a56db33}.sda-loc-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1a56db4d}.sda-loc-save-btn:disabled{opacity:.5;cursor:not-allowed}.sda-modal-body{flex-direction:column;gap:1.25rem;display:flex}.sda-modal-warning{background:var(--sda-red-light);color:var(--sda-red);border:1px solid #dc262633;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.875rem;line-height:1.5;display:flex}.sda-modal-warning svg{flex-shrink:0;margin-top:1px}.sda-modal-staff-preview{background:var(--sda-blue-light);border:1.5px solid #1a56db26;border-radius:10px;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.sda-modal-staff-name{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.sda-modal-staff-id{color:var(--color-neutral-500);font-size:.78rem}.sda-modal-confirm-label{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5;display:flex}.sda-modal-confirm-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--sda-blue);flex-shrink:0;margin-top:2px}.sda-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.sda-modal-cancel-btn{background:var(--color-neutral-100);border:1.5px solid var(--color-neutral-200);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.sda-modal-cancel-btn:hover{background:var(--color-neutral-200)}.sda-modal-confirm-btn{background:linear-gradient(135deg, var(--sda-pink) 0%, var(--sda-red) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d6338440}.sda-modal-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #d6338459}.sda-modal-confirm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@keyframes sda-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sda-pulse{0%,to{opacity:1}50%{opacity:.4}}.demographics-shell{gap:24px;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.demographics-skeleton-pulse{background:linear-gradient(90deg, color-mix(in srgb, var(--color-neutral-200) 40%, transparent) 0%, color-mix(in srgb, var(--color-neutral-200) 80%, transparent) 50%, color-mix(in srgb, var(--color-neutral-200) 40%, transparent) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite demographics-skeleton-shimmer}@keyframes demographics-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.demographics-hero{border-radius:var(--radius-xl);background:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}[data-mode=dark] .demographics-hero{background:var(--color-primary-dark)}.demographics-hero-kicker{text-transform:uppercase;letter-spacing:.12em;color:#ffffffd9;font-size:12px;font-weight:800}.demographics-hero-title{color:#fff;margin-top:10px;font-size:clamp(1.5rem,2vw,2rem);font-weight:900}.demographics-hero-copy{color:#ffffffe6;max-width:760px;margin-top:8px;font-size:14px;line-height:1.6}.demographics-hero-pills{flex-wrap:wrap;gap:10px;display:flex}.demographics-hero-pill{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;padding:10px 14px;font-size:12px;font-weight:700}.demographics-filters{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;max-width:100%;margin-left:auto;display:flex}.demographics-filter-group{box-sizing:border-box;flex:180px;gap:6px;min-width:140px;max-width:220px;display:grid}.demographics-filter-label{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:700}.demographics-filter-select{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;max-width:100%;color:var(--color-text-primary);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;outline:none;padding:9px 12px;font-size:13px}.demographics-stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.demographics-nav-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);box-shadow:var(--shadow-sm);gap:14px;padding:18px 20px;display:grid}.demographics-nav-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.demographics-nav-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.demographics-nav-subtitle{color:var(--color-text-tertiary);font-size:12px}.demographics-nav-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.demographics-nav-item{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);color:var(--color-text-primary);font:inherit;cursor:pointer;text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.demographics-nav-item:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));box-shadow:var(--shadow-sm);background:var(--color-surface);transform:translateY(-2px)}.demographics-nav-item-icon{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.demographics-nav-item-text{flex:1;gap:2px;min-width:0;display:grid}.demographics-nav-item-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.demographics-nav-item-desc{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demographics-nav-item-arrow{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .18s}.demographics-nav-item:hover .demographics-nav-item-arrow{color:var(--color-primary);transform:translate(3px)}.demographics-chart-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);box-shadow:var(--shadow-sm);gap:14px;padding:20px;display:grid}.demographics-chart-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.demographics-chart-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.demographics-chart-wrapper{width:100%;height:280px}.demographics-chart-tooltip{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-md);color:var(--color-text-primary);padding:10px 14px;font-size:12px}.demographics-chart-tooltip-title{color:var(--color-text-primary);border-bottom:1px solid var(--color-neutral-200);margin-bottom:6px;padding-bottom:4px;font-weight:800}.demographics-chart-tooltip-row{align-items:center;gap:8px;margin-top:4px;font-weight:600;display:flex}.demographics-chart-tooltip-dot{border-radius:999px;width:8px;height:8px}.demographics-section{gap:16px;display:grid}.demographics-section-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.demographics-section-title-row{align-items:center;gap:10px;min-width:0;display:flex}.demographics-section-icon{border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.demographics-section-title{color:var(--color-text-primary);font-size:16px;font-weight:900}.demographics-section-subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.range-editor{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);gap:14px;padding:18px;display:grid}.range-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-editor-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.range-editor-actions{gap:8px;display:flex}.range-editor-btn{border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:700;transition:all .18s}.range-editor-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.range-editor-btn.primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.range-editor-btn.primary:hover{background:var(--color-primary-dark)}.range-pills{flex-wrap:wrap;gap:8px;display:flex}.range-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-neutral-200));color:var(--color-primary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.range-pill-remove{background:color-mix(in srgb, var(--color-primary) 18%, transparent);width:16px;height:16px;color:var(--color-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:11px;line-height:1;transition:all .15s;display:inline-flex}.range-pill-remove:hover{background:var(--color-error);color:#fff}.range-add-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-add-input{border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:70px;color:var(--color-text-primary);font:inherit;text-align:center;padding:6px 10px;font-size:13px}.range-add-separator{color:var(--color-text-tertiary);font-size:13px;font-weight:700}.range-validation-msg{color:var(--color-error);margin-top:-4px;font-size:11px;font-weight:600}.demographics-range-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;display:grid}.demographics-range-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;gap:12px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.demographics-range-card:hover{border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-2px)}.demographics-range-card.expanded{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));box-shadow:var(--shadow-md)}.demographics-range-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.demographics-range-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:800}.demographics-range-count{color:var(--color-text-primary);font-size:28px;font-weight:900;line-height:1}.demographics-range-pct{color:var(--color-text-tertiary);margin-left:6px;font-size:12px;font-weight:700}.demographics-range-bar-track{background:var(--color-surface-variant);border-radius:999px;height:6px;overflow:hidden}.demographics-range-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.demographics-range-expand-hint{color:var(--color-text-tertiary);text-align:center;font-size:11px;font-weight:600}.demographics-staff-search{border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;color:var(--color-text-primary);font:inherit;outline:none;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .18s}.demographics-staff-search:focus{border-color:var(--color-primary)}.demographics-staff-search-wrap{position:relative}.demographics-staff-search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.demographics-staff-list{border-top:1px solid var(--color-neutral-200);gap:6px;max-height:360px;padding-top:8px;display:grid;overflow-y:auto}.demographics-staff-row{border-radius:var(--radius-sm);background:var(--color-surface-variant);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.demographics-staff-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));width:30px;height:30px;color:var(--color-primary);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.demographics-staff-avatar img{object-fit:cover;width:100%;height:100%}.demographics-staff-info{flex:1;min-width:0}.demographics-staff-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.demographics-staff-meta{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demographics-staff-age-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary);flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:800}.workforce-grand-totals{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.workforce-category-grid{gap:14px;display:grid}.workforce-category-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);gap:16px;padding:20px;transition:border-color .18s,box-shadow .18s;display:grid}.workforce-category-card.expanded{border-color:color-mix(in srgb, var(--color-secondary) 30%, var(--color-neutral-200));box-shadow:var(--shadow-md)}.workforce-category-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.workforce-category-name{color:var(--color-text-primary);font-size:15px;font-weight:900}.workforce-category-counts{flex-wrap:wrap;gap:12px;display:flex}.workforce-count-chip{border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.workforce-count-chip.staff{background:color-mix(in srgb, var(--color-info) 10%, var(--color-surface));color:var(--color-info)}.workforce-count-chip.children{background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-success)}.workforce-count-chip.spouse{background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));color:#9a6500}.workforce-children-ranges{flex-wrap:wrap;gap:8px;display:flex}.workforce-child-range-tag{border-radius:var(--radius-sm);background:var(--color-surface-variant);color:var(--color-text-secondary);padding:6px 12px;font-size:12px;font-weight:700}.workforce-child-range-tag strong{color:var(--color-text-primary);margin-right:4px}.workforce-detail-list{border-top:1px solid var(--color-neutral-200);gap:10px;padding-top:12px;display:grid}.workforce-staff-entry{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);gap:10px;padding:14px;display:grid}.workforce-staff-entry-header{align-items:center;gap:10px;display:flex}.workforce-staff-entry-name{color:var(--color-text-primary);font-size:14px;font-weight:800}.workforce-staff-entry-meta{color:var(--color-text-secondary);font-size:12px}.workforce-family-section{gap:6px;display:grid}.workforce-family-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-size:11px;font-weight:800}.workforce-family-row{border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.workforce-family-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.workforce-family-row-detail{color:var(--color-text-secondary);flex-shrink:0}.demographics-loading{place-items:center;gap:16px;padding:60px 20px;display:grid}.demographics-loading-spinner{border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:999px;width:36px;height:36px;animation:.8s linear infinite demographics-spin}@keyframes demographics-spin{to{transform:rotate(360deg)}}.demographics-loading-text{color:var(--color-text-secondary);font-size:14px;font-weight:700}.demographics-toggle-btn{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.demographics-toggle-btn svg{transition:transform .2s}.demographics-toggle-btn.expanded svg{transform:rotate(180deg)}@media (width<=1200px){.demographics-range-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=900px){.demographics-range-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=600px){.demographics-hero{padding:20px}.demographics-filters{flex-direction:column}.demographics-filter-group{max-width:100%}.demographics-range-grid{grid-template-columns:1fr}.demographics-stats-row,.workforce-grand-totals{grid-template-columns:repeat(2,1fr)}}.pdf-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s pdf-modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes pdf-modal-overlay-in{0%{opacity:0}to{opacity:1}}.pdf-modal{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:580px;max-height:88vh;animation:.22s cubic-bezier(.34,1.56,.64,1) pdf-modal-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a38}@keyframes pdf-modal-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.pdf-modal-header{border-bottom:1px solid var(--color-neutral-200);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.pdf-modal-title-row{align-items:center;gap:12px;display:flex}.pdf-modal-icon{background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:42px;height:42px;color:var(--color-primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.pdf-modal-title{color:var(--color-text-primary);font-size:15px;font-weight:900}.pdf-modal-subtitle{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.pdf-modal-close{border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.pdf-modal-close:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.pdf-modal-body{flex:1;gap:20px;padding:18px 22px;display:grid;overflow-y:auto}.pdf-modal-section{gap:10px;display:grid}.pdf-modal-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.pdf-modal-badge{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);letter-spacing:0;text-transform:none;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.pdf-modal-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.pdf-modal-chip{border:1.5px solid var(--color-neutral-200);background:var(--color-surface-variant);color:var(--color-text-primary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pdf-modal-chip:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface-variant))}.pdf-modal-chip.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);font-weight:800}.pdf-modal-chip-check{font-size:10px;font-weight:900}.pdf-modal-clear-btn{font:inherit;color:var(--color-primary);cursor:pointer;opacity:.8;background:0 0;border:none;width:fit-content;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.pdf-modal-clear-btn:hover{opacity:1}.pdf-modal-range-actions{gap:14px;display:flex}.pdf-modal-toggle-grid{flex-direction:column;gap:10px;display:flex}.pdf-modal-toggle-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.pdf-modal-toggle-row:hover{background:#f1f5f9;border-color:#cbd5e1}.pdf-modal-toggle-label{color:#1e293b;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.pdf-modal-toggle-label svg{color:#475569}.pdf-modal-checkbox{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px}.pdf-modal-select{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);width:100%;color:var(--color-text-primary);font:inherit;cursor:pointer;outline:none;padding:10px 13px;font-size:13px}.pdf-modal-summary{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);gap:8px;padding:14px 16px;display:grid}.pdf-modal-summary-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:2px;font-size:11px;font-weight:800}.pdf-modal-summary-row{color:var(--color-text-secondary);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.pdf-modal-footer{border-top:1px solid var(--color-neutral-200);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.pdf-modal-btn{border-radius:var(--radius-full);font:inherit;cursor:pointer;border:none;align-items:center;gap:7px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.pdf-modal-btn.cancel{background:var(--color-surface-variant);color:var(--color-text-secondary);border:1px solid var(--color-neutral-200)}.pdf-modal-btn.cancel:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.pdf-modal-btn.generate{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--color-primary) 35%, transparent)}.pdf-modal-btn.generate:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.pdf-modal-btn.generate:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ert-page{gap:16px;display:grid}.ert-hero-card{gap:18px;display:grid;overflow:hidden}.ert-hero-top{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.ert-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.ert-hero-card h2,.ert-report-copy h3,.ert-modal-header h3{color:var(--color-text-primary);margin:0}.ert-hero-card h2{font-size:28px;line-height:1.05}.ert-hero-card p,.ert-report-copy p{max-width:720px;color:var(--color-text-secondary);margin:10px 0 0;font-size:14px;line-height:1.6}.ert-hero-actions,.ert-report-actions,.ert-section-header-row,.ert-org-toolbar,.ert-modal-actions{flex-wrap:wrap;gap:12px;display:flex}.ert-hero-actions,.ert-section-header-row,.ert-org-toolbar,.ert-modal-actions{justify-content:space-between;align-items:center}.ert-date-switcher{align-items:end;gap:8px;display:flex}.ert-date-field,.ert-form-field{gap:6px;display:grid}.ert-date-field{min-width:190px}.ert-date-field span,.ert-form-field span,.ert-org-help,.ert-attendance-label{color:var(--color-text-tertiary);font-size:12px;font-weight:700}.ert-date-field input,.ert-form-field input,.ert-form-field select,.ert-form-field textarea{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);min-height:42px;color:var(--color-text-primary);font:inherit;padding:10px 14px}.ert-form-field textarea{resize:vertical;min-height:88px}.ert-attendance-band{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-success) 8%, var(--color-surface-secondary));gap:12px;padding:16px 18px;display:grid}.ert-top-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ert-attendance-topline{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.ert-attendance-value{color:var(--color-text-primary);margin-top:4px;font-size:28px;font-weight:800}.ert-attendance-asof{color:var(--color-text-secondary);font-size:12px;font-weight:700}.ert-progress-track{background:var(--color-neutral-200);border-radius:999px;height:10px;overflow:hidden}.ert-progress-fill{border-radius:inherit;background:var(--color-success);height:100%}.ert-grid{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.ert-section-gap{margin-top:4px}.ert-module-list,.ert-overview-list,.ert-org-summary{gap:10px;display:grid}.ert-module-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;grid-template-columns:auto 1fr;gap:12px;width:100%;padding:14px 16px;display:grid}.ert-module-item:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-neutral-200))}.ert-module-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.ert-module-copy{gap:4px;display:grid}.ert-module-copy strong{color:var(--color-text-primary);font-size:14px}.ert-module-copy span,.ert-overview-list span,.ert-org-summary-item span{color:var(--color-text-secondary);font-size:12px}.ert-overview-list>div,.ert-org-summary-item{border-bottom:1px solid var(--color-neutral-200);flex-direction:column;gap:4px;padding:14px 0;display:flex}.ert-overview-list>div:last-child,.ert-org-summary-item:last-child{border-bottom:none;padding-bottom:0}.ert-overview-list strong,.ert-org-summary-item strong{color:var(--color-text-primary);font-size:18px}.ert-report-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.ert-report-panel{justify-items:end;gap:12px;display:grid}.ert-org-zoom{align-items:center;gap:10px;display:flex}.ert-org-viewer{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-neutral-50) 60%, white);margin-top:14px;overflow:auto}.ert-org-image{max-width:none;margin:0 auto;display:block}.ert-table-wrap{overflow-x:auto}.ert-row-actions{flex-wrap:wrap;gap:8px;display:flex}.ert-recipient-pill{letter-spacing:.2px;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.ert-recipient-pill.active{color:#166534;background:#16a34a29}.ert-recipient-pill.inactive{color:#92400e;background:#f59e0b29}.ert-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d152880;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ert-modal{background:var(--color-surface);border-radius:20px;width:min(760px,100%);max-height:min(88vh,900px);padding:20px;overflow:auto;box-shadow:0 24px 64px #0f172a2e}.ert-modal-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.ert-modal-body{margin-top:18px}.ert-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ert-form-field-full{grid-column:1/-1}.ert-switch-field{min-height:42px;color:var(--color-text-primary);align-items:center;gap:10px;padding-top:20px;font-size:14px;font-weight:700;display:flex}.ert-department-helper{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.ert-chip{border:1px solid var(--color-neutral-200);background:var(--color-surface-secondary);color:var(--color-text-secondary);border-radius:999px;padding:8px 10px;font-size:12px}.ert-modal-actions{justify-content:end;margin-top:20px}.spin{animation:1s linear infinite ert-spin}@keyframes ert-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=980px){.ert-grid,.ert-form-grid,.ert-top-stats{grid-template-columns:1fr}.ert-report-panel{justify-items:stretch}}@media (width<=640px){.ert-hero-card h2{font-size:22px}.ert-report-card,.ert-hero-actions,.ert-date-switcher{align-items:stretch}.ert-report-actions,.ert-hero-actions,.ert-date-switcher{width:100%}.ert-date-field{width:100%;min-width:0}.ert-modal-backdrop{padding:12px}}.leave-planning-toolbar-card{padding:18px 20px}.leave-planning-toolbar{grid-template-columns:1fr 160px;align-items:end;gap:14px;display:grid}.leave-planning-search{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);min-height:46px;color:var(--color-text-tertiary);grid-column:1/-1;align-items:center;gap:10px;padding:0 14px;display:flex}.leave-planning-search input{width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:none;outline:none}.leave-planning-control{gap:6px;display:grid}.leave-planning-control span{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.leave-planning-control input,.leave-planning-control select,.leave-planning-control.readonly strong{border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface);min-height:46px;color:var(--color-text-primary);font:inherit;box-sizing:border-box;align-items:center;width:100%;padding:0 14px;display:flex}.leave-planning-table-wrap{overflow:auto}.leave-planning-table th,.leave-planning-table td{white-space:nowrap}.leave-planning-name{color:var(--color-text-primary);font-weight:700}.leave-planning-total{color:var(--color-text-primary);font-weight:800}.leave-planning-action{border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.leave-planning-action:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-neutral-200));box-shadow:var(--shadow-sm)}.leave-planning-modal{max-width:560px;overflow:hidden}.leave-planning-modal-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.leave-planning-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.leave-planning-month-field{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);transition:all var(--transition-fast) ease-in-out;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.leave-planning-month-field:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.leave-planning-month-field span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.leave-planning-month-field input{text-align:center;border:1px solid var(--color-neutral-300);background:var(--color-surface);width:56px;height:32px;color:var(--color-text-primary);transition:border-color var(--transition-fast);border-radius:6px;outline:none;padding:0;font-size:14px;font-weight:700}.leave-planning-month-field input:focus{border-color:var(--color-primary)}.leave-planning-modal-actions{border-top:1px solid var(--color-neutral-200);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}@media (width<=1080px){.leave-planning-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.leave-planning-toolbar,.leave-planning-month-grid{grid-template-columns:1fr}}.leave-admin-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;display:grid}.leave-admin-kicker{text-transform:uppercase;letter-spacing:.18em;color:#ffffffc7;margin-bottom:8px;font-size:12px}.leave-admin-hero h2{color:#fff;margin-bottom:6px;font-size:1.5rem}.leave-admin-hero p{color:#ffffffd1;max-width:640px}.leave-admin-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.leave-admin-notice{margin-top:20px;margin-bottom:20px;font-weight:700}.leave-admin-notice.success{border-color:color-mix(in srgb, var(--color-status-approved) 35%, transparent);background:color-mix(in srgb, var(--color-status-approved) 10%, var(--color-card-bg));color:var(--color-status-approved)}.leave-admin-notice.error{border-color:color-mix(in srgb, var(--color-error) 35%, transparent);background:color-mix(in srgb, var(--color-error) 8%, var(--color-card-bg));color:var(--color-error)}.leave-admin-toolbar{align-items:center;gap:12px;display:flex}.leave-admin-select{max-width:180px}.leave-admin-content{align-items:start}.leave-admin-table-title{color:var(--color-text-primary);font-size:13px;font-weight:800}.leave-admin-table-subtitle{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.leave-admin-table-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.leave-admin-sidecard{min-height:420px}.leave-admin-calendar-card{padding:22px}.leave-admin-calendar-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.leave-admin-calendar-kicker{background:color-mix(in srgb, var(--color-module-leave) 10%, transparent);color:var(--color-module-leave);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.leave-admin-calendar-head h3{color:var(--color-text-primary);margin-top:12px;font-size:1.2rem;font-weight:900}.leave-admin-calendar-controls{align-items:center;gap:10px;display:inline-flex}.leave-admin-calendar-picker{min-width:160px}.leave-admin-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.leave-admin-calendar-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:11px;font-weight:800}.leave-admin-calendar-day{border:1px solid var(--color-neutral-200);background:var(--color-surface);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:84px;padding:10px 8px;display:flex}.leave-admin-calendar-day span{color:var(--color-text-primary);font-size:13px;font-weight:800}.leave-admin-calendar-day small{color:var(--color-module-leave);font-size:10px;font-weight:700}.leave-admin-calendar-day-holidays{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.leave-admin-calendar-day-holidays small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.leave-admin-calendar-day.has-holiday{background:color-mix(in srgb, var(--color-module-leave) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-module-leave) 18%, var(--color-neutral-200))}.leave-admin-calendar-day.today{box-shadow:inset 0 0 0 1px var(--color-module-leave)}.leave-admin-calendar-day.muted span{color:var(--color-text-tertiary)}.leave-admin-calendar-list{gap:10px;margin-top:18px;display:grid}.leave-admin-calendar-item{border:1px solid var(--color-neutral-200);background:var(--color-surface);border-radius:16px;padding:14px}.leave-admin-calendar-item strong{color:var(--color-text-primary);font-size:13px;font-weight:800;display:block}.leave-admin-calendar-item span,.leave-admin-calendar-empty{color:var(--color-text-tertiary);margin-top:5px;font-size:12px;display:block}.leave-admin-month-list,.leave-admin-schedule-list{gap:14px;display:grid}.leave-admin-month-card,.leave-admin-schedule-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 3%, var(--color-card-bg));padding:16px}.leave-admin-month-header,.leave-admin-schedule-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.leave-admin-month-header strong,.leave-admin-schedule-top strong{color:var(--color-text-primary)}.leave-admin-month-header span,.leave-admin-schedule-top span{color:var(--color-text-tertiary);font-size:12px}.leave-admin-side-item{border-top:1px solid var(--color-neutral-100);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.leave-admin-side-item:first-of-type{border-top:none;padding-top:0}.leave-admin-side-item span{color:var(--color-text-tertiary);font-size:11px}.leave-admin-side-title{color:var(--color-text-primary);font-size:13px;font-weight:700}.leave-admin-side-subtitle,.leave-admin-schedule-meta,.leave-admin-schedule-note{color:var(--color-text-tertiary);font-size:12px}.leave-admin-schedule-time{color:var(--color-primary);margin-bottom:6px;font-size:1rem;font-weight:800}.leave-admin-schedule-note{margin-top:8px}.leave-admin-modal{max-width:760px}.leave-admin-modal-subtitle{color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.leave-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.leave-admin-full-width{grid-column:1/-1}.leave-admin-checkbox-row{flex-direction:column;justify-content:flex-end;display:flex}.leave-admin-checkbox{min-height:44px;color:var(--color-text-secondary);align-items:center;gap:10px;padding:0 2px;display:inline-flex}.leave-admin-checkbox input{width:16px;height:16px}.leave-admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.leave-admin-delete-modal{max-width:520px}.leave-admin-delete-text{margin-bottom:16px}.leave-admin-delete-title{color:var(--color-text-primary);font-size:1rem;font-weight:800}.leave-admin-delete-subtitle{color:var(--color-text-tertiary);margin-top:4px;margin-bottom:20px;font-size:12px}@media (width<=900px){.leave-admin-hero{grid-template-columns:1fr}.leave-admin-hero-actions{justify-content:flex-start}.leave-admin-calendar-head{flex-direction:column;align-items:flex-start}}@media (width<=640px){.leave-admin-toolbar{flex-direction:column;align-items:stretch}.leave-admin-select{max-width:none}.leave-admin-form-grid{grid-template-columns:1fr}.leave-admin-table-actions{justify-content:flex-start}.leave-admin-calendar-grid{gap:6px}.leave-admin-calendar-day{min-height:72px;padding:8px}.leave-admin-calendar-controls{width:100%}.leave-admin-calendar-picker{flex:1;min-width:0}}.wh-schedule-list{gap:10px;padding:4px 0;display:grid}.wh-schedule-row{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .15s,border-color .15s;display:grid}.wh-schedule-row:hover{border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-neutral-200));box-shadow:0 2px 12px color-mix(in srgb, var(--color-primary) 8%, transparent)}.wh-row-schedule{border-left:3px solid var(--color-module-attendance)}.wh-row-halfday{border-left:3px solid var(--color-info);background:color-mix(in srgb, var(--color-info) 3%, var(--color-surface))}.wh-row-fasting{border-left:3px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 4%, var(--color-surface))}.wh-row-halfday.wh-row-fasting{border-left:3px solid var(--color-info)}.wh-row-left{min-width:0}.wh-row-badges{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.wh-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.wh-badge-category{background:color-mix(in srgb, var(--color-module-attendance) 12%, transparent);color:var(--color-module-attendance)}.wh-badge-halfday{background:color-mix(in srgb, var(--color-info) 12%, transparent);color:var(--color-info)}.wh-badge-fasting{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning)}.wh-badge-year{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.wh-badge-locid{background:color-mix(in srgb, var(--color-text-secondary) 8%, transparent);color:var(--color-text-secondary)}.wh-row-time{color:var(--color-text-primary);letter-spacing:.01em;font-size:1rem;font-weight:800}.wh-row-remark{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.wh-row-meta{flex-direction:column;gap:6px;min-width:140px;display:flex}.wh-meta-item{flex-direction:column;gap:1px;display:flex}.wh-meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);font-size:10px;font-weight:700}.wh-meta-value{color:var(--color-text-secondary);font-size:12px;font-weight:600}.wh-row-halfday-grid{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-info) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-info) 15%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:8px 14px;display:grid}.wh-halfday-block{flex-direction:column;gap:1px;display:flex}.wh-halfday-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-info);font-size:10px;font-weight:700}.wh-halfday-time{color:var(--color-text-primary);font-size:12px;font-weight:700}.wh-row-actions{flex-shrink:0}@media (width<=960px){.wh-schedule-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto}.wh-row-left{grid-column:1}.wh-row-meta{grid-column:2;align-items:flex-end;min-width:auto}.wh-row-halfday-grid{grid-column:1/-1}.wh-row-actions{grid-area:1/2;align-self:start}}@media (width<=600px){.wh-schedule-row{grid-template-columns:1fr}.wh-row-meta,.wh-row-actions{grid-column:1}.wh-row-actions{grid-row:auto}}.wh-badge-daytype,.wh-badge-daytype-normal{background:color-mix(in srgb, var(--color-text-tertiary) 10%, transparent);color:var(--color-text-secondary)}.wh-badge-daytype-half-day{background:color-mix(in srgb, var(--color-info) 12%, transparent);color:var(--color-info)}.wh-badge-daytype-weekday_fri{color:#0891b2;background:#06b6d424}.wh-badge-daytype-friday{color:#b45309;background:#f59e0b24}.wh-badge-daytype-saturday{color:#7c3aed;background:#8b5cf624}.wh-badge-daytype-sunday{color:#059669;background:#10b98124}@media (prefers-color-scheme:dark){.wh-badge-daytype-friday{color:#fcd34d}.wh-badge-daytype-saturday{color:#c4b5fd}.wh-badge-daytype-sunday{color:#6ee7b7}.wh-badge-daytype-weekday_fri{color:#67e8f9}}.leave-admin-form-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);border-top:1px solid var(--color-neutral-100);margin-top:4px;padding:10px 0 2px;font-size:11px;font-weight:800}.gratuity-admin-layout{align-items:start}.gratuity-admin-summary-card{padding:20px}.gratuity-admin-open-btn{border-radius:var(--radius-md);background:var(--color-module-payroll);color:#fff;font:inherit;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.gratuity-admin-open-btn:hover{filter:brightness(.96)}.gratuity-admin-small{word-break:break-word;font-size:.95rem}.gratuity-admin-note-list{gap:12px;display:grid}.gratuity-admin-note-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text-secondary);padding:14px 16px;font-size:13px}@media (width<=980px){.gratuity-admin-layout{grid-template-columns:1fr}}.staff-impersonation-layout{align-items:start}.staff-impersonation-sidebar-tools{gap:12px;display:grid}.staff-impersonation-page-size{gap:8px;display:grid}.staff-impersonation-page-size span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.staff-impersonation-list-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.staff-impersonation-tag{border-radius:var(--radius-full);align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.staff-impersonation-tag.current{background:color-mix(in srgb, var(--color-warning) 14%, white);color:#9a6500}.staff-impersonation-tag.original{background:color-mix(in srgb, var(--color-info) 14%, white);color:var(--color-info)}.staff-impersonation-pagination{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-size:12px;display:flex}.staff-impersonation-pagination-actions{align-items:center;gap:8px;display:inline-flex}.staff-impersonation-page-btn,.staff-impersonation-primary-btn,.staff-impersonation-secondary-btn,.staff-impersonation-modal-close{border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.staff-impersonation-page-btn{border:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-primary);padding:8px 10px}.staff-impersonation-primary-btn,.staff-impersonation-secondary-btn,.staff-impersonation-modal-close{padding:11px 14px}.staff-impersonation-primary-btn{border:1px solid color-mix(in srgb, var(--color-warning) 34%, var(--color-neutral-300));background:color-mix(in srgb, var(--color-warning) 92%, white);color:#4f3300}.staff-impersonation-secondary-btn,.staff-impersonation-modal-close{border:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-primary)}.staff-impersonation-page-btn:hover:not(:disabled),.staff-impersonation-primary-btn:hover:not(:disabled),.staff-impersonation-secondary-btn:hover:not(:disabled),.staff-impersonation-modal-close:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.staff-impersonation-page-btn:disabled,.staff-impersonation-primary-btn:disabled,.staff-impersonation-secondary-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.staff-impersonation-summary-card{gap:18px;display:grid}.staff-impersonation-hero-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.staff-impersonation-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.staff-impersonation-text-value{font-size:1rem;font-weight:700}.staff-impersonation-note-list{gap:12px;display:grid}.staff-impersonation-note-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text-secondary);padding:14px;font-size:13px}.staff-impersonation-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.staff-impersonation-metric{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant);padding:14px}.staff-impersonation-metric span{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.staff-impersonation-metric strong{color:var(--color-text-primary);margin-top:8px;font-size:1.2rem;font-weight:900;display:block}.staff-impersonation-modal{gap:18px;display:grid}.staff-impersonation-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.staff-impersonation-modal-head h3{color:var(--color-text-primary);margin:6px 0 0;font-size:1.4rem;font-weight:900}.staff-impersonation-confirm-card{border:1px solid color-mix(in srgb, var(--color-warning) 18%, var(--color-neutral-200));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));align-items:center;gap:14px;padding:16px;display:flex}.staff-impersonation-confirm-name{color:var(--color-text-primary);font-size:1.05rem;font-weight:900}.staff-impersonation-confirm-meta,.staff-impersonation-confirm-copy{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.staff-impersonation-modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1100px){.staff-impersonation-metrics{grid-template-columns:1fr}}@media (width<=900px){.staff-impersonation-pagination,.staff-impersonation-modal-head,.staff-impersonation-modal-actions,.staff-impersonation-hero-actions{flex-direction:column;align-items:stretch}}.leave-medical-update-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.leave-medical-update-card,.leave-medical-update-form{gap:16px;display:grid}.leave-medical-update-button{border-radius:var(--radius-md);color:#fff;font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex}.leave-medical-update-button.leave{background:var(--color-module-leave)}.leave-medical-update-button.medical{background:var(--color-module-medical)}.leave-medical-update-button:disabled{opacity:.6;cursor:wait}@media (width<=900px){.leave-medical-update-grid{grid-template-columns:1fr}}.meeting-admin-page{gap:20px;display:grid}.meeting-admin-hero{border:1px solid color-mix(in srgb, var(--color-primary-light) 22%, transparent);background:var(--color-primary-dark);justify-content:space-between;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.meeting-admin-kicker{color:#ffffffeb;letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.meeting-admin-hero h2{color:#fff;margin:14px 0 10px;font-size:clamp(1.6rem,2vw,2.1rem)}.meeting-admin-hero p{color:#ffffffd1;max-width:780px;margin:0;line-height:1.65}.meeting-admin-hero-actions{align-items:flex-start;display:flex}.meeting-admin-hero-actions .ui-btn{color:#fff;box-shadow:none;background:#ffffff24;border:1px solid #ffffff38}.meeting-admin-hero-actions .ui-btn:hover{background:#fff3}.meeting-admin-notice{border-radius:var(--radius-lg);padding:14px 16px;font-weight:600}.meeting-admin-notice.success{background:color-mix(in srgb, var(--color-success) 10%, white);color:var(--color-success)}.meeting-admin-notice.error{background:color-mix(in srgb, var(--color-error) 10%, white);color:var(--color-error)}.meeting-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.meeting-admin-toolbar{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(160px,220px));gap:12px;display:grid}.meeting-admin-search{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:0 14px;display:flex}.meeting-admin-search input{background:0 0;border:none}.meeting-admin-layout{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr);align-items:start;gap:18px;display:grid}.meeting-admin-calendar-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.meeting-admin-queue-wrap{gap:0;display:grid}.meeting-admin-fullwidth-card{width:100%;padding:20px}.meeting-admin-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.meeting-admin-queue-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 30%, var(--color-surface));text-align:left;cursor:pointer;gap:10px;width:100%;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.meeting-admin-queue-item:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-1px)}.meeting-admin-pagination{justify-content:center;align-items:center;gap:10px;padding-top:4px;display:flex}.meeting-admin-pagination-pages{gap:4px;display:flex}.meeting-admin-pagination-page{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);min-width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;padding:0 8px;font-size:.88rem;font-weight:600;transition:background .14s,color .14s,border-color .14s}.meeting-admin-pagination-page:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200));color:var(--color-primary)}.meeting-admin-pagination-page.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.meeting-admin-detail-page{gap:18px;display:grid}.meeting-admin-detail-back{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.meeting-admin-detail-back:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-neutral-200));color:var(--color-primary)}.meeting-admin-detail-page-header{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-primary-surface) 30%, var(--color-surface));justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.meeting-admin-detail-page-title{color:var(--color-text);margin:0;font-size:1.35rem;font-weight:800}.meeting-admin-detail-page-sub{color:var(--color-text-secondary);margin:6px 0 0;font-size:.9rem}.meeting-admin-detail-page-body{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.meeting-admin-detail-page-info{gap:16px;display:grid}.meeting-admin-list-card,.meeting-admin-detail-card,.meeting-admin-suggestions-card,.meeting-admin-calendar-card,.meeting-admin-calendar-list-card{padding:20px}.meeting-admin-side{gap:18px;display:grid}.meeting-admin-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.meeting-admin-section-head h3{margin:0;font-size:1.05rem}.meeting-admin-section-head p{color:var(--color-text-secondary);margin:6px 0 0;font-size:.95rem}.meeting-admin-list{gap:12px;max-height:860px;padding-right:4px;display:grid;overflow:auto}.meeting-admin-list-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 36%, var(--color-surface));text-align:left;gap:10px;width:100%;padding:16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.meeting-admin-list-item:hover,.meeting-admin-list-item.active{border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-1px)}.meeting-admin-list-item.active{background:color-mix(in srgb, var(--color-primary-surface) 54%, var(--color-surface))}.meeting-admin-list-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.meeting-admin-list-title{color:var(--color-text);font-size:1rem;font-weight:700}.meeting-admin-list-meta{color:var(--color-text-secondary);margin-top:4px;font-size:.9rem}.meeting-admin-list-grid{color:var(--color-text-secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;font-size:.9rem;display:grid}.meeting-admin-list-grid span,.meeting-admin-inline-meta span,.meeting-admin-detail-label{align-items:center;gap:8px;display:inline-flex}.meeting-admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meeting-admin-detail-sections{gap:16px;display:grid}.meeting-admin-detail-section{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:color-mix(in srgb, var(--color-primary-surface) 28%, var(--color-surface));padding:16px}.meeting-admin-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px;font-size:.78rem;font-weight:800}.meeting-admin-detail-item{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-background) 82%, var(--color-surface));border:1px solid var(--color-neutral-200);padding:14px}.meeting-admin-detail-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:.88rem}.meeting-admin-detail-value{color:var(--color-text);font-size:.98rem;font-weight:700}.meeting-admin-note-block{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 36%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-neutral-200));margin-top:16px;padding:16px}.meeting-admin-note-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px;font-size:.82rem;font-weight:800}.meeting-admin-note-block p{color:var(--color-text);margin:0;line-height:1.65}.meeting-admin-inline-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:12px;margin-top:16px;font-size:.92rem;display:flex}.meeting-admin-action-group{gap:10px;margin-top:18px;display:grid}.meeting-admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.meeting-admin-action-btn{justify-content:flex-start}.meeting-admin-action-btn-delete{grid-column:1/-1}.meeting-admin-action-btn-accent{border-color:color-mix(in srgb, var(--color-info) 30%, var(--color-neutral-200));color:var(--color-info);background:color-mix(in srgb, var(--color-info-light) 55%, var(--color-surface))}.meeting-admin-action-btn-accent:hover{background:color-mix(in srgb, var(--color-info-light) 78%, var(--color-surface));color:color-mix(in srgb, var(--color-info) 82%, var(--color-text-primary))}.meeting-admin-action-btn-reject{color:var(--color-error);background:color-mix(in srgb, var(--color-error-light) 50%, transparent)}.meeting-admin-action-btn-reject:hover{background:color-mix(in srgb, var(--color-error-light) 88%, transparent)}.meeting-admin-room-list{gap:12px;display:grid}.meeting-admin-room-row{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 18%, var(--color-surface));grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.meeting-admin-room-swatch{border-radius:999px;width:14px;height:48px}.meeting-admin-room-copy{gap:4px;display:grid}.meeting-admin-room-copy span{color:var(--color-text-secondary);font-size:.92rem}.meeting-admin-calendar-controls{justify-content:flex-end;display:flex}.meeting-admin-calendar-picker{width:auto;min-width:170px}.meeting-admin-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.meeting-admin-calendar-weekday{text-align:center;color:var(--color-text-tertiary);padding:8px 0;font-size:11px;font-weight:800}.meeting-admin-calendar-day{border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:10px 8px;transition:border-color .15s,box-shadow .15s;display:flex}.meeting-admin-calendar-day:hover.has-booking{border-color:color-mix(in srgb, var(--color-module-meeting) 40%, var(--color-neutral-200));box-shadow:var(--shadow-sm)}.meeting-admin-calendar-day span{color:var(--color-text-primary);font-size:13px;font-weight:800}.meeting-admin-calendar-day.has-booking{background:color-mix(in srgb, var(--color-module-meeting) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-module-meeting) 18%, var(--color-neutral-200))}.meeting-admin-calendar-day.today{box-shadow:inset 0 0 0 1px var(--color-module-meeting)}.meeting-admin-calendar-day.muted span{color:var(--color-text-tertiary)}.meeting-admin-calendar-day.selected{background:color-mix(in srgb, var(--color-module-meeting) 18%, var(--color-surface));border-color:var(--color-module-meeting);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-module-meeting) 30%, transparent)}.meeting-admin-calendar-day.selected span{color:var(--color-module-meeting)}.meeting-admin-calendar-list{gap:10px;max-height:700px;padding-right:4px;display:grid;overflow:auto}.meeting-admin-calendar-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 22%, var(--color-surface));text-align:left;cursor:pointer;gap:8px;width:100%;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.meeting-admin-calendar-item:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-1px)}.meeting-admin-cal-item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.meeting-admin-cal-item-title{color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1.3}.meeting-admin-cal-item-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:4px 12px;font-size:.84rem;display:flex}.meeting-admin-cal-item-meta span{align-items:center;gap:5px;display:inline-flex}.meeting-admin-cal-item-requester{opacity:.85;font-style:italic}.meeting-admin-cal-item-meal{background:color-mix(in srgb, var(--color-module-meeting) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-module-meeting) 22%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;display:flex}.meeting-admin-cal-item-meal-tag{color:var(--color-module-meeting);align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.meeting-admin-cal-item-meal .meeting-admin-cal-item-requester{color:var(--color-text-secondary);font-size:.8rem}.meeting-admin-calendar-day-pills{flex-direction:column;gap:3px;width:100%;margin-top:4px;display:flex}.meeting-admin-calendar-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:100%;padding:2px 6px;font-size:9px;font-weight:700;overflow:hidden}.meeting-admin-calendar-pill.status-approved{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success)}.meeting-admin-calendar-pill.status-rejected{background:color-mix(in srgb, var(--color-error) 16%, transparent);color:var(--color-error)}.meeting-admin-calendar-pill.status-pending{background:color-mix(in srgb, var(--color-warning) 16%, transparent);color:var(--color-warning)}.meeting-admin-calendar-pill-more{color:var(--color-text-tertiary);padding:1px 4px;font-size:9px;font-weight:700}.meeting-admin-calendar-modal{width:min(720px,100%)}.meeting-admin-cal-modal-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.meeting-admin-cal-modal-body{gap:0;display:grid}.meeting-admin-cal-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.meeting-admin-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.meeting-admin-modal{background:var(--color-surface);border:1px solid var(--color-neutral-200);width:min(900px,100%);max-height:min(92vh,980px);box-shadow:var(--shadow-lg);border-radius:24px;padding:22px;overflow:auto}.meeting-admin-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.meeting-admin-modal-title{font-size:1.15rem;font-weight:800}.meeting-admin-modal-subtitle{color:var(--color-text-secondary);margin-top:6px;font-size:.92rem}.meeting-admin-close{border:1px solid var(--color-neutral-200);background:0 0;border-radius:999px;width:36px;height:36px;font-size:1.2rem}.meeting-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.meeting-admin-field{gap:8px;display:grid}.meeting-admin-field span{color:var(--color-text-secondary);font-size:.88rem;font-weight:700}.meeting-admin-full-width{grid-column:1/-1}.meeting-admin-checkbox-row{align-content:end}.meeting-admin-checkbox-row input{width:18px;height:18px}.meeting-admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.meeting-admin-edit-suggestions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px;display:grid}.meeting-admin-edit-room{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary-surface) 70%, var(--color-surface));text-align:left;gap:4px;padding:14px;display:grid}.meeting-admin-edit-room:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-neutral-200))}@media (width<=1100px){.meeting-admin-stats,.meeting-admin-toolbar,.meeting-admin-layout,.meeting-admin-calendar-layout,.meeting-admin-detail-grid,.meeting-admin-form-grid,.meeting-admin-queue-grid,.meeting-admin-detail-page-body{grid-template-columns:1fr}.meeting-admin-hero{flex-direction:column}}@media (width<=720px){.meeting-admin-page{gap:16px}.meeting-admin-list-grid{grid-template-columns:1fr}.meeting-admin-action-grid,.meeting-admin-modal-actions{flex-direction:column}.meeting-admin-action-grid .ui-btn,.meeting-admin-modal-actions .ui-btn{width:100%}.meeting-admin-action-grid{grid-template-columns:1fr}.meeting-admin-action-btn-delete{grid-column:auto}.meeting-admin-room-row,.meeting-admin-calendar-grid{grid-template-columns:1fr}.meeting-admin-room-swatch{width:100%;height:10px}}.meeting-admin-rooms-section{flex-direction:column;gap:16px;display:flex}.meeting-admin-rooms-card{width:100%}.rooms-table-wrap{margin-top:12px;overflow-x:auto}.rooms-table{border-collapse:collapse;width:100%;font-size:13px}.rooms-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);background:var(--color-surface-variant);padding:10px 12px;font-size:11px;font-weight:700}.rooms-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle;padding:12px}.rooms-table tbody tr:last-child td{border-bottom:none}.rooms-table tbody tr:hover td{background:var(--color-surface-variant)}.room-cell-name{font-size:13px;font-weight:700}.room-cell-id{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.room-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.room-status-badge.active{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.room-status-badge.inactive{background:color-mix(in srgb, var(--color-text-tertiary) 10%, transparent);color:var(--color-text-tertiary)}.room-color-swatch{border:2px solid var(--color-border);vertical-align:middle;border-radius:6px;width:22px;height:22px;display:inline-block}.room-actions,.room-color-field span{align-items:center;gap:6px;display:flex}.room-color-input-wrap{align-items:center;gap:8px;display:flex}.room-color-picker{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:40px;height:36px;padding:2px}.room-color-input-wrap .ui-input{flex:1}@media (width<=640px){.rooms-table th:nth-child(5),.rooms-table td:nth-child(5){display:none}}.access-control-grid{align-items:start}.access-control-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.access-control-filter{gap:6px;min-width:180px;display:grid}.access-control-filter span,.access-control-form label span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.access-control-form{gap:16px;display:grid}.access-control-textarea{resize:vertical;min-height:100px}.access-control-permissions{background:color-mix(in srgb, var(--color-surface-hover,#f8fafc) 60%, transparent);border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:16px;padding:12px 14px;display:flex}.access-control-permissions label{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.access-control-permissions label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.access-control-actions,.access-control-row-actions{flex-wrap:wrap;gap:8px;display:flex}.access-control-table-wrap{border-radius:var(--radius-md);overflow-x:auto}.access-control-notice{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:13px;font-weight:600;animation:.2s ease-out fadeIn;display:flex}.access-control-notice.success{background:color-mix(in srgb, var(--color-success,#10b981) 12%, white);color:var(--color-success,#059669);border:1px solid color-mix(in srgb, var(--color-success,#10b981) 30%, transparent)}.access-control-notice.error{background:color-mix(in srgb, var(--color-error,#ef4444) 12%, white);color:var(--color-error,#dc2626);border:1px solid color-mix(in srgb, var(--color-error,#ef4444) 30%, transparent)}.access-control-subtext{color:var(--color-text-tertiary);font-size:12px}.table-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.table-search-input-wrap{flex:1;min-width:220px;max-width:320px;position:relative}.table-search-input-wrap .search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-search-input-wrap input{font-size:13px;padding-left:34px!important}.searchable-dropdown-wrapper{width:100%;position:relative}.searchable-dropdown-input-wrap{align-items:center;display:flex;position:relative}.searchable-dropdown-input-wrap input{width:100%;padding-right:32px}.searchable-dropdown-chevron{pointer-events:none;color:var(--color-text-tertiary);transition:transform .2s;position:absolute;right:10px}.searchable-dropdown-chevron.open{transform:rotate(180deg)}.searchable-dropdown-menu{z-index:50;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,8px);flex-direction:column;gap:2px;max-height:260px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.searchable-dropdown-item{text-align:left;border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.searchable-dropdown-item:hover,.searchable-dropdown-item:focus{background:color-mix(in srgb, var(--color-primary,#3b82f6) 10%, transparent);outline:none}.searchable-dropdown-item.selected{background:color-mix(in srgb, var(--color-primary,#3b82f6) 15%, transparent);color:var(--color-primary,#2563eb);font-weight:600}.module-item-route{color:var(--color-text-primary);font-family:inherit;font-weight:600}.module-item-normalized{color:var(--color-text-tertiary);background:color-mix(in srgb, var(--color-text-tertiary) 10%, transparent);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px}.searchable-dropdown-empty{color:var(--color-text-tertiary);text-align:center;padding:16px 12px;font-size:12px;line-height:1.4}.perm-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.perm-badge{letter-spacing:.02em;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.perm-badge.view{color:#15803d;background:#dcfce7}.perm-badge.add{color:#1d4ed8;background:#dbeafe}.perm-badge.edit{color:#b45309;background:#fef3c7}.perm-badge.delete{color:#be123c;background:#ffe4e6}.perm-badge.none{color:#64748b;background:#f1f5f9}.device-badge{text-transform:lowercase;border-radius:12px;align-items:center;padding:3px 10px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.device-badge.mylcsb-web{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe}.device-badge.web{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.device-badge.mobile{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.device-badge.default{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}@media (width<=900px){.access-control-toolbar{align-items:stretch}}.eborang-admin-hero{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-neutral-200));background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 38%), linear-gradient(135deg, color-mix(in srgb, var(--color-info) 10%, var(--color-surface)) 0%, var(--color-surface) 58%, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)) 100%);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:20px;padding:28px;display:grid}.eborang-admin-hero-copy h1{letter-spacing:-.03em;max-width:720px;font-size:clamp(1.75rem,2.8vw,2.45rem);font-weight:900}.eborang-admin-hero-copy p{max-width:720px;margin-top:12px;font-size:.95rem;line-height:1.7}.eborang-admin-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.eborang-admin-hero-pills{align-content:start;gap:10px;display:grid}.eborang-admin-pill{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-surface) 78%, transparent);min-height:42px;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.eborang-admin-section-grid,.eborang-admin-layout{gap:20px;display:grid}.eborang-admin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eborang-admin-section-card{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;display:grid}.eborang-admin-section-card.active{border-color:color-mix(in srgb, var(--color-primary) 42%, var(--color-neutral-200));box-shadow:var(--shadow-lg)}.eborang-admin-section-icon{background:color-mix(in srgb, currentColor 10%, white);border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.eborang-admin-section-title{color:var(--color-text-primary);font-size:15px;font-weight:800}.eborang-admin-section-copy{color:var(--color-text-secondary);margin-top:6px;font-size:13px;line-height:1.6}.eborang-admin-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start}.eborang-admin-side-card{position:sticky;top:16px}.eborang-admin-side-title{color:var(--color-text-primary);font-size:1rem;font-weight:900}.eborang-admin-metric-stack{gap:12px;margin-top:18px;display:grid}.eborang-admin-metric{border-radius:var(--radius-md);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.eborang-admin-metric span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.eborang-admin-metric strong{color:var(--color-text-primary);font-size:1.1rem;font-weight:900}.eborang-admin-filter{min-width:220px}.eborang-admin-status-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary-dark);align-items:center;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.eborang-admin-flow-list{gap:12px;display:grid}.eborang-admin-flow-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:var(--color-surface);text-align:left;width:100%;box-shadow:var(--shadow-sm);padding:16px}.eborang-admin-flow-card:hover,.eborang-admin-flow-card.active{border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-neutral-200));box-shadow:var(--shadow-md);transform:translateY(-1px)}.eborang-admin-flow-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eborang-admin-step-preview{gap:8px;margin-top:14px;display:grid}.eborang-admin-step-preview-row{border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.eborang-admin-editor-header,.eborang-admin-editor-actions,.eborang-admin-step-head,.eborang-admin-assignee{gap:12px;display:flex}.eborang-admin-editor-header,.eborang-admin-step-head{justify-content:space-between;align-items:center}.eborang-admin-steps{gap:14px;display:grid}.eborang-admin-step-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)) 0%, var(--color-surface) 100%);gap:14px;padding:16px;display:grid}.eborang-admin-step-index{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-size:12px;font-weight:800}.eborang-admin-assignee{border-radius:var(--radius-md);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);align-items:center;padding:12px 14px}.eborang-admin-editor-actions{flex-wrap:wrap}@media (width<=1180px){.eborang-admin-layout,.eborang-admin-hero{grid-template-columns:1fr}.eborang-admin-side-card{position:static}}@media (width<=860px){.eborang-admin-section-grid{grid-template-columns:1fr}.eborang-admin-section-card{grid-template-columns:48px minmax(0,1fr)}.eborang-admin-section-icon{border-radius:16px;width:48px;height:48px}}.outstation-admin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.outstation-admin-section-card{gap:12px;display:grid}.outstation-admin-section-card.active{border-color:color-mix(in srgb, var(--color-primary) 42%, var(--color-neutral-200));box-shadow:var(--shadow-md)}.outstation-admin-chip-row{flex-wrap:wrap;gap:8px;display:flex}.outstation-admin-chip{border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);background:var(--color-surface-variant);color:var(--color-text-secondary);padding:8px 10px;font-size:12px;font-weight:700}.outstation-admin-chip.active{border-color:color-mix(in srgb, var(--color-info) 38%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-info) 10%, var(--color-surface));color:var(--color-info)}.outstation-admin-table-avatar{align-items:center;gap:12px;display:flex}.outstation-admin-table-meta{min-width:0}.outstation-admin-table-meta small{color:var(--color-text-tertiary);margin-top:4px;display:block}.outstation-admin-form-actions{flex-wrap:wrap;gap:10px;display:flex}.outstation-admin-list-toolbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.outstation-admin-list-toolbar .employee-admin-search{flex:1;margin-bottom:0}.outstation-admin-form-header{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.outstation-admin-form-header.editing{border-bottom-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-neutral-200));background:color-mix(in srgb, var(--color-primary) 4%, transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-20px -20px 0;padding:14px 20px}.outstation-admin-form-header-text{color:var(--color-text-primary);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.outstation-admin-form-header-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));width:32px;height:32px;color:var(--color-primary);flex-shrink:0;place-items:center;display:grid}.staff-picker-section{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface-variant,#fafafa);flex-direction:column;gap:8px;padding:14px;transition:border-color .15s;display:flex}.staff-picker-section:focus-within{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-neutral-200));background:var(--color-surface)}.staff-picker-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.staff-picker-section-badge{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:inline-grid}.staff-picker-section-badge.employee{background:var(--color-info)}.staff-picker-section-badge.head{background:var(--color-module-outstation,var(--color-primary))}.staff-picker-dept-row{align-items:center;gap:8px;display:flex}.staff-picker-dept-select{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);font:inherit;color:var(--color-text-primary);cursor:pointer;outline:none;flex:1;padding:7px 10px;font-size:12.5px;transition:border-color .15s}.staff-picker-dept-select:focus{border-color:var(--color-primary)}.outstation-admin-save-bar{border-top:1px solid var(--color-neutral-200);gap:10px;margin-top:4px;padding-top:4px;display:flex}.outstation-admin-save-bar .ui-btn{flex:1;justify-content:center}@media (width<=1100px){.outstation-admin-section-grid{grid-template-columns:1fr}}.staff-picker-field{flex-direction:column;gap:6px;display:flex}.staff-picker-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.staff-picker-combo{position:relative}.staff-picker-input-row{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:6px;padding:0 10px;transition:border-color .15s;display:flex}.staff-picker-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.staff-picker-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 0;font-size:13.5px}.staff-picker-input::placeholder{color:var(--color-text-tertiary)}.staff-picker-clear{background:var(--color-neutral-200);cursor:pointer;width:20px;height:20px;color:var(--color-text-secondary);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.staff-picker-clear:hover{background:var(--color-danger,#ef4444);color:#fff}.staff-picker-spinner{border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.staff-picker-selected-badge{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-neutral-200));color:var(--color-text-primary);align-items:center;gap:8px;margin-top:6px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.staff-picker-selected-badge small{color:var(--color-text-tertiary);margin-left:auto;font-size:11px}.staff-picker-dropdown{z-index:120;background:var(--color-surface);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 8px 24px #0000001f);max-height:240px;animation:.14s sp-drop-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes sp-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.staff-picker-empty{color:var(--color-text-tertiary);text-align:center;padding:14px 16px;font-size:13px}.staff-picker-option{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-neutral-100,#f4f4f4);background:0 0;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .1s;display:flex}.staff-picker-option:last-child{border-bottom:none}.staff-picker-option:hover{background:var(--color-surface-variant,#f8f8f8)}.staff-picker-option.selected{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.staff-picker-option-meta{flex-direction:column;flex:1;min-width:0;display:flex}.staff-picker-option-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.staff-picker-option-sub{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.staff-picker-option-check{color:var(--color-primary);flex-shrink:0;margin-left:auto;font-size:12px;font-weight:800}.staff-picker-select-wrap{align-items:center;display:flex;position:relative}.staff-picker-select-wrap .admin-module-select{width:100%;padding-right:32px}.staff-picker-select-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.claim-admin-page{gap:20px;display:grid}.claim-admin-stats{margin-bottom:4px}.claim-admin-notice{border-radius:var(--radius-lg);padding:12px 16px;font-size:13px;font-weight:700}.claim-admin-notice.success{background:color-mix(in srgb, var(--color-success) 12%, white);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 24%, transparent)}.claim-admin-notice.error{background:color-mix(in srgb, var(--color-error) 12%, white);color:var(--color-error);border:1px solid color-mix(in srgb, var(--color-error) 24%, transparent)}.claim-admin-hero{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}.claim-admin-kicker{color:var(--color-module-claim);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.claim-admin-hero h2{margin:0 0 10px;font-size:24px}.claim-admin-hero p,.claim-admin-unavailable-text{color:var(--color-text-secondary);margin:0;line-height:1.6}.claim-admin-unavailable{border-radius:var(--radius-lg);background:#ffffff9e;border:1px solid #0f172a14;gap:10px;padding:16px;display:grid}.claim-admin-unavailable-title{color:var(--color-text-primary);font-size:14px;font-weight:800}.claim-admin-unavailable-items{flex-wrap:wrap;gap:8px;display:flex}.claim-admin-pill{background:color-mix(in srgb, var(--color-warning) 12%, white);color:var(--color-text-primary);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.claim-admin-pill.muted{background:color-mix(in srgb, var(--color-text-secondary) 10%, white);color:var(--color-text-secondary)}.claim-admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.claim-admin-search{border-radius:var(--radius-lg);background:#ffffffdb;border:1px solid #0f172a14;flex:320px;align-items:center;gap:10px;padding:0 14px;display:flex}.claim-admin-search .ui-input{box-shadow:none;background:0 0;border:0;flex:1;padding-left:0}.claim-admin-search-clear{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:4px;transition:all .15s;display:flex}.claim-admin-search-clear:hover{color:var(--color-text-primary);background:#0f172a0f}.claim-admin-table-wrap{overflow-x:auto}.claim-admin-table{border-collapse:collapse;width:100%}.claim-admin-table th,.claim-admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #0f172a14;padding:14px 12px;font-size:13px}.claim-admin-table th{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.claim-admin-inline-actions{align-items:center;gap:8px;display:inline-flex}.claim-admin-inline-actions .ui-btn{justify-content:center;min-width:38px}.claim-admin-inline-actions .danger-icon{color:var(--color-error)}.claim-admin-flow-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;display:grid}.claim-admin-flow-stack{gap:20px;display:grid}.claim-admin-flow-panel{gap:16px;display:grid}.claim-admin-panel-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.claim-admin-panel-head h3{margin:0;font-size:16px}.claim-admin-panel-head p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.claim-admin-list,.claim-admin-staff-list{gap:10px;display:grid}.claim-admin-list-item,.claim-admin-staff-item{border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:#ffffffd6;border:1px solid #0f172a14;width:100%;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s}.claim-admin-list-item:hover,.claim-admin-staff-item:hover,.claim-admin-list-item.active,.claim-admin-staff-item.active{border-color:color-mix(in srgb, var(--color-module-claim) 38%, transparent);transform:translateY(-1px);box-shadow:0 18px 40px #0f172a14}.claim-admin-list-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.claim-admin-list-title{color:var(--color-text-primary);font-size:15px;font-weight:800}.claim-admin-list-meta,.claim-admin-list-description,.claim-admin-staff-meta,.claim-admin-detail-caption,.claim-admin-role-meta{color:var(--color-text-secondary);font-size:12px}.claim-admin-list-description{margin-top:10px;line-height:1.55}.claim-admin-role-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.claim-admin-role-card{border-radius:var(--radius-lg);background:#ffffffd6;border:1px solid #0f172a14;padding:14px}.claim-admin-role-order{background:color-mix(in srgb, var(--color-info) 12%, white);color:var(--color-info);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.claim-admin-role-name,.claim-admin-detail-role,.claim-admin-staff-name{color:var(--color-text-primary);margin-top:10px;font-size:14px;font-weight:800}.claim-admin-staff-item{align-items:center;gap:12px;display:flex}.claim-admin-staff-copy{min-width:0}.claim-admin-detail-editor{gap:12px;display:grid}.claim-admin-detail-row{grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.claim-admin-detail-meta{min-width:0}.claim-admin-modal{max-width:760px}.claim-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.claim-admin-field{gap:8px;display:grid}.claim-admin-field-full{grid-column:span 2}.ui-textarea{resize:vertical;min-height:80px;padding:10px 14px;line-height:1.5}.claim-admin-field label,.claim-admin-checkbox label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.claim-admin-checkbox{grid-column:1/-1;align-items:center;gap:10px;display:flex}.claim-admin-checkbox input{width:16px;height:16px}.claim-admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=1100px){.claim-admin-hero,.claim-admin-flow-layout,.claim-admin-flow-workspace{grid-template-columns:1fr}}@media (width<=720px){.claim-admin-form-grid,.claim-admin-detail-row{grid-template-columns:1fr}.claim-admin-toolbar,.claim-admin-modal-actions{flex-direction:column;align-items:stretch}.claim-admin-timeline-content-card{grid-template-columns:1fr;gap:12px}.claim-admin-save-btn{width:100%}}.claim-admin-role-stepper{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.claim-admin-stepper-node-wrapper{align-items:center;gap:8px;display:flex}.claim-admin-stepper-node{border-radius:var(--radius-md);background:#ffffffd9;border:1px solid #0f172a14;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0f172a03}.claim-admin-stepper-node:hover{border-color:color-mix(in srgb, var(--color-module-outstation) 35%, transparent);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}.claim-admin-stepper-icon{background:var(--color-module-outstation);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.claim-admin-stepper-content{flex-direction:column;display:flex}.claim-admin-stepper-name{color:var(--color-text-primary);font-size:12.5px;font-weight:800}.claim-admin-stepper-meta{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.01em;font-size:10px}.claim-admin-stepper-connector{color:var(--color-text-secondary);opacity:.5;align-items:center;display:flex}.claim-admin-flow-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.claim-admin-staff-item{align-items:center;gap:12px;padding-right:40px;display:flex;position:relative}.claim-admin-staff-chevron{color:var(--color-text-secondary);opacity:0;transition:all .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.claim-admin-staff-item:hover .claim-admin-staff-chevron,.claim-admin-staff-item.active .claim-admin-staff-chevron{opacity:1;color:var(--color-module-claim);transform:translateY(-50%)translate(2px)}.claim-admin-timeline-editor{flex-direction:column;gap:16px;padding:8px 4px;display:flex;position:relative}.claim-admin-timeline-row{align-items:stretch;gap:16px;display:flex}.claim-admin-timeline-track-node{flex-direction:column;align-items:center;width:28px;display:flex;position:relative}.claim-admin-timeline-badge{background:color-mix(in srgb, var(--color-info) 10%, white);border:2px solid var(--color-info);width:26px;height:26px;color:var(--color-info);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;box-shadow:0 0 0 4px #fff}.claim-admin-timeline-line{background:color-mix(in srgb, var(--color-info) 18%, transparent);z-index:1;flex:1;width:2px;margin:4px 0}.claim-admin-timeline-content-card{border-radius:var(--radius-lg);background:#ffffffd9;border:1px solid #0f172a0f;flex:1;grid-template-columns:minmax(100px,140px) minmax(220px,1fr) auto;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:grid;box-shadow:0 2px 8px #0f172a03}.claim-admin-timeline-content-card:hover{border-color:#0f172a1f;box-shadow:0 4px 16px #0f172a0a}.claim-admin-timeline-role-info{flex-direction:column;gap:2px;display:flex}.claim-admin-timeline-role-name{color:var(--color-text-primary);font-size:14px;font-weight:800}.claim-admin-timeline-role-id{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:11px}.claim-admin-timeline-select-wrapper{border-radius:var(--radius-md);background:#fff;border:1px solid #0f172a14;align-items:center;gap:12px;padding:4px 8px;display:flex;box-shadow:inset 0 1px 2px #0f172a05}.claim-admin-reviewer-avatar-preview{flex-shrink:0;justify-content:center;align-items:center;display:flex}.claim-admin-reviewer-avatar-preview .empty-reviewer{width:24px;height:24px;color:var(--color-text-secondary);background:#0f172a0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.claim-admin-reviewer-select{color:var(--color-text-primary);cursor:pointer;min-height:unset;flex:1;font-size:13px;font-weight:600;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px 28px 4px 0!important}.claim-admin-save-btn{min-width:70px;height:36px;padding:8px 14px;font-size:12px}.searchable-select-container{flex:1;width:100%;position:relative}.searchable-select-trigger{border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #0f172a14;justify-content:space-between;align-items:center;min-height:38px;padding:4px 12px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px 2px #0f172a05}.searchable-select-trigger:focus-within{border-color:color-mix(in srgb, var(--color-info) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-info) 15%, transparent)}.searchable-select-input{cursor:text;box-shadow:none!important;color:var(--color-text-primary)!important;width:100%!important;min-height:unset!important;background:0 0!important;border:0!important;outline:none!important;padding:0!important;font-size:13px!important;font-weight:600!important}.searchable-select-input::placeholder{color:var(--color-text-secondary);opacity:.6}.searchable-select-arrow{color:var(--color-text-secondary);pointer-events:none;align-items:center;padding-left:8px;display:flex}.searchable-select-dropdown{border-radius:var(--radius-lg);z-index:100;box-sizing:border-box;background:#fff;border:1px solid #0f172a1f;width:100%;max-height:220px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) searchableSelectSlideDown;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a1f}.searchable-select-options-list{flex-direction:column;gap:2px;display:flex}.searchable-select-option{color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.searchable-select-option:hover{background:#0f172a0a}.searchable-select-option.selected{background:color-mix(in srgb, var(--color-info) 10%, white);color:var(--color-info)}.searchable-select-no-results{color:var(--color-text-secondary);text-align:center;padding:12px;font-size:13px}@keyframes searchableSelectSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.claim-admin-staff-pagination{border-top:1px solid #0f172a0f;margin-top:12px;padding-top:12px}.claim-admin-assignments-detail{gap:20px;display:grid}.claim-admin-detail-header{border-radius:var(--radius-lg);background:#fff;border:1px solid #0f172a14;align-items:center;gap:20px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #0f172a05}.claim-admin-back-btn{align-items:center;gap:8px;height:38px;display:inline-flex}.claim-admin-detail-title-block h2{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:800}.claim-admin-detail-title-block p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.claim-admin-role-stepper-container{flex-direction:column;gap:24px;display:flex}.claim-admin-stepper-cta-panel{border-top:1px solid #0f172a0f;justify-content:flex-start;padding-top:20px;display:flex}.claim-admin-stepper-cta-panel .ui-btn{align-items:center;gap:10px;padding:10px 20px;font-weight:700;display:inline-flex}.claim-admin-table-clickable-row{transition:background-color .15s}.claim-admin-table-clickable-row:hover{background-color:#0f172a08!important}.claim-admin-table-clickable-row.active{background-color:#2563eb14!important}.claim-admin-table-flow-id{font-family:var(--font-mono,monospace);color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#0f172a0a;padding:2px 6px;font-size:12px;font-weight:700}.claim-admin-table-remark{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:13px;overflow:hidden}@media (width<=1100px){.claim-admin-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.claim-admin-back-btn{justify-content:center;width:100%}}.ui-input-readonly,.claim-admin-field input[readonly]{cursor:not-allowed;background-color:var(--color-surface-variant,#f1f5f9)!important;color:var(--color-text-secondary,#475569)!important;border-color:#0f172a1f!important}.claim-admin-claims-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.claim-admin-right-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.claim-admin-claims-toolbar .claim-admin-search,.claim-admin-claims-toolbar .claim-admin-year-selector,.claim-admin-claims-toolbar .claim-admin-filter-select,.claim-admin-claims-toolbar .claim-admin-refresh-btn{box-sizing:border-box!important;border-radius:var(--radius-lg,10px)!important;border:1px solid #0f172a1f!important;height:42px!important;font-size:13px!important}.claim-admin-claims-toolbar .claim-admin-search{flex:280px;max-width:450px}.claim-admin-filter-select{color:var(--color-text-primary);cursor:pointer;background:#fff;outline:none;padding:0 14px;font-size:13px;font-weight:600;height:42px!important}.claim-admin-year-selector{box-sizing:border-box;background:#fff;align-items:center;gap:8px;padding:0 14px;display:flex;height:42px!important}.claim-admin-year-selector label{color:var(--color-text-secondary);text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:1}.claim-admin-year-select{color:var(--color-primary-600,#4338ca);cursor:pointer;background:0 0;border:none;outline:none;height:100%;padding:0;font-size:13px;font-weight:800}.claim-admin-meta-card{border-radius:var(--radius-lg,10px);background:#f8fafce6;border:1px solid #0f172a14;padding:14px 16px}.claim-admin-meta-card label{color:var(--color-text-tertiary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.claim-admin-modal-lg{max-width:900px}.claim-admin-edit-tabs{border-bottom:2px solid #0f172a14;gap:12px;margin-bottom:20px;display:flex}.claim-admin-tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.claim-admin-tab-btn.active{color:var(--color-primary-600,#4338ca);border-bottom-color:var(--color-primary-600,#4338ca)}.claim-admin-steps-timeline{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.claim-admin-step-card{border-radius:var(--radius-lg);background:#f8fafccc;border:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.claim-admin-step-info{align-items:center;gap:14px;display:flex}.claim-admin-step-badge{background:var(--color-primary-600,#4338ca);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.claim-admin-step-details h4{margin:0;font-size:14px;font-weight:800}.claim-admin-step-details p{color:var(--color-text-secondary);margin:2px 0 0;font-size:12px}.ui-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) uiModalFadeIn;display:flex;position:fixed;inset:0}.ui-modal{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) uiModalPop;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #0f172a59,inset 0 0 0 1px #fff9}.ui-modal.claim-admin-modal-lg{max-width:980px}.ui-modal-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:relative}.ui-modal-header h3{color:#fff;letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:19px;font-weight:800;display:flex}.ui-modal-header p{color:#e2e8f0d1!important}.ui-modal-header-icon{color:#818cf8;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ui-modal-close{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.ui-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)scale(1.05)}.ui-modal-body{background:#fafafa;flex:1;padding:28px;overflow-y:auto}.ui-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;display:flex}.claim-admin-edit-tabs{background:#e2e8f0;border-radius:16px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.claim-admin-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.claim-admin-tab-btn:hover{color:#1e293b;background:#ffffff80}.claim-admin-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);box-shadow:0 4px 14px #4f46e54d}.claim-admin-tab-btn code{opacity:.85;font-size:11px}.status-chip-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:8px;display:grid}.status-chip-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.status-chip-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.status-chip-btn.active{border-color:var(--chip-accent,#4f46e5);background:var(--chip-bg,#e0e7ff);color:var(--chip-text,#3730a3);box-shadow:0 4px 12px var(--chip-shadow,#4f46e52e)}.status-chip-dot{background:currentColor;border-radius:50%;width:10px;height:10px}@keyframes uiModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uiModalPop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.claim-admin-attachment-thumb{border:1px solid var(--color-border,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:3px 6px;font-family:inherit;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.claim-admin-attachment-thumb:hover{border-color:var(--color-primary-500,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.claim-admin-thumb-img-wrapper{background:#f1f5f9;border:1px solid #0000000d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}.claim-admin-thumb-img-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.claim-admin-thumb-hover-overlay{opacity:0;color:#fff;background:#0f172a73;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.claim-admin-attachment-thumb:hover .claim-admin-thumb-hover-overlay,.claim-admin-card-thumb:hover .claim-admin-thumb-hover-overlay{opacity:1}.claim-admin-card-thumb{border:1.5px solid var(--color-border,#e2e8f0);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;width:100px;padding:0;font-family:inherit;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000000a}.claim-admin-card-thumb:hover{border-color:var(--color-primary-500,#4f46e5);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e52e}.claim-admin-card-thumb-img-wrap{background:#f8fafc;justify-content:center;align-items:center;width:100%;height:75px;display:flex;position:relative;overflow:hidden}.claim-admin-card-thumb-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.claim-admin-card-thumb-name{color:var(--color-text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-top:1px solid var(--color-border,#e2e8f0);background:#fff;padding:5px 8px;font-size:11px;font-weight:600;overflow:hidden}.claim-admin-img-preview-overlay{-webkit-backdrop-filter:blur(8px);z-index:10080;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out uiModalFadeIn;display:flex;position:fixed;inset:0}.claim-admin-img-preview-card{background:#0f172a;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;width:900px;max-width:95vw;max-height:92vh;animation:.22s cubic-bezier(.16,1,.3,1) uiModalPop;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3}.claim-admin-img-preview-header{color:#fff;background:#ffffff0f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.claim-admin-img-preview-body{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:320px;max-height:calc(92vh - 140px);padding:24px;display:flex;overflow:auto}.claim-admin-img-preview-body img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(92vh - 190px);transition:transform .2s;box-shadow:0 10px 40px #0009}.claim-admin-img-preview-footer{color:#ffffffbf;background:#ffffff0a;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.workhour-assignment-hero{gap:20px}.workhour-assignment-hero-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workhour-assignment-note{border:1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-neutral-200));border-radius:var(--radius-lg);color:var(--color-text-secondary);background:#ffffffb8;padding:14px 16px;font-size:13px;line-height:1.55}.workhour-assignment-note strong{color:var(--color-text-primary);margin-bottom:4px;display:block}.workhour-assignment-toolbar{gap:16px}.workhour-assignment-helper{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.workhour-assignment-helper span{border-radius:var(--radius-full);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);color:var(--color-text-secondary);padding:9px 12px;font-size:12px;font-weight:700}.workhour-assignment-daypill{border-radius:var(--radius-full);border:1px solid #0000;justify-content:center;align-items:center;min-width:98px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.workhour-assignment-daypill.all{background:color-mix(in srgb, var(--color-info) 10%, var(--color-surface));border-color:color-mix(in srgb, var(--color-info) 24%, var(--color-neutral-200));color:var(--color-info)}.workhour-assignment-daypill.weekday{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border-color:color-mix(in srgb, var(--color-primary) 24%, var(--color-neutral-200));color:var(--color-primary)}.workhour-assignment-daypill.weekday-fri{background:color-mix(in srgb, #06b6d4 12%, var(--color-surface));border-color:color-mix(in srgb, #06b6d4 28%, var(--color-neutral-200));color:#0891b2}.workhour-assignment-daypill.friday{background:color-mix(in srgb, #f59e0b 12%, var(--color-surface));border-color:color-mix(in srgb, #f59e0b 28%, var(--color-neutral-200));color:#b45309}.workhour-assignment-daypill.saturday{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));border-color:color-mix(in srgb, var(--color-warning) 28%, var(--color-neutral-200));color:#9a5b00}.workhour-assignment-daypill.sunday{background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-error) 22%, var(--color-neutral-200));color:var(--color-error)}.workhour-assignment-fullwidth{grid-column:1/-1}.workhour-assignment-modal-backdrop{z-index:90;background:#0f172a70;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.workhour-assignment-modal{border-radius:var(--radius-xl);background:var(--color-surface);width:min(720px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);overflow:auto}.workhour-assignment-modal-header{padding:20px 22px 0}.workhour-assignment-modal-header h3{margin:0;font-size:20px}.workhour-assignment-modal-body{gap:18px;padding:20px 22px 22px;display:grid}.workhour-assignment-modal-actions{justify-content:flex-end;gap:10px;display:flex}.workhour-assignment-mode-switcher{border-radius:var(--radius-lg);background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);grid-column:1/-1;gap:8px;padding:6px;display:flex}.workhour-assignment-mode-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.workhour-assignment-mode-btn:hover{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));color:var(--color-text-primary)}.workhour-assignment-mode-btn.active{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-neutral-200));color:var(--color-primary);box-shadow:var(--shadow-sm)}.workhour-assignment-mode-info{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-warning) 28%, var(--color-neutral-200));color:var(--color-text-secondary);grid-column:1/-1;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.workhour-assignment-mode-info svg{color:var(--color-warning);flex-shrink:0;margin-top:1px}.workhour-category-row-title{align-items:center;gap:5px;display:flex}.workhour-category-icon{color:var(--color-warning);flex-shrink:0}.workhour-location-icon{color:var(--color-primary);flex-shrink:0}.workhour-category-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-warning) 32%, var(--color-neutral-200));color:#9a5b00;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.workhour-delete-category-warn{color:var(--color-warning);margin-top:8px;font-size:13px;font-weight:600;display:block}@media (width<=960px){.workhour-assignment-hero-notes{grid-template-columns:minmax(0,1fr)}.workhour-assignment-fullwidth,.workhour-assignment-mode-switcher,.workhour-assignment-mode-info{grid-column:auto}}.workhour-assignment-checkbox-field{align-items:center;min-height:38px;margin-top:10px;display:flex}.workhour-assignment-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.workhour-assignment-checkbox-label input[type=checkbox]{border-radius:var(--radius-sm);border:1px solid var(--color-neutral-300);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.workhour-view-tabs{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.workhour-view-tab{color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:700;transition:all .16s}.workhour-view-tab:hover{color:var(--color-text-primary)}.workhour-view-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.workhour-calendar-view{flex-direction:column;gap:16px;display:flex}.workhour-calendar-toolbar{border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.workhour-calendar-navigation{align-items:center;gap:12px;display:flex}.workhour-calendar-month-title{color:var(--color-text-primary);text-align:center;min-width:140px;font-size:16px;font-weight:800}.workhour-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;display:grid}.workhour-calendar-day-header{color:var(--color-text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:8px 0;font-size:12px;font-weight:800}.workhour-calendar-day-cell{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-align:left;cursor:pointer;flex-direction:column;gap:6px;width:100%;min-height:100px;padding:8px;transition:all .16s;display:flex}.workhour-calendar-day-cell:hover{background:var(--color-surface-variant);border-color:var(--color-neutral-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.workhour-calendar-day-cell.out-month{opacity:.5;background:var(--color-surface-variant)}.workhour-calendar-day-cell.is-today{background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));border-color:color-mix(in srgb, var(--color-primary) 36%, var(--color-neutral-200))}.workhour-calendar-day-cell.is-today .workhour-calendar-day-number{background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-full);padding:2px 6px}.workhour-calendar-day-number-row{justify-content:space-between;align-items:center;display:flex}.workhour-calendar-day-number{color:var(--color-text-primary);font-size:12px;font-weight:800}.workhour-calendar-day-events{flex-direction:column;flex-grow:1;gap:4px;display:flex;overflow:hidden}.workhour-calendar-event-badge{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0000;padding:3px 6px;font-size:10px;font-weight:700;line-height:1.25;overflow:hidden}.workhour-calendar-event-badge.location{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border-left-color:var(--color-primary);color:var(--color-primary)}.workhour-calendar-event-badge.category{background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));border-left-color:var(--color-warning);color:#9a5b00}.workhour-calendar-event-badge.flexible{background:color-mix(in srgb, #64748b 10%, var(--color-surface));color:#475569;border-left-color:#64748b}.workhour-calendar-event-time{font-weight:800}.workhour-calendar-event-desc{opacity:.85;margin-top:1px;font-size:9px}.workhour-details-modal-content{flex-direction:column;gap:16px;display:flex}.workhour-details-list{flex-direction:column;gap:12px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.workhour-details-item-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.workhour-details-item-header{border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.workhour-details-item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workhour-location-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-neutral-200));color:var(--color-primary);align-items:center;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.workhour-details-actions{gap:6px;display:flex}.workhour-details-item-body{flex-direction:column;gap:6px;display:flex}.workhour-details-info-row{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.workhour-details-info-row strong{color:var(--color-text-primary);font-weight:700}.workhour-assignment-daypill.sm{min-width:unset;padding:3px 8px;font-size:10px}@media (width<=768px){.workhour-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.workhour-calendar-day-cell{min-height:72px;padding:4px}.workhour-calendar-event-badge{padding:2px 3px;font-size:8px}.workhour-calendar-event-desc{display:none}}.detailed-calendar-staff-row{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);align-items:center;gap:6px;width:100%;padding:4px;transition:background-color .12s;display:flex;overflow:hidden}.detailed-calendar-staff-row:hover{background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface-variant))}.detailed-calendar-staff-info{flex-direction:column;flex-grow:1;gap:1px;min-width:0;display:flex}.detailed-calendar-staff-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.detailed-calendar-status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;width:fit-content;padding:1px 4px;font-size:9px;font-weight:800}.detailed-calendar-status-badge.off{background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface));color:var(--color-error)}.detailed-calendar-status-badge.working{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detailed-calendar-more-badge{color:var(--color-text-tertiary);text-align:center;padding:2px 0;font-size:10px;font-weight:800}@media (width<=768px){.detailed-calendar-staff-row{gap:4px;padding:2px}.detailed-calendar-staff-name{font-size:9px}.detailed-calendar-status-badge{padding:0 2px;font-size:8px}}.fm-header{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.fm-header{flex-direction:row;justify-content:space-between;align-items:center}}.fm-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fm-layout{grid-template-columns:1fr;align-items:stretch;gap:20px;display:grid}@media (width>=1024px){.fm-layout{grid-template-columns:1fr 2fr}}.fm-pane{flex-direction:column;min-height:480px;display:flex}.fm-pane-header{border-bottom:1px solid var(--color-neutral-200);padding:16px}.fm-pane-header h3{color:var(--color-text-primary);margin:0 0 10px;font-size:13px;font-weight:700}.fm-search-wrap{position:relative}.fm-search-icon{color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fm-search-input{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;padding:8px 12px 8px 36px;font-size:13px}.fm-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);outline:none}.fm-search-clear{color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fm-search-clear:hover{color:var(--color-text-secondary);background:var(--color-neutral-100)}.fm-folders-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;width:100%;display:grid}.fm-folder-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;display:flex}.fm-folder-card:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);border-color:color-mix(in srgb, var(--color-primary) 12%, transparent)}.fm-folder-card-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:10px;font-size:13px;font-weight:550;overflow:hidden}.fm-breadcrumbs{flex-wrap:wrap;align-items:center;gap:4px;padding:0 4px;font-size:13px;display:flex}.fm-breadcrumb-btn{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);color:var(--color-primary);background:0 0;border:none;padding:4px 8px;font-weight:500}.fm-breadcrumb-btn:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary-dark)}.fm-breadcrumb-btn.current{color:var(--color-text-primary);cursor:default;font-weight:700}.fm-breadcrumb-btn.current:hover{background:0 0}.fm-go-up-btn{cursor:pointer;color:var(--color-neutral-400);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;padding:6px;display:flex}.fm-go-up-btn:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.fm-files-header{border-bottom:1px solid var(--color-neutral-200);flex-direction:column;gap:12px;padding:16px;display:flex}.fm-files-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fm-files-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:13px;font-weight:700;overflow:hidden}.fm-upload-label{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.fm-upload-label:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 4%, transparent)}.fm-files-body{flex:1;max-height:450px;padding:20px;overflow-y:auto}.fm-files-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;width:100%;display:grid}.fm-file-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;display:flex;position:relative}.fm-file-card:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent);border-color:color-mix(in srgb, var(--color-primary) 12%, transparent)}.fm-file-card-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:10px;font-size:13px;font-weight:550;overflow:hidden}.fm-file-card-size{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;font-size:11px;overflow:hidden}.fm-file-card-shortcut{border-radius:var(--radius-sm);background:var(--color-card-bg);border:1px solid var(--color-neutral-200);color:var(--color-neutral-500);opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:8px;right:8px}.fm-file-card:hover .fm-file-card-shortcut{opacity:1}.fm-file-card-shortcut:hover{color:var(--color-primary);border-color:var(--color-primary)}.fm-alert{border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.fm-alert.success{background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:color-mix(in srgb, var(--color-success) 25%, transparent);color:var(--color-success)}.fm-alert.error{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:color-mix(in srgb, var(--color-error) 25%, transparent);color:var(--color-error)}.fm-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fm-fadeIn;display:flex;position:fixed;inset:0}@keyframes fm-fadeIn{0%{opacity:0}to{opacity:1}}.fm-modal{background:var(--color-card-bg);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--color-neutral-200);padding:24px}.fm-modal h3{color:var(--color-text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.fm-modal p{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px}.fm-modal-form{flex-direction:column;gap:16px;display:flex}.fm-modal-label{text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.fm-modal-input{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition-fast);padding:9px 12px;font-size:13px}.fm-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);outline:none}.fm-modal-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.fm-preview-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fm-fadeIn;display:flex;position:fixed;inset:0}.fm-preview-modal{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-neutral-200);flex-direction:column;width:900px;max-width:95vw;height:85vh;display:flex;overflow:hidden}.fm-preview-header{border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.fm-preview-header-info{align-items:center;gap:12px;min-width:0;display:flex}.fm-preview-header-info .fm-file-icon{flex-shrink:0}.fm-preview-header-meta{min-width:0}.fm-preview-header-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.fm-preview-header-size{color:var(--color-text-muted);font-size:11px}.fm-preview-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.fm-preview-body{background:var(--color-neutral-100);flex:1}.fm-preview-body iframe{border:none;width:100%;height:100%}.fm-empty-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 16px;display:flex}.fm-empty-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:16px;display:flex}.fm-empty-icon.primary{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.fm-empty-icon.muted{background:var(--color-neutral-50);color:var(--color-neutral-400)}.fm-empty-title{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.fm-empty-text{color:var(--color-text-secondary);max-width:320px;margin:4px 0 0;font-size:13px}.fm-empty-text button{color:var(--color-primary);text-underline-offset:2px;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.fm-result-count{color:var(--color-neutral-400);text-align:right;padding:8px 4px 0;font-size:11px}.fm-spin{animation:1s linear infinite fm-spin-anim}@keyframes fm-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.etl-page{max-width:1100px;margin:0 auto}.etl-header{background:var(--summary-header-bg,linear-gradient(135deg, #1e1e2e, #2d1b35 40%, #1a1028));color:#fff;border-radius:18px;align-items:center;gap:20px;margin-bottom:28px;padding:28px 32px;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 48px -12px #0000004d}.etl-header:before{content:"";background:radial-gradient(ellipse 40% 70% at 75% 15%, var(--summary-header-glow-1,#e91e6314), transparent), radial-gradient(ellipse 50% 50% at 10% 80%, var(--summary-header-glow-2,#7b1fa20f), transparent);pointer-events:none;position:absolute;inset:0}.etl-avatar{object-fit:cover;border:1.5px solid #ffffff14;border-radius:14px;flex-shrink:0;width:52px;height:52px}.etl-avatar-fb{color:#ffffffd9;background:#ffffff0d;border:1.5px solid #ffffff14;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:20px;font-weight:600;display:grid}.etl-info{z-index:1;flex:1;min-width:0}.etl-name{letter-spacing:-.3px;color:#fff;margin:0;font-size:17px;font-weight:700}.etl-role{color:#fff6;margin-top:2px;font-size:11px}.etl-stats{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;margin-top:14px;display:flex;overflow:hidden}.etl-stats>div{border-right:1px solid #ffffff0f;flex:1;padding:10px 14px}.etl-stats>div:last-child{border-right:none}.etl-stat-val{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1}.etl-stat-lbl{color:#ffffff4d;letter-spacing:.3px;margin-top:3px;font-size:9px;font-weight:500}.etl-now-pill{display:none}.etl-years{gap:4px;margin-bottom:24px;display:flex}.etl-ypill{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 20px;font-size:13px;font-weight:600}.etl-ypill:hover{background:var(--color-neutral-100)}.etl-ypill.on{background:var(--color-text-primary);color:var(--color-surface);box-shadow:0 1px 4px #0000001f}.bt-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:12px;display:grid}.bt-skel{background:linear-gradient(90deg, var(--color-neutral-100) 25%, var(--color-neutral-50) 50%, var(--color-neutral-100) 75%);background-size:200% 100%;border-radius:16px;min-height:120px;animation:1.5s infinite sh}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.bt-tile{cursor:pointer;border-radius:16px;transition:box-shadow .25s;position:relative}.bt-tile:hover{box-shadow:0 8px 32px #00000014,0 1px 2px #0000000a}.bt-tile-inner{z-index:1;background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:16px;flex-direction:column;height:100%;padding:18px 20px 14px;display:flex;position:relative;overflow:hidden}.bt-glow{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-primary-light));opacity:.35;z-index:0;border-radius:17px;position:absolute;inset:-1px}.bt-current .bt-tile-inner{background:linear-gradient(160deg, var(--color-surface) 0%, var(--color-primary-surface) 100%);border-color:#0000}.bt-hero{grid-area:span 2/span 2}.bt-med{grid-column:span 2}.bt-sm{grid-column:span 1}.bt-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.bt-month{color:var(--color-text-primary);letter-spacing:-.2px;font-size:14px;font-weight:700}.bt-hero .bt-month{letter-spacing:-.4px;font-size:20px}.bt-now{background:var(--color-primary-surface);color:var(--color-primary);letter-spacing:.3px;border-radius:5px;padding:2px 8px;font-size:9px;font-weight:700}.bt-footer{color:var(--color-text-tertiary);justify-content:flex-end;align-items:center;gap:4px;margin-top:auto;padding-top:10px;font-size:10px;font-weight:500;display:flex}.bt-footer-hint{opacity:0;transition:opacity .15s}.bt-tile:hover .bt-footer-hint{opacity:1}.bt-hero-stats{flex:1;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.bt-hero-main{flex:1}.bt-big-num{letter-spacing:-3px;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:.9}.bt-big-pct{opacity:.5;letter-spacing:-1px;font-size:24px;font-weight:600}.bt-big-lbl{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px;font-weight:600}.bt-bars{align-items:flex-end;gap:5px;height:80px;padding-bottom:16px;display:flex}.bt-bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:14px;height:100%;display:flex}.bt-bar{border-radius:4px 4px 1px 1px;width:100%;min-height:4px;transition:height .4s cubic-bezier(.16,1,.3,1)}.bt-bar-n{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;margin-top:3px;font-size:8px;font-weight:700}.bt-hero-grid{background:var(--color-neutral-200);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.bt-kv{background:var(--color-surface);padding:10px 12px}.bt-current .bt-kv{background:color-mix(in srgb, var(--color-primary-surface) 40%, var(--color-surface))}.bt-k{color:var(--color-text-tertiary);letter-spacing:.2px;font-size:9px;font-weight:500}.bt-v{color:var(--color-text-primary);letter-spacing:-.3px;font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:700}.bt-med-row{flex:1;align-items:center;gap:16px;display:flex}.bt-ring-wrap{flex-shrink:0;width:56px;height:56px;position:relative}.bt-ring{width:100%;height:100%;transform:rotate(-90deg)}.bt-ring circle:first-child{opacity:.3}.bt-ring-val{color:var(--color-text-primary);letter-spacing:-.5px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.bt-med-info{flex-direction:column;gap:3px;display:flex}.bt-kv-row{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.bt-kv-row svg{color:var(--color-text-tertiary);flex-shrink:0}.bt-sm-body{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.bt-sm-num{letter-spacing:-2px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.bt-sm-lbl{color:var(--color-text-tertiary);margin-top:2px;font-size:10px;font-weight:500}.bt-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bt-panel{background:var(--color-surface);width:100%;max-width:520px;max-height:80vh;box-shadow:0 32px 64px #00000026, 0 0 0 1px var(--color-neutral-200);border-radius:18px;padding:24px;overflow-y:auto}.bt-panel-hd{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.bt-panel-title{letter-spacing:-.4px;color:var(--color-text-primary);font-size:20px;font-weight:800}.bt-panel-sub{color:var(--color-text-tertiary);margin-top:2px;font-size:11px}.bt-close{border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;width:32px;height:32px;color:var(--color-text-tertiary);border-radius:10px;place-items:center;transition:all .15s;display:grid}.bt-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.bt-panel-stats{border:1px solid var(--color-neutral-200);border-radius:12px;gap:0;margin-bottom:18px;display:flex;overflow:hidden}.bt-ps{border-right:1px solid var(--color-neutral-200);flex:1;align-items:center;gap:8px;padding:12px 14px;display:flex}.bt-ps:last-child{border-right:none}.bt-ps svg{color:var(--color-text-tertiary);flex-shrink:0}.bt-ps-val{letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.bt-ps-lbl{color:var(--color-text-tertiary);margin-top:1px;font-size:9px}.bt-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.bt-tab{border:1px solid var(--color-neutral-200);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.bt-tab:hover{background:var(--color-neutral-50)}.bt-tab.on{background:var(--color-surface);box-shadow:0 1px 4px #0000000f}.bt-detail-list{flex-direction:column;gap:2px;display:flex}.bt-drow{border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.bt-drow:hover{background:var(--color-neutral-50)}.bt-drow-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.bt-drow-info{flex:1;min-width:0}.bt-drow-label{color:var(--color-text-primary);font-size:12px;font-weight:600}.bt-drow-meta{color:var(--color-text-tertiary);margin-top:1px;font-size:10px}.bt-drow-val{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.bt-drow-badge{border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:600}.bt-empty{text-align:center;color:var(--color-text-tertiary);padding:20px;font-size:12px}@media (width<=768px){.bt-grid{grid-template-columns:repeat(2,1fr)}.bt-hero{grid-area:span 1/span 2}.bt-med{grid-column:span 2}.etl-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.etl-stats{flex-direction:column}.etl-stats>div{border-bottom:1px solid #ffffff0f;border-right:none}.etl-stats>div:last-child{border-bottom:none}}
