@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";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&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:#0080ff;--color-primary-light:#5cadff;--color-primary-dark:#0064d8;--color-primary-surface:#07182d;--color-primary-container:#0b2546;--color-secondary:#31a2ff;--color-secondary-light:#84c7ff;--color-secondary-surface:#081d35;--color-accent:#2fd6ff;--color-accent-light:#8deaff;--color-accent-warm:#0a3040;--color-background:#000;--color-surface:#070b12;--color-surface-variant:#0b101a;--color-surface-elevated:#101724;--color-card-bg:#080d16;--color-text-primary:#f7f9ff;--color-text-secondary:#b5c2d6;--color-text-tertiary:#718098;--color-neutral-900:#f1f6ff;--color-neutral-800:#d7e1f0;--color-neutral-700:#aebbd0;--color-neutral-600:#8795aa;--color-neutral-500:#617086;--color-neutral-400:#3e4a5e;--color-neutral-300:#263144;--color-neutral-200:#172132;--color-neutral-100:#0e1623;--color-neutral-50:#090f18;--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:#0080ff;--gradient-header:#061a34;--gradient-card:#0b2546;--gradient-dark:#000;--shadow-sm:0 1px 3px #0000008c, 0 0 10px #0080ff0a;--shadow-md:0 8px 24px #00000085, 0 0 18px #0080ff0f;--shadow-lg:0 18px 44px #00000094, 0 0 28px #0080ff14;--shadow-xl:0 28px 64px #000000a3, 0 0 42px #0080ff1a;--app-accent-rgb:0, 128, 255;--summary-header-bg:linear-gradient(135deg, #02070e, #061a34 48%, #000);--summary-header-glow-1:#0080ff2e;--summary-header-glow-2:#2fd6ff1a}[data-theme=flo-pink][data-mode=dark]{--app-accent-rgb:255, 0, 127;--summary-header-bg:linear-gradient(135deg, #0d0208, #290717 48%, #000);--summary-header-glow-1:#ff007f33;--summary-header-glow-2:#ff64b11a;--color-primary:#ff007f;--color-primary-light:#ff64b1;--color-primary-dark:#d8006c;--color-primary-surface:#240715;--color-primary-container:#380a21;--color-secondary:#ff3e9f;--color-secondary-light:#ff8bc5;--color-secondary-surface:#2b091b;--color-accent:#ff64b1;--color-accent-light:#ffadcf;--color-accent-warm:#400a27;--color-background:#000;--color-surface:#0d070c;--color-surface-variant:#150a12;--color-surface-elevated:#1c0d17;--color-card-bg:#120910;--color-text-primary:#fff7fb;--color-text-secondary:#cfb9c6;--color-text-tertiary:#876f7e;--color-neutral-900:#fff0f7;--color-neutral-800:#e9d1de;--color-neutral-700:#c8a9b9;--color-neutral-600:#a48193;--color-neutral-500:#805d70;--color-neutral-400:#593c4c;--color-neutral-300:#3b2330;--color-neutral-200:#29141f;--color-neutral-100:#1b0c14;--color-neutral-50:#12080e;--gradient-primary:#ff007f;--gradient-header:#290717;--gradient-card:#380a21;--gradient-dark:#000;--shadow-sm:0 1px 3px #0000008c, 0 0 10px #ff007f0a;--shadow-md:0 8px 24px #00000085, 0 0 18px #ff007f0f;--shadow-lg:0 18px 44px #00000094, 0 0 28px #ff007f14;--shadow-xl:0 28px 64px #000000a3, 0 0 42px #ff007f1a}[data-theme=corporate-blue]{--app-accent-rgb:0, 128, 255}[data-theme=flo-pink]{--app-accent-rgb:255, 0, 127}:root,[data-layout-mode=tiles]{--bento-card-bg:#fff;--bento-card-border:#00000012;--bento-card-shadow:0 4px 20px -2px #0000000a, 0 2px 6px -1px #00000005;--bento-radius:16px;--bento-radius-lg:20px;--bento-accent:#06f;--bento-accent-hover:#0052cc;--bento-accent-gradient:linear-gradient(135deg, #06f 0%, #0047ba 100%);--bento-accent-glow:#0066ff40;--bento-accent-subtle:#0066ff14}[data-layout-mode=tiles]{--color-background:#fff;--color-surface:#fff;--color-surface-variant:#f8fafc;--color-surface-elevated:#fff;--color-card-bg:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1}[data-tiles-color=blue]{--bento-accent:#06f;--bento-accent-hover:#0052cc;--bento-accent-gradient:linear-gradient(135deg, #06f 0%, #0047ba 100%);--bento-accent-glow:#0066ff40;--bento-accent-subtle:#0066ff14;--color-primary:#06f;--color-primary-light:#3385ff;--color-primary-dark:#0047ba;--color-primary-surface:#ebf3ff;--color-primary-container:#d6e7ff;--app-accent-rgb:0, 102, 255}[data-tiles-color=orange]{--bento-accent:#f50;--bento-accent-hover:#e04b00;--bento-accent-gradient:linear-gradient(135deg, #f61 0%, #e64a00 100%);--bento-accent-glow:#ff550047;--bento-accent-subtle:#ff550014;--color-primary:#f50;--color-primary-light:#f73;--color-primary-dark:#d44700;--color-primary-surface:#fff0e8;--color-primary-container:#ffe2d4;--app-accent-rgb:255, 85, 0}[data-tiles-color=green]{--bento-accent:#059669;--bento-accent-hover:#047857;--bento-accent-gradient:linear-gradient(135deg, #10b981 0%, #047857 100%);--bento-accent-glow:#05966940;--bento-accent-subtle:#05966914;--color-primary:#059669;--color-primary-light:#10b981;--color-primary-dark:#047857;--color-primary-surface:#ecfdf5;--color-primary-container:#d1fae5;--app-accent-rgb:5, 150, 105}[data-tiles-color=purple]{--bento-accent:#7c3aed;--bento-accent-hover:#6d28d9;--bento-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--bento-accent-glow:#7c3aed40;--bento-accent-subtle:#7c3aed14;--color-primary:#7c3aed;--color-primary-light:#8b5cf6;--color-primary-dark:#6d28d9;--color-primary-surface:#f5f3ff;--color-primary-container:#ede9fe;--app-accent-rgb:124, 58, 237}[data-tiles-color=rose]{--bento-accent:#e11d48;--bento-accent-hover:#be123c;--bento-accent-gradient:linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--bento-accent-glow:#e11d4840;--bento-accent-subtle:#e11d4814;--color-primary:#e11d48;--color-primary-light:#f43f5e;--color-primary-dark:#be123c;--color-primary-surface:#fff1f2;--color-primary-container:#ffe4e6;--app-accent-rgb:225, 29, 72}[data-tiles-color=amber]{--bento-accent:#d97706;--bento-accent-hover:#b45309;--bento-accent-gradient:linear-gradient(135deg, #f59e0b 0%, #b45309 100%);--bento-accent-glow:#d9770640;--bento-accent-subtle:#d9770614;--color-primary:#d97706;--color-primary-light:#f59e0b;--color-primary-dark:#b45309;--color-primary-surface:#fffbeb;--color-primary-container:#fef3c7;--app-accent-rgb:217, 119, 6}:root{--bento-accent:#06f;--bento-accent-gradient:linear-gradient(135deg, #0a74ff 0%, #0052cc 100%);--bento-accent-hover:#0052cc;--bento-accent-light:#38bdf8;--bento-accent-soft:#0066ff14;--bento-accent-glow:#0066ff52;--bento-accent-surface:#ebf2ff;--bento-dark:#141416;--bento-dark-hover:#1d1d21;--bento-gray:#f0efea;--bento-gray-hover:#e8e7e2;--bento-text-dark:#141416;--bento-text-muted:#78766f;--bento-radius-card:28px}[data-tiles-color=orange]{--bento-accent:#f50!important;--bento-accent-gradient:linear-gradient(135deg, #ff6b2b 0%, #e63d00 100%)!important;--bento-accent-hover:#e63d00!important;--bento-accent-light:#ffa266!important;--bento-accent-soft:#ff550014!important;--bento-accent-glow:#ff550052!important;--bento-accent-surface:#fff2eb!important}[data-tiles-color=green]{--bento-accent:#059669!important;--bento-accent-gradient:linear-gradient(135deg, #10b981 0%, #047857 100%)!important;--bento-accent-hover:#047857!important;--bento-accent-light:#6ee7b7!important;--bento-accent-soft:#05966914!important;--bento-accent-glow:#05966952!important;--bento-accent-surface:#ecfdf5!important}[data-tiles-color=purple]{--bento-accent:#7c3aed!important;--bento-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%)!important;--bento-accent-hover:#6d28d9!important;--bento-accent-light:#c4b5fd!important;--bento-accent-soft:#7c3aed14!important;--bento-accent-glow:#7c3aed52!important;--bento-accent-surface:#f5f3ff!important}[data-tiles-color=rose]{--bento-accent:#e11d48!important;--bento-accent-gradient:linear-gradient(135deg, #f43f5e 0%, #be123c 100%)!important;--bento-accent-hover:#be123c!important;--bento-accent-light:#fda4af!important;--bento-accent-soft:#e11d4814!important;--bento-accent-glow:#e11d4852!important;--bento-accent-surface:#fff1f2!important}[data-tiles-color=amber]{--bento-accent:#d97706!important;--bento-accent-gradient:linear-gradient(135deg, #f59e0b 0%, #b45309 100%)!important;--bento-accent-hover:#b45309!important;--bento-accent-light:#fcd34d!important;--bento-accent-soft:#d9770614!important;--bento-accent-glow:#d9770652!important;--bento-accent-surface:#fffbeb!important}[data-tiles-color=blue]{--bento-accent:#06f!important;--bento-accent-gradient:linear-gradient(135deg, #0a74ff 0%, #0052cc 100%)!important;--bento-accent-hover:#0052cc!important;--bento-accent-light:#38bdf8!important;--bento-accent-soft:#0066ff14!important;--bento-accent-glow:#0066ff52!important;--bento-accent-surface:#ebf2ff!important}.bento-quick-actions{scrollbar-width:none;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:4px;display:flex;overflow-x:auto}.bento-quick-actions::-webkit-scrollbar{display:none}.bento-quick-action-btn{background:var(--bento-gray,#f0efea);color:var(--bento-text-dark,#141416);cursor:pointer;white-space:nowrap;border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.bento-quick-action-btn:hover{border-color:var(--bento-accent,var(--bento-blue,#06f));color:var(--bento-accent,var(--bento-blue,#06f));background:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0000000f}.bento-quick-action-btn.active{background:var(--bento-accent,var(--bento-blue,#06f));border-color:var(--bento-accent,var(--bento-blue,#06f));color:#fff;box-shadow:0 4px 16px var(--bento-accent-glow,#0066ff4d)}.bento-quick-action-btn.active svg{color:#fff}.bento-quick-action-btn .bento-arrow-icon{opacity:.6;transition:transform .2s}.bento-quick-action-btn:hover .bento-arrow-icon{opacity:1;transform:translate(2px,-2px)}@media (width>=960px){.bento-grid-overview{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}.bento-grid-overview .bento-hero-tile-1{grid-area:1/1/span 2;min-height:330px}.bento-grid-overview .bento-hero-tile-2{grid-area:1/2/span 2;min-height:330px}.bento-grid-overview .bento-hero-tile-span2{grid-area:1/1/span 2/span 2;min-height:330px}.bento-grid-overview .bento-card-col3-row1{grid-area:1/3;min-height:155px}.bento-grid-overview .bento-card-col3-row2{grid-area:2/3;min-height:155px}.bento-grid-overview .bento-card-col4-row1{grid-area:1/4;min-height:155px}.bento-grid-overview .bento-card-col4-row2{grid-area:2/4;min-height:155px}}.bento-card-blue,.bento-card-orange,.bento-card-accent{box-shadow:0 8px 24px var(--bento-accent-glow,#0066ff38);background:var(--bento-accent-gradient,var(--bento-blue-gradient,#06f))!important;background-color:var(--bento-accent,#06f)!important;color:#fff!important}.bento-card-blue:hover,.bento-card-orange:hover,.bento-card-accent:hover{box-shadow:0 16px 36px var(--bento-accent-glow,#0066ff59);transform:translateY(-4px)}.bento-card-blue .bento-card-icon,.bento-card-orange .bento-card-icon,.bento-card-accent .bento-card-icon{color:#fffffff2}.bento-card-blue .bento-arrow-btn,.bento-card-orange .bento-arrow-btn,.bento-card-accent .bento-arrow-btn{color:#fff;background:#ffffff38}.bento-card-blue .bento-arrow-btn:hover,.bento-card-orange .bento-arrow-btn:hover,.bento-card-accent .bento-arrow-btn:hover{color:var(--bento-accent,var(--bento-blue,#06f));background:#fff}.bento-card-blue .bento-card-title,.bento-card-orange .bento-card-title,.bento-card-accent .bento-card-title{color:#fff!important}.bento-card-blue .bento-meta-pill,.bento-card-orange .bento-meta-pill,.bento-card-accent .bento-meta-pill{color:#ffffffe6}.bento-card-blue .bento-card-desc,.bento-card-orange .bento-card-desc,.bento-card-accent .bento-card-desc{color:#ffffffd9}.bento-card-dark{box-shadow:0 8px 24px #1414161f;background-color:var(--bento-dark,#141416)!important;color:#fff!important}.bento-card-dark .bento-meta-pill{color:#fffc}.bento-card-dark .bento-card-desc{color:#c8c7c0}.bento-card-gray{border:1px solid #0000000d;box-shadow:0 4px 18px #00000008;background-color:var(--bento-gray,#f0efea)!important;color:var(--bento-text-dark,#141416)!important}.bento-card-gray:hover{background-color:var(--bento-gray-hover,#e8e7e2)!important}.bento-card-gray .bento-meta-pill{color:var(--bento-text-muted,#78766f)}.bento-card-gray .bento-card-desc{color:#55544e}.bento-meta-pill{letter-spacing:-.1px;align-items:center;gap:7px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;display:inline-flex}@keyframes bento-pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.bento-card-stat{letter-spacing:-.8px;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.bento-card-desc{opacity:.85;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.4}.bento-card-title{letter-spacing:-1px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(22px,2.2vw,32px);font-weight:900;line-height:1.08}@media (width<=959px){.bento-grid-overview{grid-template-columns:1fr}.bento-grid-overview .bento-hero-tile-1,.bento-grid-overview .bento-hero-tile-2,.bento-grid-overview .bento-hero-tile-span2{min-height:240px}}.bento-module-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.bento-module-header-left{flex:1;min-width:0}.bento-module-menu-btn{margin-bottom:10px}.bento-module-title{color:var(--bento-text-dark,#141416);letter-spacing:-1.2px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.08}.bento-module-title-period{color:var(--bento-accent,#06f)}.bento-module-description{color:var(--bento-text-muted,#64635e);margin:6px 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(13px,1.4vw,15px);font-weight:500;line-height:1.5}.bento-module-header-right{flex-shrink:0;align-items:center;gap:12px;padding-top:4px;display:flex}@media (width<=768px){.bento-module-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.bento-module-header-right{justify-content:flex-start;padding-top:0}}.bento-tabbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:28px;scroll-margin-top:16px;display:flex}.profile-page>.bento-tabbar,.outstation-page>.bento-tabbar{margin-bottom:0}.bento-tabbar .bento-tabbar-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:auto;min-width:0;margin-bottom:0;padding:4px 2px 8px;overflow-x:auto}.bento-tabbar .bento-tabbar-tabs::-webkit-scrollbar{display:none}.bento-tabbar .bento-quick-action-btn{white-space:nowrap;flex-shrink:0}.bento-tabbar-actions{flex-shrink:0;gap:8px;display:flex}.bento-tabbar-actions .bento-quick-action-btn.active{background:var(--bento-text-dark,#141416);border-color:var(--bento-text-dark,#141416);box-shadow:none}.bento-swipe-viewport{margin:-8px -12px -28px;padding:8px 12px 28px;overflow:clip visible}.bento-swipe-panel{touch-action:pan-y;flex-direction:column;gap:20px;display:flex}.bento-segmented{background:var(--bento-gray,#f0efea);border-radius:9999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.bento-segmented button{color:var(--bento-text-muted,#64635e);cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.bento-segmented button:hover{color:var(--bento-text-dark,#141416)}.bento-segmented button.active{color:var(--bento-accent,#06f);background:#fff;box-shadow:0 2px 8px #00000014}@media (width<=768px){.bento-tabbar{flex-direction:column;align-items:stretch}.bento-tabbar-actions{justify-content:flex-start}.bento-module-shell{overflow-x:hidden}.app-shell.bento-module-shell .app-content{padding:14px 14px 120px;overflow-x:hidden}.bento-module-shell .app-content>*{min-width:0;max-width:100%}.bento-module-header{flex-direction:column-reverse;align-items:stretch;gap:10px;margin-bottom:18px}.bento-module-header-right{justify-content:flex-end;padding-top:0}.bento-module-title{letter-spacing:-1px;font-size:32px}.bento-module-description{font-size:13px}.bento-grid-overview{gap:12px;margin-bottom:20px}.bento-card{border-radius:22px;padding:18px 18px 16px}.bento-card-icon-wrap{width:40px;height:40px}.bento-card-stat{font-size:22px}.bento-card-title{letter-spacing:-.6px;font-size:20px}.bento-card-desc{font-size:12px}.bento-arrow-btn{width:36px;height:36px}.bento-panel{border-radius:22px;padding:18px 16px}.bento-panel-heading{margin-bottom:14px}.bento-tabbar{gap:8px;margin-bottom:20px}.bento-tabbar .bento-tabbar-tabs{padding:2px 0 6px}.bento-swipe-viewport{margin:-6px -10px -22px;padding:6px 10px 22px}.bento-swipe-panel{gap:16px}.bento-segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.bento-segmented::-webkit-scrollbar{display:none}.bento-segmented button{white-space:nowrap}.bento-module-shell table{min-width:0}.bento-module-shell .table-wrap,.bento-module-shell .ui-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.bento-module-shell .modal-content,.bento-module-shell .ui-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 120px)}.deck{gap:22px}.deck-bar{padding:5px 6px 5px 16px}.deck-bar input{padding:12px 0}.deck-chat{height:calc(100dvh - 230px);min-height:320px}.deck-bubble{max-width:88%}}@media (width<=480px){.app-shell.bento-module-shell .app-content{padding:12px 12px 116px}.bento-module-title{font-size:28px}.bento-module-header-right .bento-action-circle-btn,.bento-module-header-right .bento-avatar-img,.bento-module-header-right .bento-avatar-fallback{width:42px;height:42px}.bento-card{border-radius:20px;padding:16px}.bento-card-title{font-size:18px}.bento-panel{border-radius:20px;padding:16px 14px}.deck-chat{height:calc(100dvh - 210px)}}*,: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)}[data-layout-mode=tiles] .ui-card{background:#fff;border:1px solid #00000012;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005}[data-layout-mode=tiles] .ui-card:hover{border-color:#0000001f;box-shadow:0 10px 25px -5px #0000000f,0 8px 10px -6px #0000000a}[data-layout-mode=tiles] .ui-card.clickable:hover{transform:translateY(-2px);box-shadow:0 14px 28px -6px #00000014}[data-layout-mode=tiles] .stat-card{background:#fff;border:1px solid #00000012;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -2px #0000000a}[data-layout-mode=tiles] .stat-card:hover{border-color:#0000001f;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000f}[data-layout-mode=tiles] .stat-card-value{color:#0f172a;letter-spacing:-.02em;font-size:28px;font-weight:800}[data-layout-mode=tiles] .stat-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}[data-layout-mode=tiles] .ui-tab{color:#64748b;background:0 0;border:1px solid #0000;border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}[data-layout-mode=tiles] .ui-tab:hover{color:#0f172a;background:#00000008}[data-layout-mode=tiles] .ui-tab.active{background:var(--bento-accent-subtle,#0066ff14);color:var(--bento-accent,var(--color-primary));border-color:color-mix(in srgb, var(--bento-accent) 25%, transparent);box-shadow:0 2px 8px -2px var(--bento-accent-glow);font-weight:700}[data-layout-mode=tiles] .ui-btn.primary{background:var(--bento-accent-gradient,var(--gradient-primary));color:#fff;box-shadow:0 4px 14px 0 var(--bento-accent-glow);border:none;border-radius:9999px;padding:9px 20px;font-weight:700;transition:all .2s}[data-layout-mode=tiles] .ui-btn.primary:hover{box-shadow:0 6px 20px 0 var(--bento-accent-glow);filter:brightness(1.05);transform:translateY(-1px)}[data-layout-mode=tiles] .ui-btn.secondary{color:#334155;background:#fff;border:1px solid #0000001a;border-radius:9999px;padding:8px 18px;font-weight:600;transition:all .2s}[data-layout-mode=tiles] .ui-btn.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#0000002e}[data-layout-mode=tiles] .data-table-container{background:#fff;border:1px solid #00000012;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}[data-layout-mode=tiles] .data-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #0000000f;font-size:12px;font-weight:700}[data-layout-mode=tiles] .data-table tbody tr{border-bottom:1px solid #0000000a;transition:background .15s}[data-layout-mode=tiles] .data-table tbody tr:hover{background:#00000004}[data-layout-mode=tiles] .ui-input,[data-layout-mode=tiles] .ui-select,[data-layout-mode=tiles] .ui-textarea{color:#0f172a;background:#fff;border:1px solid #0000001f;border-radius:10px;transition:all .2s}[data-layout-mode=tiles] .ui-input:focus,[data-layout-mode=tiles] .ui-select:focus,[data-layout-mode=tiles] .ui-textarea:focus{border-color:var(--bento-accent);box-shadow:0 0 0 3px var(--bento-accent-subtle)}[data-layout-mode=tiles] .skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%}[data-layout-mode=tiles] .section-header{margin-bottom:18px}[data-layout-mode=tiles] .section-title{color:var(--bento-text-dark,#141416);letter-spacing:-.2px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800}[data-layout-mode=tiles] .section-title:before{background:var(--bento-accent,#06f);border-radius:4px;width:4px}[data-layout-mode=tiles] .section-action{color:var(--bento-accent,#06f);border-radius:9999px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700}[data-layout-mode=tiles] .section-action:hover{background:var(--bento-accent-soft,#0066ff14);color:var(--bento-accent-hover,#0052cc)}[data-layout-mode=tiles] .tabs-bar{background:#ffffff80;border:1px solid #0000000a;border-radius:9999px;padding:4px}[data-layout-mode=tiles] .empty-state{font-family:Plus Jakarta Sans,sans-serif}[data-layout-mode=tiles] .modal-content{border:1px solid #0000000f;border-radius:20px;box-shadow:0 24px 48px -12px #0000002e}.bento-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.bento-page-header-left{flex:1;min-width:0}.bento-page-eyebrow-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bento-page-module-badge{background:var(--bento-accent-soft,#0066ff14);color:var(--bento-accent,#06f);letter-spacing:1.4px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:800;display:inline-flex}.bento-page-greeting-title{color:var(--bento-text-dark,#141416);letter-spacing:-1.2px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.08}.bento-page-greeting-sub{color:var(--bento-text-muted,#64635e);letter-spacing:-.3px;font-size:clamp(16px,2vw,20px);font-weight:600;display:block}.bento-page-greeting-period{color:var(--bento-accent,#06f)}.bento-page-subtitle{color:var(--bento-text-muted,#64635e);margin:6px 0 0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.4}.bento-page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.bento-page-header-right{flex-shrink:0;align-items:center;gap:12px;padding-top:8px;display:flex}.bento-page-user-actions{align-items:center;gap:8px;display:flex}.bento-page-action-btn{width:42px;height:42px;color:var(--bento-text-muted,#78766f);cursor:pointer;background:#ffffff80;border:1px solid #0000000f;border-radius:14px;place-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.bento-page-action-btn:hover{color:var(--bento-accent,#06f);background:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0000000f}.bento-page-avatar-wrapper{cursor:pointer;width:42px;height:42px;box-shadow:0 4px 14px var(--bento-accent-glow,#0066ff40);border-radius:14px;transition:all .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.bento-page-avatar-wrapper:hover{box-shadow:0 6px 20px var(--bento-accent-glow,#0066ff59);transform:scale(1.06)}.bento-page-avatar-img{object-fit:cover;width:100%;height:100%}.bento-page-avatar-fallback{background:var(--bento-accent-gradient,var(--bento-accent,#06f));color:#fff;place-items:center;width:100%;height:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800;display:grid}.lmt{z-index:5000;pointer-events:all;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.lmt.is-reveal{animation:lmt-reveal var(--lmt-reveal-ms) cubic-bezier(.4, 0, .2, 1) forwards}.lmt-bubble{left:calc(var(--lmt-x) - var(--lmt-r));top:calc(var(--lmt-y) - var(--lmt-r));width:calc(var(--lmt-r) * 2);height:calc(var(--lmt-r) * 2);will-change:transform;animation:lmt-bubble-grow var(--lmt-cover-ms) cubic-bezier(.76, 0, .24, 1) forwards;border-radius:50%;position:absolute;transform:scale(0)}.lmt.is-reveal .lmt-bubble{animation:none;transform:scale(1)}.lmt.is-bento .lmt-bubble{background:#141416}.lmt.is-classic .lmt-bubble{background:#f6f7fb}.lmt:before{content:"";z-index:1;opacity:0;animation:lmt-glow-in .6s ease calc(var(--lmt-cover-ms) * .55) forwards;pointer-events:none;position:absolute;inset:0}.lmt.is-bento:before{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--lmt-accent) 30%, transparent), transparent 52%)}.lmt.is-classic:before{background:radial-gradient(circle at 50% 46%,#2563eb1a,#0000 52%)}.lmt.is-bento{color:#fff}.lmt.is-classic{color:#0f172a}.lmt-content{z-index:2;opacity:0;will-change:transform, opacity;animation:lmt-content-in .5s cubic-bezier(.22, 1, .36, 1) calc(var(--lmt-cover-ms) * .45) forwards;flex-direction:column;align-items:center;gap:26px;display:flex;position:relative}.lmt.is-reveal .lmt-content{opacity:1;animation:lmt-content-out calc(var(--lmt-reveal-ms) * .8) cubic-bezier(.4, 0, 1, 1) forwards}.lmt-bento{grid-template-columns:repeat(3,44px);grid-auto-rows:44px;gap:10px;display:grid}.lmt-bento span{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards lmt-tile;animation-delay:calc(var(--lmt-cover-ms) * .5 + var(--i) * 60ms);background:#ffffff1f;border-radius:14px;transform:scale(0)}.lmt-bento span:first-child{background:var(--lmt-accent-gradient);box-shadow:0 10px 28px var(--lmt-accent-glow);grid-row:span 2}.lmt-bento span:nth-child(4){background:#fff}.lmt-bento span:nth-child(5){background:color-mix(in srgb, var(--lmt-accent) 55%, transparent);grid-column:span 2}.lmt-classic{background:#fff;border-radius:18px;gap:12px;width:188px;height:118px;padding:12px;display:flex;box-shadow:0 18px 40px #0f172a1f}.lmt-classic-side{transform-origin:top;width:38px;animation:lmt-grow-y .45s cubic-bezier(.22, 1, .36, 1) calc(var(--lmt-cover-ms) * .5) forwards;background:#1e293b;border-radius:10px;transform:scaleY(0)}.lmt-classic-rows{flex-direction:column;flex:1;gap:8px;display:flex}.lmt-classic-rows span{transform-origin:0;animation:.42s cubic-bezier(.22,1,.36,1) forwards lmt-grow-x;animation-delay:calc(var(--lmt-cover-ms) * .58 + var(--i) * 65ms);background:#e2e8f0;border-radius:7px;flex:1;transform:scaleX(0)}.lmt-classic-rows span:first-child{background:#2563eb}.lmt-label{letter-spacing:-.1px;border-radius:9999px;align-items:center;gap:10px;padding:10px 18px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;font-weight:800;display:inline-flex}.lmt.is-bento .lmt-label{background:#ffffff1a}.lmt.is-bento .lmt-label svg{color:var(--lmt-accent)}.lmt.is-classic .lmt-label{background:#fff;box-shadow:0 6px 18px #0f172a14}.lmt.is-classic .lmt-label svg{color:#2563eb}@keyframes lmt-bubble-grow{to{transform:scale(1)}}@keyframes lmt-glow-in{to{opacity:1}}@keyframes lmt-reveal{0%{opacity:1}to{opacity:0}}@keyframes lmt-content-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes lmt-content-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(1.08)}}@keyframes lmt-tile{to{transform:scale(1)}}@keyframes lmt-grow-x{to{transform:scaleX(1)}}@keyframes lmt-grow-y{to{transform:scaleY(1)}}html[data-layout-entering] .app-shell{animation:.54s cubic-bezier(.22,1,.36,1) both lmt-page-in}@keyframes lmt-page-in{0%{transform:scale(.985)translateY(10px)}to{transform:none}}@media (prefers-reduced-motion:reduce){html[data-layout-entering] .app-shell{animation:none}}.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{object-fit:contain;width:36px;height:36px;box-shadow:0 0 20px rgba(var(--app-accent-rgb), .22);background:#fff;border-radius:11px;flex-shrink:0}.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)}[data-layout-mode=tiles] .sidebar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#edecea;border-right:none}[data-layout-mode=tiles] .sidebar-header{border-bottom:1px solid #0000000f}[data-layout-mode=tiles] .sidebar-brand-name{color:var(--bento-text-dark,#141416);letter-spacing:-.3px;font-family:Plus Jakarta Sans,sans-serif;font-weight:900}[data-layout-mode=tiles] .sidebar-brand-sub{color:var(--bento-text-muted,#78766f);font-family:Inter,sans-serif}[data-layout-mode=tiles] .sidebar-logo{box-shadow:0 2px 12px #00000014}[data-layout-mode=tiles] .sidebar-section-label{color:var(--bento-text-muted,#78766f);letter-spacing:1.2px;padding:20px 12px 8px;font-family:Inter,sans-serif;font-size:9px}[data-layout-mode=tiles] .sidebar-item{color:#55544e;border:1px solid #0000;border-radius:14px;margin-bottom:2px;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .sidebar-item:hover{color:var(--bento-text-dark,#141416);background:#fff9;border-color:#0000000a;transform:translate(2px)}[data-layout-mode=tiles] .sidebar-item.active{background:var(--bento-accent,#06f);box-shadow:0 4px 16px var(--bento-accent-glow,#0066ff47);border-color:#0000;font-weight:700;color:#fff!important}[data-layout-mode=tiles] .sidebar-item.active:before{display:none}[data-layout-mode=tiles] .sidebar-item.active .sidebar-item-icon{color:#fff!important}[data-layout-mode=tiles] .sidebar-item.active .sidebar-badge{color:var(--bento-accent,#06f);box-shadow:none;background:#ffffffeb}[data-layout-mode=tiles] .sidebar-item .sidebar-item-icon{transition:color .2s;color:var(--bento-text-muted,#78766f)!important}[data-layout-mode=tiles] .sidebar-item:hover .sidebar-item-icon{color:var(--bento-accent,#06f)!important}[data-layout-mode=tiles] .sidebar-footer{border-top:1px solid #0000000f}[data-layout-mode=tiles] .sidebar-collapse-btn{color:var(--bento-text-muted,#78766f);background:#fff9;border:1px solid #0000000f}[data-layout-mode=tiles] .sidebar-collapse-btn:hover{background:var(--bento-accent,#06f);color:#fff;border-color:#0000}[data-layout-mode=tiles] .sidebar.collapsed .sidebar-item{border-radius:16px;margin:2px 6px}[data-layout-mode=tiles] .sidebar.collapsed .sidebar-item.active{background:var(--bento-accent,#06f);color:#fff;box-shadow:0 4px 14px var(--bento-accent-glow,#0066ff47)}[data-layout-mode=tiles] .sidebar.collapsed .sidebar-item:hover .sidebar-tooltip{background:var(--bento-text-dark,#141416);color:#fff;border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}[data-layout-mode=tiles] .sidebar-badge{background:var(--bento-accent,#06f);box-shadow:0 2px 6px var(--bento-accent-glow,#0066ff4d)}@media (width<=768px){[data-layout-mode=tiles] .sidebar-overlay.visible{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141680}}.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}.bento-app-header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#edecea;border-bottom:1px solid #0000000d}[data-layout-mode=tiles] .header-action-btn{width:40px;height:40px;color:var(--bento-text-muted,#78766f);background:#ffffff80;border:1px solid #0000000a;border-radius:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .header-action-btn:hover{color:var(--bento-accent,#06f);background:#fff;border-color:#0000000f;transform:translateY(-2px);box-shadow:0 4px 14px #0000000f}[data-layout-mode=tiles] .header-language-toggle{height:40px;color:var(--bento-text-muted,#78766f);background:#ffffff80;border:1px solid #0000000a;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .header-language-toggle:hover{color:var(--bento-accent,#06f);background:#fff;border-color:#0000000f}[data-layout-mode=tiles] .header-avatar{background:var(--bento-accent-gradient,var(--bento-accent,#06f));width:40px;height:40px;box-shadow:0 4px 14px var(--bento-accent-glow,#0066ff40);border:2px solid #0000;border-radius:14px;transition:all .22s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .header-avatar:hover{box-shadow:0 6px 20px var(--bento-accent-glow,#0066ff59);border-color:#fff9;transform:scale(1.08)}[data-layout-mode=tiles] .header-greeting-name{color:var(--bento-text-dark,#141416);letter-spacing:-.3px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800}[data-layout-mode=tiles] .header-dropdown-menu{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:8px;box-shadow:0 12px 32px -4px #00000024}[data-layout-mode=tiles] .header-dropdown-item{border-radius:12px;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600}[data-layout-mode=tiles] .header-dropdown-item:hover{background:var(--bento-accent-soft,#0066ff14);color:var(--bento-accent,#06f)}[data-layout-mode=tiles] .header-badge{border-color:#edecea}.header-module-badge{letter-spacing:.08em;color:var(--bento-accent,#06f);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800}.header-layout-switcher{background:#f1f5f9;border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}[data-layout-mode=tiles] .header-layout-switcher{background:#ffffff73;border-color:#0000000a}.header-layout-switcher .bento-layout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.header-layout-switcher .bento-layout-btn:hover{color:#0f172a}.header-layout-switcher .bento-layout-btn.active{color:var(--bento-accent,#06f);background:#fff;box-shadow:0 2px 6px #00000014}.header-color-wrapper{position:relative}.header-color-trigger-btn{width:38px;height:38px;color:var(--bento-text-muted,#78766f);cursor:pointer;background:#ffffff80;border:1px solid #0000000f;border-radius:14px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.header-color-trigger-btn:hover{color:#0f172a;background:#f8fafc;border-color:#00000029;transform:translateY(-1px)}.header-color-trigger-btn .bento-color-indicator-dot{border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.header-color-popover{z-index:100;background:#fff;border:1px solid #00000014;border-radius:14px;width:200px;padding:12px;animation:.18s cubic-bezier(.16,1,.3,1) bentoPopoverIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px -4px #00000024,0 4px 12px -2px #0000000f}.header-color-popover .bento-color-popover-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:8px;padding-left:4px;font-size:11px;font-weight:700}.header-color-popover .bento-color-palette-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.header-color-popover .bento-color-swatch-btn{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.header-color-popover .bento-color-swatch-btn:hover{background:#f1f5f9;border-color:#0000000f}.header-color-popover .bento-color-swatch-btn.active{color:#0f172a;background:#fff;border-color:#0000001f;font-weight:700;box-shadow:0 2px 6px #0000000f}.header-color-popover .bento-color-swatch-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;box-shadow:0 1px 3px #00000026}@keyframes bentoPopoverIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.bdock-container{z-index:1000;pointer-events:none;max-width:calc(100vw - 24px);position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.bdock{-webkit-backdrop-filter:blur(24px)saturate(1.4);pointer-events:auto;scrollbar-width:none;background:#ffffffe6;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:4px;padding:7px;display:flex;overflow-x:auto;box-shadow:0 20px 48px #00000024,0 2px 8px #0000000d}.bdock::-webkit-scrollbar{display:none}.bdock-btn{color:#55544f;min-width:48px;height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:0 13px;text-decoration:none;transition:background .2s,color .2s,padding .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.bdock-btn:hover{color:#141416;background:#0000000d}.bdock-btn:focus-visible{outline:2px solid var(--bento-accent,#06f);outline-offset:2px}.bdock-label{white-space:nowrap;opacity:0;max-width:0;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;transition:max-width .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;overflow:hidden}.bdock-btn.active{background:var(--bento-accent,#06f);color:#fff;box-shadow:0 6px 18px var(--bento-accent-glow,#0066ff59);gap:8px;padding:0 18px 0 15px}.bdock-btn.active .bdock-label{opacity:1;max-width:160px}.bdock-btn:not(.active):after{content:attr(aria-label);background:var(--bento-dark,#141416);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.bdock-btn:not(.active):hover:after,.bdock-btn:not(.active):focus-visible:after{opacity:1;transform:translate(-50%)}.bdock-divider{background:#0000001a;flex-shrink:0;width:1px;height:26px;margin:0 4px}.bdock-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:9999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;top:5px;right:5px}.bdock-btn.active .bdock-badge{color:var(--bento-accent,#06f);background:#fff;border-color:#0000;position:static}.bdock-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#14141647;justify-content:center;align-items:flex-end;padding:16px 16px 96px;animation:.18s bdock-fade;display:flex;position:fixed;inset:0}.bdock-launcher{background:#fff;border-radius:30px;flex-direction:column;width:min(760px,100%);max-height:min(78vh,720px);animation:.28s cubic-bezier(.22,1,.36,1) bdock-rise;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000040}.bdock-launcher-head{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.bdock-launcher-head h2{letter-spacing:-.6px;color:var(--bento-text-dark,#141416);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:900}.bdock-icon-btn{background:var(--bento-gray,#f0efea);width:38px;height:38px;color:var(--bento-text-dark,#141416);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.bdock-icon-btn:hover{background:var(--bento-text-dark,#141416);color:#fff}.bdock-search{align-items:center;margin:16px 24px 4px;display:flex;position:relative}.bdock-search svg{color:var(--bento-text-muted,#64635e);pointer-events:none;position:absolute;left:16px}.bdock-search input{background:var(--bento-gray,#f0efea);width:100%;color:var(--bento-text-dark,#141416);border:2px solid #0000;border-radius:9999px;outline:none;padding:12px 16px 12px 42px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600}.bdock-search input:focus{border-color:var(--bento-accent,#06f);background:#fff}.bdock-sections{flex:1;padding:8px 24px 16px;overflow-y:auto}.bdock-section h3{letter-spacing:1.3px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);margin:18px 0 10px;font-size:11px;font-weight:800}.bdock-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.bdock-tile{background:var(--bento-gray,#f0efea);min-height:96px;color:var(--bento-text-dark,#141416);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;display:flex;position:relative}.bdock-tile:hover{background:var(--bento-gray-hover,#e8e7e2);transform:translateY(-3px)}.bdock-tile:focus-visible{outline:2px solid var(--bento-accent,#06f);outline-offset:2px}.bdock-tile-icon{width:38px;height:38px;color:var(--bento-accent,#06f);background:#fff;border-radius:12px;place-items:center;display:grid}.bdock-tile-label{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;line-height:1.25}.bdock-tile.active{background:var(--bento-accent,#06f);color:#fff}.bdock-tile.active .bdock-tile-icon{color:#fff;background:#fff3}.bdock-tile .bdock-badge{top:10px;right:10px}.bdock-empty{text-align:center;color:var(--bento-text-muted,#64635e);margin:32px 0;font-weight:600}.bdock-launcher-foot{border-top:1px solid #0000000f;justify-content:space-between;gap:10px;padding:14px 24px 18px;display:flex}.bdock-foot-btn{background:var(--bento-gray,#f0efea);color:var(--bento-text-dark,#141416);cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:8px;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;display:inline-flex}.bdock-foot-btn:hover{background:var(--bento-text-dark,#141416);color:#fff}.bdock-foot-btn.is-danger:hover{background:#dc2626}@keyframes bdock-fade{0%{opacity:0}to{opacity:1}}@keyframes bdock-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@media (width<=600px){.bdock-container{bottom:12px}.bdock-btn{min-width:44px;height:44px;padding:0 11px}.bdock-btn.active{padding:0 14px 0 12px}.bdock-btn.active .bdock-label{max-width:96px}}@media (width<=420px){.bdock{gap:2px;padding:5px}.bdock-btn,.bdock-btn.active{gap:0;min-width:42px;height:42px;padding:0 10px}.bdock-btn.active .bdock-label{opacity:0;max-width:0}.bdock-divider{margin:0 2px}.bdock-overlay{padding:12px 8px 80px}.bdock-launcher{border-radius:24px}.bdock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.bdock-btn,.bdock-label,.bdock-tile{transition:none}.bdock-overlay,.bdock-launcher{animation:none}}.bento-intro-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards bentoBackdropFadeIn;display:flex;position:fixed;inset:0}@keyframes bentoBackdropFadeIn{0%{opacity:0}to{opacity:1}}.bento-intro-modal{color:#0f172a;background:#fff;border:1px solid #00000014;border-radius:22px;width:100%;max-width:470px;padding:22px;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Inter,sans-serif;animation:.24s cubic-bezier(.16,1,.3,1) forwards bentoModalScaleIn;position:relative;box-shadow:0 24px 48px -12px #0f172a33,0 8px 16px -4px #0f172a0f}[data-mode=dark] .bento-intro-modal{color:#f8fafc;background:#181b22;border-color:#ffffff14;box-shadow:0 24px 48px -12px #0009,0 8px 16px -4px #0000004d}@keyframes bentoModalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bento-intro-close-btn{color:#64748b;cursor:pointer;z-index:5;background:#0000000a;border:none;border-radius:50%;place-items:center;width:28px;height:28px;transition:all .15s;display:grid;position:absolute;top:14px;right:14px}.bento-intro-close-btn:hover{color:#0f172a;background:#00000014}[data-mode=dark] .bento-intro-close-btn{color:#94a3b8;background:#ffffff0f}[data-mode=dark] .bento-intro-close-btn:hover{color:#fff;background:#ffffff1f}.bento-mockup-frame{-webkit-user-select:none;user-select:none;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #0000000f;border-radius:16px;margin-bottom:18px;padding:12px 14px 14px}[data-mode=dark] .bento-mockup-frame{background:linear-gradient(#1e232e 0%,#151820 100%);border-color:#ffffff0f}.bento-mockup-topbar{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.bento-mockup-dots{gap:5px;display:flex}.bento-mockup-dots span{background:#cbd5e1;border-radius:50%;width:7px;height:7px}[data-mode=dark] .bento-mockup-dots span{background:#475569}.bento-mockup-pill-toggle{background:#0000000f;border-radius:7px;align-items:center;gap:2px;padding:2px;display:inline-flex}[data-mode=dark] .bento-mockup-pill-toggle{background:#ffffff14}.bento-mockup-toggle-btn{color:#64748b;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.bento-mockup-toggle-btn.active{color:var(--bento-accent,#06f);background:#fff;box-shadow:0 1px 3px #00000014}[data-mode=dark] .bento-mockup-toggle-btn.active{color:#fff;background:#2d3342}.bento-mockup-list-icon{border-top:1.5px solid;border-bottom:1.5px solid;width:10px;height:7px;position:relative}.bento-mockup-list-icon:after{content:"";background:currentColor;height:1.5px;position:absolute;top:1.5px;left:0;right:0}.bento-mockup-grid{grid-template-columns:1.2fr 1fr 1fr;gap:8px;display:grid}.bento-mockup-tile{background:#fff;border:1px solid #0000000d;border-radius:11px;flex-direction:column;padding:9px 10px;display:flex;box-shadow:0 1px 2px #0f172a08}[data-mode=dark] .bento-mockup-tile{background:#222733;border-color:#ffffff0d}.bento-mockup-tile-hero{border-left:2.5px solid var(--bento-accent,#06f)}.bento-mockup-tile-label{color:#94a3b8;letter-spacing:-.01em;margin-bottom:3px;font-size:10px;font-weight:600}.bento-mockup-tile-stat{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:5px;font-size:13.5px;font-weight:800;display:inline-flex}[data-mode=dark] .bento-mockup-tile-stat{color:#f8fafc}.bento-mockup-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #10b98133}.bento-mockup-tile-sub{color:#94a3b8;margin-top:2px;font-size:9px}.bento-mockup-tile-wide{background:#fff9;flex-direction:row;grid-column:span 3;align-items:center;gap:6px;padding:6px 8px;display:flex}[data-mode=dark] .bento-mockup-tile-wide{background:#22273399}.bento-mockup-action-chip{color:#475569;background:#0000000a;border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:600}[data-mode=dark] .bento-mockup-action-chip{color:#cbd5e1;background:#ffffff0f}.bento-intro-body{padding:0 2px}.bento-intro-title{letter-spacing:-.02em;color:#0f172a;margin:0 0 4px;font-size:19px;font-weight:700}[data-mode=dark] .bento-intro-title{color:#fff}.bento-intro-subtitle{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.4}[data-mode=dark] .bento-intro-subtitle{color:#94a3b8}.bento-intro-points{flex-direction:column;gap:11px;margin-bottom:20px;display:flex}.bento-intro-point{align-items:flex-start;gap:11px;display:flex}.bento-point-icon{color:#334155;background:#f1f5f9;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:1px;display:grid}[data-mode=dark] .bento-point-icon{color:#cbd5e1;background:#262c38}.bento-point-text{color:#475569;font-size:12.5px;line-height:1.45}[data-mode=dark] .bento-point-text{color:#94a3b8}.bento-point-text strong{color:#0f172a;font-weight:600}[data-mode=dark] .bento-point-text strong{color:#e2e8f0}.bento-intro-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}[data-mode=dark] .bento-intro-footer{border-top-color:#ffffff0f}.bento-intro-ghost-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:12.5px;font-weight:500;transition:all .15s}.bento-intro-ghost-btn:hover{color:#0f172a;background:#0000000a}[data-mode=dark] .bento-intro-ghost-btn{color:#94a3b8}[data-mode=dark] .bento-intro-ghost-btn:hover{color:#fff;background:#ffffff0f}.bento-intro-primary-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:11px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 3px #0f172a1a}.bento-intro-primary-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a26}[data-mode=dark] .bento-intro-primary-btn{color:#0f172a;background:#fff}[data-mode=dark] .bento-intro-primary-btn:hover{background:#f1f5f9}@media (width<=480px){.bento-intro-modal{border-radius:18px;padding:18px 16px}.bento-mockup-grid{grid-template-columns:1fr 1fr}.bento-mockup-tile-hero,.bento-mockup-tile-wide{grid-column:span 2}}.bcp-overlay{z-index:4000;opacity:0;background:#14141652;place-items:center;padding:16px;transition:opacity .35s;display:grid;position:fixed;inset:0}.bcp-overlay.is-visible{opacity:1}.bcp-card{color:#141416;background:#fff;border-radius:32px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:30px 30px 26px;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:auto;transform:translateY(24px)scale(.97);box-shadow:0 30px 80px #00000040}.bcp-overlay.is-visible .bcp-card{transform:none}.bcp-close{color:#141416;cursor:pointer;background:#f0efea;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:grid;position:absolute;top:18px;right:18px}.bcp-close:hover{color:#fff;background:#141416}.bcp-kicker{letter-spacing:1.4px;text-transform:uppercase;color:var(--bcp-accent);margin:0 0 6px;font-size:11px;font-weight:800;transition:color .3s}.bcp-card h2{letter-spacing:-1.2px;margin:0;font-size:clamp(28px,5vw,36px);font-weight:900;line-height:1.05}.bcp-card h2 span{color:var(--bcp-accent);transition:color .3s}.bcp-sub{color:#64635e;max-width:420px;margin:10px 0 22px;font-size:13px;font-weight:500;line-height:1.55}.bcp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bcp-swatch{font:inherit;text-align:left;color:#141416;cursor:pointer;background:#f4f3ef;border:2px solid #0000;border-radius:22px;flex-direction:column;gap:10px;padding:10px 10px 12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .25s,background .2s;display:flex;position:relative}.bcp-swatch:hover{transform:translateY(-3px)}.bcp-swatch:focus-visible{outline:3px solid color-mix(in srgb, var(--sw-color) 45%, transparent);outline-offset:2px}.bcp-swatch.is-selected{border-color:var(--sw-color);box-shadow:0 12px 28px var(--sw-glow);background:#fff}.bcp-preview{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr;gap:5px;height:74px;display:grid}.bcp-preview i{background:#e4e2dc;border-radius:9px}.bcp-preview .is-hero{background:var(--sw-gradient);grid-row:span 2}.bcp-preview .is-dark{background:#141416}.bcp-name{padding:0 4px;font-size:12px;font-weight:800}.bcp-check{width:22px;height:22px;color:var(--sw-color);opacity:0;background:#fff;border-radius:50%;place-items:center;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:16px;left:16px;transform:scale(.4)}.bcp-swatch.is-selected .bcp-check{opacity:1;transform:scale(1)}.bcp-continue{background:var(--bcp-gradient);color:#fff;width:100%;font:inherit;cursor:pointer;box-shadow:0 12px 28px var(--bcp-glow);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:15px 20px;font-size:15px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;display:flex}.bcp-continue:hover{transform:translateY(-2px)}.bcp-continue:focus-visible{outline:3px solid color-mix(in srgb, var(--bcp-accent) 45%, transparent);outline-offset:3px}.bcp-dont-show{color:#64635e;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:700;display:flex;position:relative}.bcp-dont-show input{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute}.bcp-checkbox{color:#0000;background:#f0efea;border-radius:7px;place-items:center;width:20px;height:20px;transition:background .2s,box-shadow .2s,color .2s;display:grid;box-shadow:inset 0 0 0 2px #0000001f}.bcp-dont-show input:checked+.bcp-checkbox{background:var(--bcp-accent);box-shadow:none;color:#fff}.bcp-dont-show input:focus-visible+.bcp-checkbox{outline:3px solid color-mix(in srgb, var(--bcp-accent) 45%, transparent);outline-offset:2px}.bcp-dont-show:hover{color:#141416}@media (width<=560px){.bcp-card{border-radius:26px;padding:24px 18px 20px}.bcp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bcp-preview{height:60px}}@media (prefers-reduced-motion:reduce){.bcp-overlay,.bcp-card,.bcp-swatch,.bcp-check,.bcp-continue{transition:none}}.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}[data-mode=dark] .app-shell:before{background:radial-gradient(circle at 78% 8%, rgba(var(--app-accent-rgb), .12), transparent 31rem), linear-gradient(rgba(var(--app-accent-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--app-accent-rgb), .035) 1px, transparent 1px), var(--color-background);background-size:auto,48px 48px,48px 48px,auto;-webkit-mask-image:linear-gradient(#000 0%,#0000009e 55%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000009e 55%,#0000 100%)}.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.app-shell-docked .app-main,.app-shell.app-shell-docked.sidebar-collapsed .app-main{margin-left:0}.app-shell.app-shell-docked .app-content{padding-bottom:120px}.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}[data-layout-mode=tiles] .app-shell:before{background:#f5f4f0}[data-layout-mode=tiles] .app-content{background:0 0}[data-layout-mode=tiles] .app-main{background:#f5f4f0}[data-layout-mode=tiles] .page-title{letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-weight:900}[data-layout-mode=tiles] .page-title:after{background:var(--bento-accent,#06f);border-radius:4px;width:36px;height:4px}[data-layout-mode=tiles] .page-subtitle{color:var(--bento-text-muted,#78766f);font-family:Inter,sans-serif}.team-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid;container-type:inline-size}.team-widget-total{vertical-align:middle;color:#4c6059;letter-spacing:0;background:#e9ece8;border-radius:8px;justify-content:center;align-items:center;min-width:26px;height:24px;margin-left:6px;padding:0 7px;font-size:11px;display:inline-flex}.team-board-tile{--tile-bg:color-mix(in srgb, var(--team-color) 6%, #fff);border:1px solid color-mix(in srgb, var(--team-color) 12%, #e8e8e5);background:var(--tile-bg);color:#171b20;text-align:left;min-width:0;font:inherit;cursor:pointer;animation:.45s both team-tile-enter;animation-delay:calc(var(--team-order) * 45ms);border-radius:24px;flex-direction:column;gap:17px;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.team-board-tile-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.team-board-status{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.team-board-status svg{color:var(--team-color);flex-shrink:0}.team-board-arrow{color:#68717a;background:#00000005;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.team-board-metric{flex-direction:column;gap:6px;display:flex}.team-board-metric strong{font-family:var(--dashboard-heading-font,"Plus Jakarta Sans", sans-serif);letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(36px,3.5vw,52px);font-weight:800;line-height:1}.team-board-metric>span{color:#697078;font-size:11px;line-height:1.4}.team-board-faces{align-items:center;min-height:34px;margin-top:auto;padding-left:0;display:flex}.team-board-face{border:3px solid var(--tile-bg);border-radius:50%;margin-left:-10px;transition:transform .2s;display:inline-flex;position:relative}.team-board-face:first-child{margin-left:0}.team-board-face .ui-avatar{background:color-mix(in srgb, var(--team-color) 15%, #fff);width:32px;min-width:32px;height:32px;color:var(--team-color);border-radius:50%;font-size:12px;font-weight:800}.team-board-face .ui-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.team-board-more{border:2px solid var(--tile-bg);color:#373d45;background:#fff;border-radius:50%;place-items:center;min-width:32px;height:32px;margin-left:-5px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:relative}.team-board-empty{color:#777c83;font-size:11px}.team-board-tile.is-present{--tile-bg:#172d2b;color:#fff;border-color:#172d2b}.team-board-tile.is-present .team-board-status svg{color:#91e6bb}.team-board-tile.is-present .team-board-metric>span,.team-board-tile.is-present .team-board-empty{color:#b5ccc7}.team-board-tile.is-present .team-board-arrow{color:#c5e6db;background:#ffffff12}.team-board-tile.is-selected{border-color:var(--team-color);box-shadow:0 0 0 2px var(--team-color)}.team-board-tile:focus-visible{outline:3px solid var(--team-color);outline-offset:4px}.team-board--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-board--compact .team-board-tile{border-radius:20px;gap:12px;padding:16px}.team-board--compact .team-board-tile.is-present{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;display:grid}.team-board--compact .is-present .team-board-tile-top{grid-column:1/-1}.team-board--compact .is-present .team-board-faces{margin:0 0 2px}.team-board--compact .team-board-metric strong{font-size:36px}@media (hover:hover) and (pointer:fine){.team-board-tile:hover{border-color:var(--team-color);transform:translateY(-3px);box-shadow:0 10px 24px #172d2b0b}.team-board-tile:hover .team-board-face{transform:translateY(-2px)}}@keyframes team-tile-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.team-board:not(.team-board--compact){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.team-board:not(.team-board--compact){grid-template-columns:repeat(2,minmax(0,1fr))}.team-board:not(.team-board--compact) .is-present{grid-column:1/-1}.team-board-tile{padding:16px}.team-board--compact .is-present .team-board-faces{flex-wrap:wrap;row-gap:3px;max-width:150px}.team-board-status{gap:5px;font-size:11px}}@media (prefers-reduced-motion:reduce){.team-board-tile,.team-board-face{transition:none;animation:none}.team-board-tile:hover,.team-board-tile:hover .team-board-face{transform:none}}.team-stacks{flex-direction:column;display:flex}.team-stack{--team-color:var(--bento-blue,#06f);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000f;align-items:center;gap:18px;padding:14px 6px;transition:background .2s;display:flex;position:relative}.team-stack:first-child{border-top:0}.team-stack:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--team-color) 10%, transparent), transparent 70%)}.team-stack:focus-visible{outline:2px solid var(--team-color);outline-offset:-2px;border-radius:14px}.team-stack-faces{flex-shrink:0;align-items:center;min-width:0;display:flex}.team-stack-face{box-shadow:0 0 0 3px var(--bento-canvas,#fff);border-radius:50%;transition:margin .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.team-stack-face+.team-stack-face,.team-stack-face+.team-stack-more{margin-left:-12px}.team-stack:hover .team-stack-face+.team-stack-face{margin-left:-4px}.team-stack-face .ui-avatar{background:var(--team-color);border-radius:50%;width:52px;height:52px;font-size:17px;font-weight:800}.team-stack-more{box-sizing:border-box;background:var(--bento-dark,#141416);color:#fff;min-width:52px;height:52px;font-family:var(--dashboard-heading-font,"Plus Jakarta Sans", sans-serif);box-shadow:0 0 0 3px var(--bento-canvas,#fff);border-radius:9999px;place-items:center;padding:0 10px;font-size:14px;font-weight:900;display:inline-grid}.team-stack-none{border:2px dashed #00000029;border-radius:50%;width:52px;height:52px;display:inline-block}.team-stack-meta{align-items:baseline;gap:10px;min-width:0;display:flex}.team-stack-meta strong{font-family:var(--dashboard-heading-font,"Plus Jakarta Sans", sans-serif);letter-spacing:-1.8px;color:var(--team-color);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1}.team-stack-meta span{font-family:var(--dashboard-heading-font,"Plus Jakarta Sans", sans-serif);letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-dark,#141416);white-space:nowrap;font-size:12px;font-weight:800}.team-stack.is-empty{opacity:.45}.team-stack.is-empty .team-stack-meta strong{color:var(--bento-text-muted,#64635e)}@media (width<=520px){.team-stack{gap:12px;padding:12px 4px}.team-stack-face .ui-avatar,.team-stack-more,.team-stack-none{width:42px;min-width:42px;height:42px}.team-stack-face+.team-stack-face,.team-stack-face+.team-stack-more{margin-left:-14px}.team-stack-meta strong{font-size:30px}.team-stack-meta span{letter-spacing:.8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.team-stack,.team-stack-face{transition:none}}.dashboard-shell.dashboard-mode-tiles,.dashboard-shell:not(.dashboard-mode-normal),.bento-dashboard,.bento-module-shell{--bento-canvas:#fff;--bento-canvas-elevated:#fafafa;--bento-accent:#06f;--bento-accent-gradient:linear-gradient(135deg, #0a74ff 0%, #0052cc 100%);--bento-accent-hover:#0052cc;--bento-accent-light:#38bdf8;--bento-accent-soft:#0066ff14;--bento-accent-glow:#0066ff52;--bento-accent-surface:#ebf2ff;--bento-blue:var(--bento-accent);--bento-blue-gradient:var(--bento-accent-gradient);--bento-blue-hover:var(--bento-accent-hover);--bento-blue-light:var(--bento-accent-light);--bento-blue-soft:var(--bento-accent-soft);--bento-blue-glow:var(--bento-accent-glow);--bento-orange:var(--bento-accent);--bento-orange-hover:var(--bento-accent-hover);--bento-orange-light:var(--bento-accent-light);--bento-dark:#141416;--bento-dark-hover:#1d1d21;--bento-gray:#f4f3ef;--bento-gray-hover:#ebeae5;--bento-gray-light:#faf9f6;--bento-gray-dark:#e2e1dc;--bento-text-dark:#141416;--bento-text-muted:#64635e;--bento-text-subtle:#878680;--bento-radius-card:32px;--bento-radius-pill:9999px;--bento-radius-dock:38px;--color-primary:var(--bento-accent);--color-primary-dark:var(--bento-accent-hover);--color-primary-light:var(--bento-accent-light);--color-primary-surface:var(--bento-accent-surface);--color-primary-container:var(--bento-accent-soft);--color-background:#fff;--color-surface:var(--bento-gray);--color-card-bg:var(--bento-gray);--color-text-primary:var(--bento-text-dark);--color-text-secondary:var(--bento-text-muted);--color-text-tertiary:var(--bento-text-subtle);--dashboard-heading-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dashboard-body-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--dashboard-body-font);min-height:100vh;background-color:#fff!important}.dashboard-shell[data-tiles-color=orange],.bento-dashboard[data-tiles-color=orange],.bento-module-shell[data-tiles-color=orange]{--bento-accent:#f50;--bento-accent-gradient:linear-gradient(135deg, #ff6b2b 0%, #e63d00 100%);--bento-accent-hover:#e63d00;--bento-accent-light:#ffa266;--bento-accent-soft:#ff550014;--bento-accent-glow:#ff550052;--bento-accent-surface:#fff2eb}.dashboard-shell[data-tiles-color=green],.bento-dashboard[data-tiles-color=green],.bento-module-shell[data-tiles-color=green]{--bento-accent:#059669;--bento-accent-gradient:linear-gradient(135deg, #10b981 0%, #047857 100%);--bento-accent-hover:#047857;--bento-accent-light:#6ee7b7;--bento-accent-soft:#05966914;--bento-accent-glow:#05966952;--bento-accent-surface:#ecfdf5}.dashboard-shell[data-tiles-color=purple],.bento-dashboard[data-tiles-color=purple],.bento-module-shell[data-tiles-color=purple]{--bento-accent:#7c3aed;--bento-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--bento-accent-hover:#6d28d9;--bento-accent-light:#c4b5fd;--bento-accent-soft:#7c3aed14;--bento-accent-glow:#7c3aed52;--bento-accent-surface:#f5f3ff}.dashboard-shell[data-tiles-color=rose],.bento-dashboard[data-tiles-color=rose],.bento-module-shell[data-tiles-color=rose]{--bento-accent:#e11d48;--bento-accent-gradient:linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--bento-accent-hover:#be123c;--bento-accent-light:#fda4af;--bento-accent-soft:#e11d4814;--bento-accent-glow:#e11d4852;--bento-accent-surface:#fff1f2}.dashboard-shell[data-tiles-color=amber],.bento-dashboard[data-tiles-color=amber],.bento-module-shell[data-tiles-color=amber]{--bento-accent:#d97706;--bento-accent-gradient:linear-gradient(135deg, #f59e0b 0%, #b45309 100%);--bento-accent-hover:#b45309;--bento-accent-light:#fcd34d;--bento-accent-soft:#d9770614;--bento-accent-glow:#d9770652;--bento-accent-surface:#fffbeb}.dashboard-shell[data-tiles-color=blue],.bento-dashboard[data-tiles-color=blue],.bento-module-shell[data-tiles-color=blue]{--bento-accent:#06f;--bento-accent-gradient:linear-gradient(135deg, #0a74ff 0%, #0052cc 100%);--bento-accent-hover:#0052cc;--bento-accent-light:#38bdf8;--bento-accent-soft:#0066ff14;--bento-accent-glow:#0066ff52;--bento-accent-surface:#ebf2ff}.dashboard-shell.dashboard-mode-tiles:before,.dashboard-shell:not(.dashboard-mode-normal):before{background:0 0!important;display:none!important}.dashboard-shell.dashboard-mode-tiles .app-main,.dashboard-shell:not(.dashboard-mode-normal) .app-main{min-width:0;background-color:#fff!important}.dashboard-shell.dashboard-mode-tiles .app-content,.dashboard-shell:not(.dashboard-mode-normal) .app-content{max-width:1440px;margin:0 auto;padding:24px 32px 120px}.dashboard-shell button,.dashboard-shell input{font-family:var(--dashboard-body-font)}.dashboard-shell h1,.dashboard-shell h2,.dashboard-shell h3,.dashboard-shell h4{font-family:var(--dashboard-heading-font)}.dashboard-shell.dashboard-mode-tiles .app-header,.dashboard-shell:not(.dashboard-mode-normal) .app-header{display:none!important}.dashboard-shell.dashboard-mode-tiles .sidebar,.dashboard-shell:not(.dashboard-mode-normal) .sidebar{background:var(--bento-dark);--color-text-primary:#f3f2ee;--color-text-secondary:#aaa9a2;--color-text-tertiary:#78766f;--color-neutral-50:#1c1c20;--color-neutral-100:#222227;--color-neutral-200:#2b2b31;--color-primary:#e24b17;--color-primary-surface:#2e1b15;box-shadow:none;border-right:1px solid #ffffff0f}.dashboard-shell .sidebar-header{min-height:80px}.dashboard-shell .sidebar-brand-name{font-family:var(--dashboard-heading-font);letter-spacing:-.8px;color:#fff;font-size:20px;font-weight:800}.dashboard-shell .sidebar-nav{padding:14px}.dashboard-shell .sidebar-section-label{letter-spacing:1.8px;color:#72706a;font-size:9px}.dashboard-shell .sidebar-item{color:#aaa9a2;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .16s}.dashboard-shell .sidebar-item:hover{color:#fff;background:#ffffff0f}.dashboard-shell .sidebar-item.active,.dashboard-shell .sidebar.collapsed .sidebar-item.active{background:var(--bento-blue);color:#fff;border-color:var(--bento-blue);box-shadow:0 4px 16px #0066ff59}.dashboard-shell .sidebar-item.active:before{display:none}.dashboard-shell .sidebar-item-icon{color:inherit!important}.dashboard-shell .sidebar-collapse-btn{color:#c8c7c0;background:#202025;border-color:#2f2f36}.dashboard-shell .sidebar-footer{border-color:#ffffff14}.dashboard-shell .app-header{background:#fffffff0;border-bottom:1px solid #0000000f}.dashboard-shell .header-avatar{background:var(--bento-blue)!important;color:#fff!important;box-shadow:0 2px 10px #0066ff4d!important}.bento-dashboard{color:var(--bento-text-dark);position:relative}.bento-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.bento-header-left{flex:1}.bento-eyebrow-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.bento-mobile-menu-btn{background:var(--bento-gray);width:34px;height:34px;color:var(--bento-text-dark);cursor:pointer;border:1px solid #00000012;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:none}.bento-mobile-menu-btn:hover{background:var(--bento-gray-hover);color:var(--bento-blue)}.bento-impersonation-pill{color:#92400e;border-radius:var(--bento-radius-pill);cursor:pointer;background:#fef3c7;border:1px solid #fde68a;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.bento-impersonation-pill:hover{background:#fde68a}.bento-date-text{color:var(--bento-text-muted);letter-spacing:-.2px;font-size:13px;font-weight:600}.bento-role-badge{background:var(--bento-blue);color:#fff;font-family:var(--dashboard-heading-font);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--bento-radius-pill);justify-content:center;align-items:center;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #0066ff40}.bento-greeting-title{flex-direction:column;margin:0;line-height:1.05;display:flex}.bento-greeting-sub{color:var(--bento-text-dark);letter-spacing:-1px;font-size:clamp(26px,2.6vw,36px);font-weight:500}.bento-greeting-name{color:var(--bento-text-dark);letter-spacing:-2.2px;margin-top:2px;font-size:clamp(40px,4.4vw,58px);font-weight:900;line-height:1}.bento-greeting-period{color:var(--bento-blue)}.bento-header-right{align-items:center;gap:16px;display:flex}.bento-user-actions{align-items:center;gap:10px;display:flex}.bento-action-circle-btn{background:var(--bento-gray);width:48px;height:48px;color:var(--bento-text-dark);cursor:pointer;border:1px solid #00000012;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 2px 6px #00000008}.bento-action-circle-btn:hover{background:var(--bento-gray-hover);color:var(--bento-blue);border-color:#0066ff40;transform:translateY(-2px);box-shadow:0 6px 14px #00000012}.bento-action-circle-btn:active{transform:scale(.95)}.bento-action-badge{color:#fff;min-width:18px;height:18px;font-family:var(--dashboard-heading-font);background:#ef4444;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #ef444466}.bento-avatar-wrapper{background:var(--bento-blue);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 4px 16px #0066ff40}.bento-avatar-wrapper:hover{transform:scale(1.06)}.bento-avatar-img{object-fit:cover;background:#e8e7e3;border-radius:50%;width:48px;height:48px;display:block}.bento-avatar-fallback{color:#fff;width:48px;height:48px;font-size:18px;font-weight:800;font-family:var(--dashboard-heading-font);background:#141416;border-radius:50%;justify-content:center;align-items:center;display:flex}.bento-avatar-status{background:#10b981;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px;box-shadow:0 1px 3px #0003}.bento-header-controls{align-items:center;gap:8px;display:flex}.bento-view-switcher{background:var(--bento-gray);border:1px solid #0000000f;border-radius:14px;align-items:center;padding:4px;display:inline-flex}.bento-view-tab{color:var(--bento-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .16s;display:flex}.bento-view-tab:hover{color:var(--bento-text-dark)}.bento-view-tab.active{color:var(--bento-text-dark);background:#fff;box-shadow:0 2px 6px #00000014}.bento-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:32px;display:grid}@media (width>=960px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:22px}}@media (width>=1280px){.bento-grid{grid-template-columns:repeat(4,1fr);gap:22px}}.bento-grid-overview{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}@media (width>=960px){.bento-grid-overview{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}.bento-grid-overview .bento-hero-attendance{grid-area:1/1/span 2;min-height:330px}.bento-grid-overview .bento-hero-leave{grid-area:1/2/span 2;min-height:330px}.bento-grid-overview .bento-card-claims{grid-area:1/3;min-height:155px}.bento-grid-overview .bento-card-salary{grid-area:2/3;min-height:155px}.bento-grid-overview .bento-card-kpi{grid-area:1/4;min-height:155px}.bento-grid-overview .bento-card-ara{grid-area:2/4;min-height:155px}}.bento-card{border-radius:var(--bento-radius-card);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;border:none;flex-direction:column;justify-content:space-between;padding:24px 26px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.bento-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001a}.bento-card:active{transform:translateY(-1px)scale(.99)}.bento-card-tall{min-height:290px}@media (width>=960px){.bento-card-tall{min-height:330px}.bento-card-span-2{grid-column:span 2}.bento-card-row-span-2{grid-row:span 2}}.bento-card-medium{min-height:200px}.bento-card-compact{min-height:145px}.bento-card-blue,.bento-card-orange{background:var(--bento-blue-gradient,var(--bento-blue));background-color:var(--bento-blue);color:#fff;box-shadow:0 8px 24px #0066ff38}.bento-card-blue:hover,.bento-card-orange:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0066ff52}.bento-card-blue .bento-card-icon,.bento-card-orange .bento-card-icon{color:#fffffff2}.bento-card-blue .bento-arrow-btn,.bento-card-orange .bento-arrow-btn{color:#fff;background:#ffffff38}.bento-card-blue .bento-arrow-btn:hover,.bento-card-orange .bento-arrow-btn:hover{color:var(--bento-blue);background:#fff}.bento-card-blue .bento-card-title,.bento-card-orange .bento-card-title{color:#fff}.bento-card-blue .bento-meta-badge,.bento-card-orange .bento-meta-badge{color:#fff;background:#fff3}.bento-card-dark{background-color:var(--bento-dark);color:#fff;box-shadow:0 8px 24px #1414161f}.bento-card-dark .bento-card-icon{color:var(--bento-blue)}.bento-card-dark .bento-arrow-btn{background:var(--bento-blue);color:#fff}.bento-card-dark .bento-card-title{color:#fff}.bento-card-dark .bento-meta-badge{color:#e8e7e3;background:#ffffff1a}.bento-card-gray{background-color:var(--bento-gray);color:var(--bento-text-dark);border:1px solid #0000000d;box-shadow:0 4px 18px #00000008}.bento-card-gray .bento-card-icon{color:var(--bento-text-dark)}.bento-card-gray .bento-arrow-btn{background:var(--bento-text-dark);color:#fff}.bento-card-gray .bento-card-title{color:var(--bento-text-dark)}.bento-card-gray .bento-meta-badge{color:var(--bento-text-dark);background:#00000014}.bento-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.bento-card-icon-wrap{justify-content:center;align-items:center;display:flex}.bento-arrow-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .16s;display:inline-flex}.bento-card:hover .bento-arrow-btn{transform:scale(1.1)translate(1px,-1px)}.bento-card-center{flex-direction:column;gap:8px;margin:16px 0 auto;display:flex}.bento-meta-pill{letter-spacing:-.1px;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.bento-meta-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.bento-meta-dot.pulse{animation:2s infinite pulse;box-shadow:0 0 0 3px #ffffff4d}.bento-card-desc{opacity:.85;margin:0;font-size:12px;font-weight:500;line-height:1.4}.bento-card-bottom{margin-top:14px}.bento-card-title{letter-spacing:-1px;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:900;line-height:1.08}.bento-dock-container{z-index:999;pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bento-dock{pointer-events:auto;-webkit-backdrop-filter:blur(24px);border-radius:var(--bento-radius-dock);background:#ffffffeb;border:1px solid #00000014;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 20px 48px #0000001f,0 2px 8px #0000000a}.bento-dock-btn{color:#55544f;cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;width:58px;height:52px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.bento-dock-btn:hover{color:#141416;background:#0000000d;transform:translateY(-2px)}.bento-dock-btn.active{background:var(--bento-blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0066ff6b}.bento-dock-badge{background:var(--bento-dark);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:6px;right:8px}.bento-quick-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.bento-quick-action-btn{background:var(--bento-gray);color:var(--bento-text-dark);border-radius:var(--bento-radius-pill);cursor:pointer;border:1px solid #fff6;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 8px #0000000a}.bento-quick-action-btn:hover{background:var(--bento-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.bento-quick-action-btn svg{color:var(--bento-blue);transition:color .16s}.bento-quick-action-btn:hover svg{color:#fff}.bento-operations-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px;margin-bottom:32px;display:grid}@media (width<=1100px){.bento-operations-grid{grid-template-columns:minmax(0,1fr)}}.bento-panel{background:var(--bento-gray);border:1px solid #0000000a;border-radius:26px;min-width:0;padding:24px;box-shadow:0 4px 20px #00000005}.bento-panel-flat{box-shadow:none;background:0 0;border:0;padding:4px 2px 0}.bento-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.bento-panel-heading h2{letter-spacing:-.4px;color:var(--bento-text-dark);margin:0;font-size:16px;font-weight:800}.bento-panel-heading p{color:var(--bento-text-muted);margin:4px 0 0;font-size:11px}.bento-panel-link{color:var(--bento-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.bento-panel-link:hover{text-decoration:underline}.bento-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.bento-week-day{color:var(--bento-text-dark);cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:14px;flex-direction:column;align-items:center;padding:12px 4px 8px;transition:all .16s;display:flex;box-shadow:0 2px 6px #00000005}.bento-week-day:hover{background:#fff;border-color:#0000001f;transform:translateY(-2px);box-shadow:0 6px 14px #0000000d}.bento-week-day.is-today{background:var(--bento-blue);color:#fff;border-color:var(--bento-blue);box-shadow:0 4px 14px #0066ff4d}.bento-week-day-name{opacity:.8;font-size:10px;font-weight:600}.bento-week-day-num{font-family:var(--dashboard-heading-font);margin:4px 0 8px;font-size:20px;font-weight:800}.bento-week-dot{border-radius:50%;width:6px;height:6px;margin-bottom:6px}.bento-week-status{opacity:.85;white-space:nowrap;font-size:9px;font-weight:600}.bento-week-time{margin-top:4px;font-size:9px;font-weight:700}.bento-team-bar{background:#00000014;border-radius:4px;gap:3px;height:8px;margin-bottom:18px;display:flex;overflow:hidden}.bento-team-bar>span{border-radius:2px;height:100%}.bento-team-list{flex-direction:column;display:flex;container-type:inline-size}.bento-team-row{--team-color:var(--bento-blue);box-sizing:content-box;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000f;border-radius:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 -10px 0 -12px;padding:14px 10px 14px 12px;transition:background .2s;display:grid;position:relative}.bento-team-row:first-child{border-top:0}.bento-team-row:before{content:"";background:var(--team-color);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.bento-team-row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--team-color) 9%, transparent), transparent 70%)}.bento-team-row:hover:before{height:60%}.bento-team-row:focus-visible{outline:2px solid var(--team-color);outline-offset:-2px}.bento-team-row-count{font-family:var(--dashboard-heading-font);letter-spacing:-1.6px;color:var(--bento-text-dark);font-variant-numeric:tabular-nums;font-size:38px;font-weight:900;line-height:1}.bento-team-row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.bento-team-row-label{font-family:var(--dashboard-heading-font);letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-dark);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.bento-team-row-label i{background:var(--team-color);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--team-color) 18%, transparent);border-radius:50%;flex-shrink:0}.bento-team-row-share{color:var(--bento-text-muted);white-space:nowrap;padding-left:18px;font-size:11px;font-weight:600}.bento-team-stack{justify-content:flex-end;align-items:center;min-height:42px;display:flex}.bento-team-stack-item{box-shadow:0 0 0 3px var(--bento-gray);border-radius:50%;transition:margin .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.bento-team-stack-item+.bento-team-stack-item,.bento-team-stack-item+.bento-team-stack-more{margin-left:-12px}.bento-team-stack-item .ui-avatar{background:var(--team-color);border-radius:50%;width:42px;height:42px;font-size:15px;font-weight:800}.bento-team-row:hover .bento-team-stack-item+.bento-team-stack-item{margin-left:-6px}.bento-team-stack-more{box-sizing:border-box;background:var(--team-color);color:#fff;min-width:42px;height:42px;font-family:var(--dashboard-heading-font);box-shadow:0 0 0 3px var(--bento-gray);border-radius:9999px;place-items:center;padding:0 8px;font-size:13px;font-weight:900;display:inline-grid;position:relative}.bento-team-stack-empty{color:var(--bento-text-muted);opacity:.7;font-size:11px;font-weight:700}@container (width<=460px){.bento-team-row{grid-template-columns:56px minmax(0,1fr);gap:10px 12px}.bento-team-row-count{grid-row:span 2;align-self:start;font-size:34px}.bento-team-stack{justify-content:flex-start;min-height:0;padding-left:18px}.bento-team-stack-item .ui-avatar,.bento-team-stack-more{width:34px;min-width:34px;height:34px;font-size:12px}.bento-team-stack-item+.bento-team-stack-item,.bento-team-stack-item+.bento-team-stack-more{margin-left:-10px}}.bento-team-row.is-empty .bento-team-row-count,.bento-team-row.is-empty .bento-team-row-label{color:var(--bento-text-muted);opacity:.55}.bento-birthday-list{gap:12px;display:grid}.bento-birthday-item{background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 2px 6px #00000005}.bento-birthday-info{flex:1;min-width:0}.bento-birthday-info strong{color:var(--bento-text-dark);font-size:12px;font-weight:700;display:block}.bento-birthday-info span{color:var(--bento-text-muted);font-size:10px}.bento-wish-btn{border-radius:var(--bento-radius-pill);background:var(--bento-dark);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;transition:all .16s;display:inline-flex}.bento-wish-btn:hover:not(:disabled){background:var(--bento-blue)}.bento-wish-btn:disabled{opacity:.6;cursor:default}.bento-kpi-panel{flex-direction:column;display:flex}.bento-kpi-main{text-align:center;border-bottom:1px solid #00000014;padding-bottom:16px}.bento-kpi-score{font-family:var(--dashboard-heading-font);letter-spacing:-2px;color:var(--bento-blue);font-size:44px;font-weight:900;line-height:1}.bento-kpi-label{color:var(--bento-text-muted);margin-top:4px;font-size:11px;font-weight:700}.bento-kpi-bars{gap:12px;padding:16px 0;display:grid}.bento-kpi-bar-row{flex-direction:column;gap:4px;display:flex}.bento-kpi-bar-header{justify-content:space-between;font-size:11px;font-weight:700;display:flex}.bento-progress-track{background:#00000014;border-radius:3px;height:6px;overflow:hidden}.bento-progress-fill{background:var(--bento-dark);border-radius:3px;height:100%}.bento-news-list{gap:12px;display:grid}.bento-news-card{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:14px;box-shadow:0 2px 6px #00000005}.bento-news-tag{letter-spacing:.8px;color:var(--bento-blue);font-size:9px;font-weight:800}.bento-news-card h3{color:var(--bento-text-dark);margin:6px 0 4px;font-size:12px;font-weight:700}.bento-news-card p{color:var(--bento-text-muted);margin:0;font-size:11px;line-height:1.5}@media (width<=768px){.dashboard-shell{overflow-x:hidden}.dashboard-shell .app-content{padding:16px 14px 110px;overflow-x:hidden}.bento-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.bento-mobile-menu-btn{display:inline-flex}.bento-header-right{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.bento-user-actions{align-items:center;gap:8px;display:flex}.bento-action-circle-btn{width:40px;height:40px}.bento-action-circle-btn svg{width:17px;height:17px}.bento-avatar-wrapper{padding:2px;display:inline-flex}.bento-avatar-img,.bento-avatar-fallback{width:40px;height:40px;font-size:16px}.bento-avatar-status{width:10px;height:10px;bottom:0;right:0}.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bento-card{border-radius:26px;padding:18px 16px}.bento-arrow-btn{width:36px;height:36px}.bento-card-title{font-size:20px}.bento-card-tall{min-height:240px}.bento-card-compact{min-height:120px}.bento-greeting-sub{font-size:20px}.bento-greeting-name{font-size:30px}.bento-dock{gap:6px;padding:6px 8px}.bento-dock-btn{width:48px;height:44px}.bento-week-grid{grid-template-columns:repeat(7,minmax(54px,1fr));padding-bottom:8px;overflow-x:auto}}.layout-mode-pill{background:var(--bento-gray,#edf2f4);border:1px solid #0000000f;border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.layout-mode-btn{width:32px;height:32px;color:var(--bento-text-muted,#6b7c89);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.layout-mode-btn:hover{color:var(--bento-text-dark,#141416);background:#0000000a}.layout-mode-btn.active{color:var(--bento-blue,#06f);background:#fff;box-shadow:0 2px 8px #00000014}.dashboard-shell.dashboard-mode-normal .layout-mode-pill{background:var(--color-neutral-100);border-color:var(--color-neutral-200)}.dashboard-shell.dashboard-mode-normal .layout-mode-btn.active{color:var(--color-primary);box-shadow:0 2px 6px #00000014}.dashboard-heading-controls{align-items:center;gap:12px;display:flex}.bento-header-controls-group{align-items:center;gap:8px;display:inline-flex}.bento-color-picker-wrapper{display:inline-flex;position:relative}.bento-color-trigger-btn{background:var(--bento-gray);width:38px;height:38px;color:var(--bento-text-muted);cursor:pointer;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.bento-color-trigger-btn:hover{background:var(--bento-gray-hover);color:var(--bento-text-dark);transform:translateY(-1px)}.bento-color-trigger-btn.active{color:var(--bento-accent);background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #00000014}.bento-color-indicator-dot{border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;transition:background-color .2s;position:absolute;top:7px;right:7px;box-shadow:0 1px 3px #00000040}.bento-color-popover{z-index:999;transform-origin:100% 0;background:#fff;border:1px solid #00000014;border-radius:18px;width:270px;padding:14px;animation:.2s cubic-bezier(.34,1.56,.64,1) bentoPopoverIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #00000024,0 2px 8px #0000000a}.bento-color-popover-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.bento-color-popover-title{text-transform:uppercase;letter-spacing:.8px;color:var(--bento-text-subtle);font-size:11px;font-weight:800}.bento-color-active-badge{color:var(--bento-accent);background:var(--bento-accent-soft);border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.bento-color-palette-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bento-color-swatch-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;transition:all .16s;display:flex}.bento-color-swatch-btn:hover{background:var(--bento-gray);transform:translateY(-1px)}.bento-color-swatch-btn.selected{background:var(--bento-gray-light);border-color:#00000014}.bento-color-swatch-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.bento-color-swatch-btn:hover .bento-color-swatch-circle{transform:scale(1.08)}.bento-color-check-icon{color:#fff;filter:drop-shadow(0 1px 2px #0006)}.bento-color-swatch-label{color:var(--bento-text-muted);font-size:11px;font-weight:600;line-height:1}.bento-color-swatch-btn.selected .bento-color-swatch-label{color:var(--bento-text-dark);font-weight:800}.greeting-name-display{align-self:flex-start;align-items:baseline;display:inline-flex;position:relative}.greeting-name-edit-btn{background:var(--bento-gray);width:36px;height:36px;color:var(--bento-text-dark);cursor:pointer;opacity:0;border:0;border-radius:50%;align-self:center;place-items:center;margin-left:12px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s;display:grid;transform:scale(.8)}.greeting-name-display:hover .greeting-name-edit-btn,.greeting-name-edit-btn:focus-visible{opacity:1;transform:scale(1)}.greeting-name-edit-btn:hover{background:var(--bento-text-dark);color:#fff}.greeting-name-edit-btn:focus-visible{outline:2px solid var(--bento-blue);outline-offset:2px}@media (hover:none){.greeting-name-edit-btn{opacity:1;transform:scale(1)}}.greeting-name-editing{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:10px 14px;display:inline-flex}.greeting-name-input{border:0;border-bottom:4px solid var(--bento-blue);min-width:3ch;max-width:100%;font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border-radius:0;outline:none;padding:0 0 4px;line-height:1.05}.greeting-name-input::placeholder{color:var(--bento-text-muted);opacity:.45}.greeting-name-actions{gap:8px;display:inline-flex}.greeting-name-action{background:var(--bento-gray);width:40px;height:40px;color:var(--bento-text-dark);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s;display:grid}.greeting-name-action:hover{background:var(--bento-gray-hover);transform:translateY(-2px)}.greeting-name-action.is-save{background:var(--bento-blue);color:#fff;box-shadow:0 6px 16px var(--bento-blue-glow,#0066ff4d)}.greeting-name-action.is-save:hover{background:var(--bento-text-dark)}@media (prefers-reduced-motion:reduce){.greeting-name-edit-btn,.greeting-name-action{transition:none}}.bento-dashboard .bento-motion-card{isolation:isolate;backface-visibility:hidden;transition:box-shadow .22s,background-color .24s}.bento-dashboard .bento-motion-card>:not(.bento-pointer-light):not(.bento-ambient-orbits):not(.bento-ambient-light){z-index:1;position:relative}.bento-dashboard .bento-motion-card:focus-visible{outline:3px solid var(--bento-accent);outline-offset:5px}.bento-pointer-light{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;left:-150px}.bento-card-gray .bento-pointer-light{background:radial-gradient(circle,#ffffffb3,#fff0 70%)}.bento-ambient-orbits{pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0;overflow:hidden}.bento-ambient-orbits i{border:1px solid #ffffff26;border-radius:42% 58% 65% 35%;width:240px;height:240px;animation:22s linear infinite paused bento-orbit-drift;position:absolute;bottom:-140px;right:-100px}.bento-ambient-orbits i:nth-child(2){border-color:#ffffff1a;width:300px;height:300px;animation-duration:29s;animation-direction:reverse;bottom:-170px;right:-130px}.bento-ambient-orbits i:nth-child(3){border-color:#ffffff12;width:360px;height:360px;animation-duration:36s;bottom:-200px;right:-160px}.bento-motion-card[data-in-view=true] .bento-ambient-orbits i{animation-play-state:running}.bento-dashboard[data-motion-paused=true] .bento-ambient-orbits i,.bento-dashboard[data-motion-paused=true] .bento-meta-dot.pulse,.bento-motion-card[data-in-view=false] .bento-meta-dot.pulse{animation-play-state:paused}@keyframes bento-orbit-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-animated-value{font-variant-numeric:tabular-nums}.bento-ambient-light{pointer-events:none;z-index:0;background:radial-gradient(at 75% 25%,#ffffff20,#fff0 55%);animation:12s ease-in-out infinite alternate paused bento-light-drift;position:absolute;inset:-30%}.bento-motion-card[data-in-view=true] .bento-ambient-light{animation-play-state:running}.bento-dashboard[data-motion-paused=true] .bento-ambient-light{animation-play-state:paused}@keyframes bento-light-drift{0%{opacity:.5;transform:translate(4%,-4%)}to{opacity:1;transform:translate(-6%,8%)}}.bento-dashboard .bento-header-left{animation:.65s cubic-bezier(.22,1,.36,1) both bento-header-enter}.bento-dashboard .bento-header-right{animation:.65s cubic-bezier(.22,1,.36,1) 80ms both bento-header-enter}.bento-dashboard .bento-quick-actions{animation:.65s cubic-bezier(.22,1,.36,1) .14s both bento-header-enter}@keyframes bento-header-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bento-dashboard .bento-progress-fill,.bento-dashboard .bento-team-bar>span{transition:width .8s cubic-bezier(.22,1,.36,1)}.bento-dashboard .bento-view-tab{isolation:isolate;transition:color .16s;position:relative}.bento-dashboard .bento-view-tab.active{box-shadow:none;background:0 0}.bento-tab-indicator{z-index:-1;background:#fff;border-radius:10px;position:absolute;inset:0;box-shadow:0 2px 6px #00000014}.bento-dashboard .bento-quick-action-btn{transition:background-color .18s,color .18s,box-shadow .18s}.bento-dashboard .bento-card-icon-wrap{transition:transform .35s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.bento-dashboard .bento-motion-card:hover .bento-card-icon-wrap{transform:translateY(-2px)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.bento-dashboard *,.bento-dashboard :before,.bento-dashboard :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bento-dashboard .bento-motion-card:hover,.bento-dashboard .bento-motion-card:active,.bento-dashboard .bento-quick-action-btn:hover,.bento-dashboard .bento-card:hover .bento-arrow-btn,.bento-dashboard .bento-week-day:hover,.bento-dashboard .bento-action-circle-btn:hover,.bento-dashboard .bento-avatar-wrapper:hover{transform:none}.bento-pointer-light,.bento-ambient-orbits,.bento-ambient-light{display:none}}@media (width<=600px){.bento-dashboard .bento-header-right{flex-wrap:wrap;justify-content:flex-start}.bento-dashboard .bento-user-actions{margin-left:auto}.bento-dashboard .bento-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bento-dashboard .bento-quick-action-btn{justify-content:center;gap:6px;min-width:0;padding:10px 9px;font-size:11px}}.leave-page-container{flex-direction:column;gap:20px;display:flex}.leave-overview-bento{grid-template-columns:220px 1fr;align-items:center;gap:24px;display:grid}@media (width<=768px){.leave-overview-bento{text-align:center;grid-template-columns:1fr}}.leave-donut-container{width:150px;height:150px;margin:0 auto;position:relative}.leave-donut-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.leave-donut-val{color:var(--color-text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.leave-donut-sub{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:600}.leave-quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=900px){.leave-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.leave-quick-actions-grid{grid-template-columns:1fr}}.leave-action-card{text-align:center;cursor:pointer;border-radius:16px;padding:20px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.leave-action-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000014}.leave-action-icon-wrap{border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 12px;transition:transform .25s;display:grid}.leave-action-card:hover .leave-action-icon-wrap{transform:scale(1.08)}.leave-action-title{color:var(--color-text-primary);font-size:14px;font-weight:700}.leave-action-apply .leave-action-icon-wrap{background:var(--bento-accent-subtle,#0066ff14);color:var(--bento-accent,var(--color-primary))}.leave-action-balance .leave-action-icon-wrap{color:#2563eb;background:#3b82f617}.leave-action-approvals .leave-action-icon-wrap{color:#d97706;background:#f59e0b17}.leave-action-calendar .leave-action-icon-wrap{color:#059669;background:#10b98117}[data-layout-mode=tiles] .leave-page-container{font-family:Plus Jakarta Sans,sans-serif}[data-layout-mode=tiles] .leave-action-card{background:#fff;border:1px solid #0000000f;border-radius:20px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px -2px #00000008}[data-layout-mode=tiles] .leave-action-card:hover{border-color:#00000014;transform:translateY(-4px);box-shadow:0 12px 28px -6px #0000001a}[data-layout-mode=tiles] .leave-action-title{color:var(--bento-text-dark,#141416);letter-spacing:-.1px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}[data-layout-mode=tiles] .leave-action-icon-wrap{border-radius:18px}[data-layout-mode=tiles] .leave-action-apply .leave-action-icon-wrap{background:var(--bento-accent-soft,#0066ff14);color:var(--bento-accent,#06f)}[data-layout-mode=tiles] .leave-donut-val{letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-weight:900}[data-layout-mode=tiles] .leave-donut-sub{color:var(--bento-text-muted,#78766f);font-family:Inter,sans-serif}.bento-module-shell{--dashboard-heading-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dashboard-body-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--dashboard-body-font);min-height:100vh;background-color:#fff!important}.bento-module-shell:before{background:0 0!important;display:none!important}.bento-module-shell .app-main{min-width:0;background-color:#fff!important}.bento-module-shell .app-content{max-width:1440px;margin:0 auto;padding:24px 32px 40px}.bento-module-shell button,.bento-module-shell input{font-family:var(--dashboard-body-font)}.bento-module-shell h1,.bento-module-shell h2,.bento-module-shell h3,.bento-module-shell h4{font-family:var(--dashboard-heading-font)}.bento-module-shell .sidebar{background:var(--bento-dark,#141416);--color-text-primary:#f3f2ee;--color-text-secondary:#aaa9a2;--color-text-tertiary:#78766f;--color-neutral-50:#1c1c20;--color-neutral-100:#222227;--color-neutral-200:#2b2b31;--color-primary:var(--bento-accent,#06f);--color-primary-surface:#0066ff1f;box-shadow:none;border-right:1px solid #ffffff0f}.bento-module-shell .sidebar-brand-name{font-family:var(--dashboard-heading-font);letter-spacing:-.8px;color:#fff;font-size:20px;font-weight:800}.bento-module-shell .sidebar-header{min-height:80px}.bento-module-shell .sidebar-nav{padding:14px}.bento-module-shell .sidebar-section-label{letter-spacing:1.8px;color:#72706a;font-size:9px}.bento-module-shell .sidebar-item{color:#aaa9a2;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .16s}.bento-module-shell .sidebar-item:hover{color:#fff;background:#ffffff0f}.bento-module-shell .sidebar-item.active,.bento-module-shell .sidebar.collapsed .sidebar-item.active{background:var(--bento-accent,#06f);color:#fff;border-color:var(--bento-accent,#06f);box-shadow:0 4px 16px var(--bento-accent-glow,#0066ff59)}.bento-module-shell .sidebar-item.active:before{display:none}.bento-module-shell .sidebar-item-icon{color:inherit!important}.bento-module-shell .sidebar-collapse-btn{color:#c8c7c0;background:#202025;border-color:#2f2f36}.bento-module-shell .sidebar-footer{border-color:#ffffff14}.leave-bento-year-pills{align-items:center;gap:4px;margin-top:12px;display:flex}.leave-bento-year-pills button{color:var(--bento-text-muted,#64635e);cursor:pointer;background:#ffffff80;border:1px solid #00000014;border-radius:9999px;padding:5px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.leave-bento-year-pills button:hover{color:var(--bento-text-dark,#141416);background:#fff;border-color:#00000024}.leave-bento-year-pills button.active{background:var(--bento-text-dark,#141416);color:#fff;border-color:#0000}.leave-choice-tiles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-top:6px;display:grid}.leave-choice-tiles.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.leave-choice-tile{--choice-color:var(--bento-accent,#06f);background:var(--bento-gray,#f0efea);min-height:132px;font:inherit;text-align:left;color:var(--bento-text-dark,#141416);cursor:pointer;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.leave-choice-tiles.sm .leave-choice-tile{border-radius:14px;min-height:0;padding:12px 36px 12px 14px}.leave-choice-tile:hover:not(:disabled){background:var(--bento-gray-hover,#e8e7e2);transform:translateY(-3px)}.leave-choice-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--choice-color) 45%, transparent);outline-offset:2px}.leave-choice-icon{background:color-mix(in srgb, var(--choice-color) 16%, #fff);width:42px;height:42px;color:var(--choice-color);border-radius:14px;place-items:center;margin-bottom:auto;transition:background .2s,color .2s;display:grid}.leave-choice-label{letter-spacing:-.2px;margin-top:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.leave-choice-tiles.sm .leave-choice-label{margin-top:0;font-size:13px}.leave-choice-desc{color:var(--bento-text-muted,#64635e);font-size:11px;font-weight:600}.leave-choice-check{background:var(--choice-color);color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:12px;right:12px;transform:scale(.5)}.leave-choice-tiles.sm .leave-choice-check{margin-top:-11px;top:50%}.leave-choice-tile.is-selected{background:color-mix(in srgb, var(--choice-color) 10%, #fff);border-color:var(--choice-color);box-shadow:0 10px 24px color-mix(in srgb, var(--choice-color) 22%, transparent)}.leave-choice-tile.is-selected .leave-choice-icon{background:var(--choice-color);color:#fff}.leave-choice-tile.is-selected .leave-choice-check{opacity:1;transform:scale(1)}.leave-choice-tile:disabled{cursor:not-allowed;opacity:.45}@media (width<=600px){.leave-choice-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leave-choice-tile{min-height:118px;padding:14px}.leave-choice-tiles.sm{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.leave-choice-tile,.leave-choice-check{transition:none}.leave-choice-tile:hover:not(:disabled){transform:none}}.leave-stepper{grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 26px;padding:0;list-style:none;display:grid}.leave-step{align-items:center;gap:12px;min-width:0;padding-right:16px;display:flex;position:relative}.leave-step:not(:last-child):after{content:"";background:#00000014;border-radius:3px;flex:1;min-width:16px;height:3px}.leave-step.is-done:not(:last-child):after{background:var(--bento-text-dark,#141416)}.leave-step.is-active:not(:last-child):after{background:linear-gradient(90deg, var(--bento-accent,#06f), #00000014)}.leave-step-dot{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:grid}.leave-step.is-done .leave-step-dot{background:var(--bento-text-dark,#141416);color:#fff}.leave-step.is-active .leave-step-dot{background:var(--bento-accent,#06f);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--bento-accent,#06f) 18%, transparent)}.leave-step.is-upcoming .leave-step-dot{color:var(--bento-text-muted,#64635e);background:0 0;box-shadow:inset 0 0 0 2px #0000001f}.leave-step-text{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.leave-step-text small{letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);font-size:10px;font-weight:800}.leave-step-text strong{color:var(--bento-text-dark,#141416);text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;overflow:hidden}.leave-step.is-active .leave-step-text small{color:var(--bento-accent,#06f)}.leave-step.is-upcoming .leave-step-text strong{color:var(--bento-text-muted,#64635e)}.leave-review{flex-direction:column;gap:18px;display:flex}.leave-review-hero{background:var(--bento-dark,#141416);color:#fff;border-radius:26px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:28px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.leave-review-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bento-accent,#06f) 45%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-60px}.leave-review-type{align-items:center;gap:14px;min-width:0;display:flex}.leave-review-type-icon{background:var(--bento-accent,#06f);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.leave-review-type-text{flex-direction:column;gap:3px;min-width:0;display:flex}.leave-review-hero small{letter-spacing:1.3px;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:800}.leave-review-type-text strong{letter-spacing:-.4px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:900;line-height:1.15}.leave-review-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.leave-review-chips:empty{display:none}.leave-review-chips em{background:#ffffff1f;border-radius:9999px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:700}.leave-review-dates{align-items:center;gap:16px;min-width:0;display:flex}.leave-review-date{flex-direction:column;min-width:0;display:flex}.leave-review-date b{letter-spacing:-2px;margin:4px 0 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:44px;font-weight:900;line-height:1}.leave-review-date span{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.leave-review-arrow{width:34px;height:34px;color:var(--bento-accent,#06f);background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.leave-review-days{background:var(--bento-accent,#06f);color:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-width:104px;padding:16px 18px;display:flex;position:relative}.leave-review-days b{letter-spacing:-1.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:900;line-height:1}.leave-review-days span{letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:800}.leave-review-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;display:grid}.leave-review-details>div{border-top:1px solid #00000012;flex-direction:column;gap:6px;padding:14px 4px;display:flex}.leave-review-details dt{letter-spacing:1.1px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.leave-review-details dd{color:var(--bento-text-dark,#141416);word-break:break-word;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700}.leave-review-details dd.is-muted{color:var(--bento-text-muted,#64635e)}.leave-review-details dd.is-warning{color:#b45309}.leave-review-previews{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}@media (width<=900px){.leave-review-hero{grid-template-columns:minmax(0,1fr) auto;gap:20px}.leave-review-dates{grid-area:2/1/auto/-1}}@media (width<=600px){.leave-stepper{grid-template-columns:repeat(3,auto);justify-content:space-between}.leave-step{gap:8px;padding-right:8px}.leave-step-text{display:none}.leave-step.is-active .leave-step-text{display:flex}.leave-review-hero{padding:22px 20px}.leave-review-date b{font-size:36px}.leave-review-details{grid-template-columns:1fr}}.leave-tiles-stack{flex-direction:column;gap:18px;display:flex}.leave-tiles-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.leave-tiles-toolbar .bento-segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.leave-tiles-toolbar .bento-segmented button{white-space:nowrap}.leave-count-badge{background:var(--bento-text-dark,#141416);color:#fff;border-radius:9999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;display:inline-grid}.bento-segmented button.active .leave-count-badge,.bento-quick-action-btn.active .leave-count-badge{background:var(--bento-accent,#06f)}.bento-quick-action-btn.active .leave-count-badge{color:var(--bento-accent,#06f);background:#fff}.leave-legend-dots{flex-wrap:wrap;gap:6px 14px;display:flex}.leave-legend-dots span{color:var(--bento-text-muted,#64635e);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.leave-legend-dots i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000014}.leave-tiles-panel{min-width:0}.leave-bal-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.leave-bal-tile{background:var(--bento-gray,#f0efea);min-height:210px;color:var(--bento-text-dark,#141416);border-radius:26px;flex-direction:column;gap:14px;padding:22px;display:flex}.leave-bal-tile.is-hero{background:var(--bento-accent-gradient,var(--bento-accent,#06f));color:#fff;box-shadow:0 16px 36px var(--bento-accent-glow,#0066ff4d)}.leave-bal-top{align-items:center;gap:10px;min-width:0;display:flex}.leave-bal-icon{width:40px;height:40px;color:var(--bento-accent,#06f);background:#fff;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.leave-bal-tile.is-hero .leave-bal-icon{color:#fff;background:#fff3}.leave-bal-name{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.leave-bal-value{align-items:baseline;gap:8px;margin-top:auto;display:flex}.leave-bal-value b{letter-spacing:-2px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:900;line-height:1}.leave-bal-value span{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:800}.leave-bal-bar{background:#00000014;border-radius:9999px;height:8px;overflow:hidden}.leave-bal-bar span{border-radius:inherit;background:var(--bento-text-dark,#141416);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.leave-bal-tile.is-hero .leave-bal-bar{background:#ffffff40}.leave-bal-tile.is-hero .leave-bal-bar span{background:#fff}.leave-bal-meta{opacity:.75;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;display:flex}.leave-bal-meta strong{font-weight:900}.leave-rows{flex-direction:column;display:flex}.leave-row{width:100%;font:inherit;text-align:left;color:var(--bento-text-dark,#141416);cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000f;border-radius:0;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 12px;transition:background .2s;display:grid;position:relative}.leave-row:first-child{border-top:0}.leave-row:before{content:"";background:var(--bento-accent,#06f);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.leave-row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--bento-accent,#06f) 7%, transparent), transparent 75%)}.leave-row:hover:before{height:56%}.leave-row:focus-visible{outline:2px solid var(--bento-accent,#06f);outline-offset:-2px}.leave-row.is-person{grid-template-columns:52px minmax(0,1fr) auto}.leave-row-date{flex-direction:column;align-items:center;line-height:1;display:flex}.leave-row-date b{letter-spacing:-1.4px;font-family:Plus Jakarta Sans,sans-serif;font-size:34px;font-weight:900}.leave-row-date small{letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-accent,#06f);margin-top:3px;font-size:11px;font-weight:800}.leave-row-avatar{background:var(--bento-text-dark,#141416);color:#fff;width:52px;height:52px;box-shadow:0 0 0 3px #fff, 0 0 0 5px color-mix(in srgb, var(--bento-accent,#06f) 35%, transparent);border-radius:50%;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:900;display:grid;overflow:hidden}.leave-row-avatar img{object-fit:cover;width:100%;height:100%}.leave-row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.leave-row-main strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;display:flex;overflow:hidden}.leave-row-main strong i{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:inset 0 0 0 1px #0000001a}.leave-row-main>span{color:var(--bento-text-muted,#64635e);font-size:12px;font-weight:600}.leave-row-main em{color:var(--bento-text-muted,#64635e);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.leave-row-status{white-space:nowrap;border-radius:9999px;padding:6px 12px;font-size:11px;font-weight:800}.leave-row-chevron{color:var(--bento-text-muted,#64635e);transition:transform .2s}.leave-row:hover .leave-row-chevron{color:var(--bento-accent,#06f);transform:translate(3px)}.leave-row-actions{gap:8px;display:flex}.leave-pill-btn{background:var(--bento-gray,#f0efea);color:var(--bento-text-dark,#141416);cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:6px;padding:9px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;display:inline-flex}.leave-pill-btn:hover:not(:disabled){background:var(--bento-gray-hover,#e8e7e2);transform:translateY(-2px)}.leave-pill-btn.is-primary{background:var(--bento-text-dark,#141416);color:#fff}.leave-pill-btn.is-primary:hover:not(:disabled){background:var(--bento-accent,#06f)}.leave-pill-btn:disabled{opacity:.5;cursor:not-allowed}.leave-supervisee-filter{margin-bottom:0}.leave-mini-avatar{object-fit:cover;background:var(--bento-text-dark,#141416);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:inline-grid}.leave-team-stats{gap:28px;display:flex}.leave-team-stats div{align-items:baseline;gap:8px;display:flex}.leave-team-stats b{letter-spacing:-1.8px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:44px;font-weight:900;line-height:1}.leave-team-stats div:first-child b{color:var(--bento-accent,#06f)}.leave-team-stats span{letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);font-size:11px;font-weight:800}.leave-team-switches{flex-wrap:wrap;gap:10px;display:flex}.leave-tiles-select{font-weight:700;background-color:#fff!important;border-color:#0000!important;border-radius:9999px!important}.leave-month-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.leave-month-nav strong{letter-spacing:-.5px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:900}.leave-month-nav button{width:40px;height:40px;color:var(--bento-text-dark,#141416);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.leave-month-nav button:hover{background:var(--bento-text-dark,#141416);color:#fff;transform:scale(1.05)}@media (width<=700px){.leave-row{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:14px 8px}.leave-row-chevron{display:none}.leave-row-date b{font-size:28px}.leave-row.is-person{grid-template-columns:44px minmax(0,1fr)}.leave-row.is-person .leave-row-actions,.leave-row.is-person .leave-row-status{grid-column:2;justify-self:start}.leave-row-avatar{width:44px;height:44px}.leave-team-stats b{font-size:36px}}@media (prefers-reduced-motion:reduce){.leave-row:before,.leave-pill-btn,.leave-bal-bar span{transition:none}}.claim-page-container{flex-direction:column;gap:20px;display:flex}.bento-card.claim-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.bento-card-blue.claim-tile-active{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.bento-card-dark.claim-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.bento-card-gray.claim-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.claim-tile-active .bento-arrow-btn{transform:rotate(45deg)}.claim-year-selector{background:#f1f5f9;border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex}.claim-year-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;min-width:0;height:28px;padding:4px 8px;transition:all .2s;display:inline-flex}.claim-year-btn:hover{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0000000f}.claim-year-val{color:#0f172a;text-align:center;min-width:44px;font-size:13px;font-weight:700}.claim-category-card{border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.claim-category-item{background:#f8fafc;border:1px solid #0000000a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:all .2s;display:flex}.claim-category-item:hover{background:#fff;border-color:#0000001a;transform:translate(2px);box-shadow:0 2px 8px #0000000a}.claim-category-val{color:var(--bento-accent,var(--color-primary));font-size:15px;font-weight:800}.claim-action-tile{cursor:pointer;background:#fff;border-radius:16px;padding:18px 20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.claim-action-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014}[data-theme=dark] .claim-year-selector{background:#1e232e;border-color:#ffffff14}[data-theme=dark] .claim-year-btn{color:#94a3b8}[data-theme=dark] .claim-year-btn:hover{color:#f8fafc;background:#2d3748}[data-theme=dark] .claim-year-val{color:#f8fafc}[data-theme=dark] .claim-category-item{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .claim-category-item:hover{background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .claim-action-tile{background:#1e232e;border-color:#ffffff14}.claim-dashboard-wrapper{flex-direction:column;gap:22px;display:flex}.claim-kpi-grid{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}@media (width>=600px){.claim-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.claim-kpi-grid{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:18px}}.claim-kpi-card{border:1px solid var(--color-neutral-200);background:var(--color-surface);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:160px;padding:22px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000008}.claim-kpi-card:hover{border-color:#0000001f;transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.claim-kpi-card.hero-total{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-neutral-200)}.claim-kpi-card.hero-total:hover{border-color:#0000001f;transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.claim-kpi-card.hero-action{background:var(--color-surface);border:1.5px dashed var(--bento-accent,var(--color-primary))}.claim-kpi-card.hero-action:hover{background:color-mix(in srgb, var(--bento-accent,var(--color-primary)) 5%, var(--color-surface));border-style:solid}.claim-kpi-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.claim-kpi-icon-wrap{background:var(--color-surface-variant);width:40px;height:40px;color:var(--color-text-primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.claim-kpi-badge{background:var(--color-surface-variant);color:var(--color-text-secondary);border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.claim-kpi-val{letter-spacing:-.02em;color:var(--color-text-primary);font-size:26px;font-weight:800;line-height:1.2}.claim-kpi-label{color:var(--color-text-tertiary);margin-top:4px;font-size:12px;font-weight:600}.claim-kpi-subtext{align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.claim-kpi-minibar{background:var(--color-neutral-200);border-radius:99px;gap:2px;height:6px;margin-top:12px;display:flex;overflow:hidden}.claim-dashboard-layout{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1024px){.claim-dashboard-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:22px}}.claim-dashboard-main,.claim-dashboard-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.claim-filter-pill-group{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);border-radius:9999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.claim-filter-pill{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.claim-filter-pill:hover{color:var(--color-text-primary)}.claim-filter-pill.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px #00000014}.claim-filter-pill-badge{background:var(--color-neutral-200);color:var(--color-text-secondary);border-radius:99px;padding:1px 6px;font-size:10px}.claim-filter-pill.active .claim-filter-pill-badge{background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-primary)}.claim-suggestions-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--bento-accent,#06f) 8%, var(--color-surface)) 0%, var(--color-surface) 100%);border:1.5px solid color-mix(in srgb, var(--bento-accent,#06f) 22%, transparent);border-radius:20px;padding:18px 20px;box-shadow:0 4px 18px #0066ff0f}.claim-rate-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.claim-rate-item{border:1px solid var(--color-neutral-200);background:var(--color-surface-variant);border-radius:14px;padding:12px;transition:all .2s}.claim-rate-item:hover{background:var(--color-surface);border-color:var(--color-neutral-300);transform:translateY(-1px)}.claim-flow-step{background:var(--color-surface-variant);border:1px solid var(--color-neutral-200);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}[data-theme=dark] .claim-kpi-card{background:#1a1f2b;border-color:#ffffff14}[data-theme=dark] .claim-kpi-card:hover{border-color:#ffffff29;box-shadow:0 12px 30px #00000059}[data-theme=dark] .claim-filter-pill-group{background:#1e232e;border-color:#ffffff14}[data-theme=dark] .claim-filter-pill.active{color:#60a5fa;background:#2d3748}[data-theme=dark] .claim-filter-pill-badge{color:#94a3b8;background:#ffffff1a}[data-theme=dark] .claim-filter-pill.active .claim-filter-pill-badge{color:#60a5fa;background:#60a5fa33}[data-theme=dark] .claim-rate-item,[data-theme=dark] .claim-flow-step{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .claim-suggestions-banner{background:linear-gradient(135deg,#0066ff1f 0%,#1a1f2b 100%);border-color:#0066ff4d}.medical-page-container{flex-direction:column;gap:20px;display:flex}.bento-card.medical-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.bento-card-blue.medical-tile-active{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.bento-card-dark.medical-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.bento-card-gray.medical-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.medical-tile-active .bento-arrow-btn{transform:rotate(45deg)}.medical-detail-block{background:var(--color-surface-variant,#f8fafc);border:1px solid var(--color-neutral-200,#0000000d);border-radius:16px;gap:8px;padding:14px 16px;transition:all .2s;display:grid}.medical-detail-block:hover{background:var(--color-surface,#fff);border-color:#0000001a;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .medical-detail-block{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .medical-detail-block:hover{background:#ffffff14;border-color:#ffffff24}.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}.bento-card.vehicle-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.bento-card-blue.vehicle-tile-active{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.bento-card-dark.vehicle-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.bento-card-gray.vehicle-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.vehicle-tile-active .bento-arrow-btn{transform:rotate(45deg)}.vehicle-stepper{grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0 28px;padding:0;list-style:none;display:grid}.vehicle-step{align-items:center;gap:12px;min-width:0;padding-right:14px;display:flex;position:relative}.vehicle-step:not(:last-child):after{content:"";background:#00000014;border-radius:3px;flex:1;min-width:16px;height:3px}.vehicle-step.is-done:not(:last-child):after{background:var(--bento-text-dark,#141416)}.vehicle-step.is-active:not(:last-child):after{background:linear-gradient(90deg, var(--bento-blue,#06f), #00000014)}.vehicle-step-dot{width:38px;height:38px;color:var(--bento-text-muted,#64635e);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:inset 0 0 0 2px #0000001f}.vehicle-step.is-done .vehicle-step-dot{background:var(--bento-text-dark,#141416);color:#fff;box-shadow:none}.vehicle-step.is-active .vehicle-step-dot{background:var(--bento-blue,#06f);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--bento-blue,#06f) 18%, transparent)}.vehicle-step-text{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.vehicle-step-text small{letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);font-size:10px;font-weight:800}.vehicle-step-text strong{color:var(--bento-text-dark,#141416);text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;overflow:hidden}.vehicle-step.is-active .vehicle-step-text small{color:var(--bento-blue,#06f)}.vehicle-step.is-upcoming .vehicle-step-text strong{color:var(--bento-text-muted,#64635e)}@media (width<=768px){.vehicle-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-step:not(:last-child):after{display:none}}.vehicle-choice-tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:8px;display:grid}.vehicle-choice-tile{--choice-color:var(--bento-blue,#06f);background:var(--bento-gray,#f0efea);min-height:120px;font:inherit;text-align:left;color:var(--bento-text-dark,#141416);cursor:pointer;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.vehicle-choice-tile:hover:not(:disabled){background:var(--bento-gray-hover,#e8e7e2);transform:translateY(-3px)}.vehicle-choice-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--choice-color) 45%, transparent);outline-offset:2px}.vehicle-choice-icon{background:color-mix(in srgb, var(--choice-color) 16%, #fff);width:42px;height:42px;color:var(--choice-color);border-radius:14px;place-items:center;margin-bottom:auto;transition:background .2s,color .2s;display:grid}.vehicle-choice-label{letter-spacing:-.2px;margin-top:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;line-height:1.25}.vehicle-choice-desc{color:var(--bento-text-muted,#64635e);font-size:11px;font-weight:600;line-height:1.35}.vehicle-choice-check{background:var(--choice-color);color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:12px;right:12px;transform:scale(.5)}.vehicle-choice-tile.is-selected{background:color-mix(in srgb, var(--choice-color) 10%, #fff);border-color:var(--choice-color);box-shadow:0 10px 24px color-mix(in srgb, var(--choice-color) 22%, transparent)}.vehicle-choice-tile.is-selected .vehicle-choice-icon{background:var(--choice-color);color:#fff}.vehicle-choice-tile.is-selected .vehicle-choice-check{opacity:1;transform:scale(1)}.vehicle-itinerary-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.vehicle-itinerary-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 2px 6px #00000008}.vehicle-itinerary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.vehicle-itinerary-badge{background:var(--bento-blue,#06f);color:#fff;letter-spacing:.4px;border-radius:999px;flex-shrink:0;place-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:grid}.vehicle-itinerary-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.vehicle-itinerary-title{color:var(--color-text-primary,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;overflow:hidden}.vehicle-category-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.vehicle-category-pill.cat-ladang{color:#059669;background:#10b98124}.vehicle-category-pill.cat-kilang{color:#d97706;background:#f59e0b24}.vehicle-category-pill.cat-lainlain{color:#06f;background:#0066ff24}.vehicle-itinerary-remove-btn{width:32px;height:32px;color:var(--color-error,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;transition:background .18s;display:grid}.vehicle-itinerary-remove-btn:hover{background:#ef44441f}.vehicle-empty-itinerary{border:1px dashed var(--color-border,#cbd5e1);background:var(--bento-gray,#f8fafc);color:var(--color-text-secondary,#64748b);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.vehicle-schedule-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:18px;padding:16px 20px;box-shadow:0 2px 8px #00000008}.vehicle-schedule-card-header{margin-bottom:14px}.vehicle-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=600px){.vehicle-schedule-grid{grid-template-columns:1fr}}.vehicle-schedule-field label{margin-bottom:6px;font-size:12px;font-weight:700}.vehicle-passenger-chips-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:8px;display:grid}.vehicle-passenger-card-chip{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 2px 6px #00000008}.vehicle-staff-avatar-initials{background:var(--bento-blue,#06f);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.vehicle-staff-avatar-initials.sm{border-radius:10px;width:32px;height:32px;font-size:13px}.vehicle-passenger-chip-info{flex-direction:column;flex:1;min-width:0;display:flex}.vehicle-passenger-chip-info strong{color:var(--color-text-primary,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.vehicle-passenger-chip-info small{color:var(--color-text-tertiary,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vehicle-passenger-remove-btn{width:26px;height:26px;color:var(--color-text-tertiary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:all .18s;display:grid}.vehicle-passenger-remove-btn:hover{color:#ef4444;background:#ef444424}.vehicle-review{flex-direction:column;gap:18px;display:flex}.vehicle-review-hero{background:var(--bento-dark,#141416);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:24px;padding:24px 28px;display:grid;position:relative;overflow:hidden}.vehicle-review-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bento-blue,#06f) 45%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-60px}.vehicle-review-type{align-items:center;gap:14px;min-width:0;display:flex}.vehicle-review-type-icon{background:var(--bento-blue,#06f);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.vehicle-review-type-text{flex-direction:column;gap:3px;min-width:0;display:flex}.vehicle-review-hero small{letter-spacing:1.3px;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:800}.vehicle-review-type-text strong{letter-spacing:-.4px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:900;line-height:1.15}.vehicle-review-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.vehicle-review-chips em{background:#ffffff1f;border-radius:9999px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:700}.vehicle-review-dates{align-items:center;gap:16px;min-width:0;display:flex}.vehicle-review-date{flex-direction:column;min-width:0;display:flex}.vehicle-review-date b{letter-spacing:-1.5px;margin:4px 0 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:900;line-height:1}.vehicle-review-date span{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.vehicle-review-arrow{width:34px;height:34px;color:var(--bento-blue,#06f);background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vehicle-review-stops-badge{background:var(--bento-blue,#06f);color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:96px;padding:14px 18px;display:flex}.vehicle-review-stops-badge b{letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;font-size:34px;font-weight:900;line-height:1}.vehicle-review-stops-badge span{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}@media (width<=800px){.vehicle-review-hero{grid-template-columns:1fr;gap:18px}}.vehicle-review-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;display:grid}@media (width<=700px){.vehicle-review-details{grid-template-columns:1fr}}.vehicle-review-details>div{border-top:1px solid #00000012;flex-direction:column;gap:6px;padding:14px 4px;display:flex}.vehicle-review-details dt{letter-spacing:1.1px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.vehicle-review-details dd{color:var(--bento-text-dark,#141416);word-break:break-word;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}[data-theme=dark] .vehicle-step.is-done .vehicle-step-dot{color:#141416;background:#fff}[data-theme=dark] .vehicle-step.is-done:not(:last-child):after{background:#fff}[data-theme=dark] .vehicle-step.is-upcoming .vehicle-step-dot{color:#94a3b8;box-shadow:inset 0 0 0 2px #fff3}[data-theme=dark] .vehicle-step:not(:last-child):after{background:#ffffff1a}[data-theme=dark] .vehicle-step-text strong{color:#f8fafc}[data-theme=dark] .vehicle-choice-tile{color:#f1f5f9;background:#1e232e}[data-theme=dark] .vehicle-choice-tile:hover:not(:disabled){background:#262d3b}[data-theme=dark] .vehicle-choice-desc{color:#94a3b8}[data-theme=dark] .vehicle-itinerary-card,[data-theme=dark] .vehicle-schedule-card,[data-theme=dark] .vehicle-passenger-card-chip{background:#1e232e;border-color:#ffffff14}[data-theme=dark] .vehicle-itinerary-title,[data-theme=dark] .vehicle-passenger-chip-info strong{color:#f8fafc}[data-theme=dark] .vehicle-empty-itinerary{color:#94a3b8;background:#171c26;border-color:#ffffff1a}[data-theme=dark] .vehicle-review-details>div{border-top-color:#ffffff14}[data-theme=dark] .vehicle-review-details dd{color:#f1f5f9}[data-layout-mode=tiles] .outstation-page .grid-4{gap:20px}[data-layout-mode=tiles] .outstation-page .stat-card{cursor:pointer;border:none;border-radius:22px;min-height:140px;padding:24px 26px}[data-layout-mode=tiles] .outstation-page .stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001a}[data-layout-mode=tiles] .outstation-page .stat-card:active{transform:translateY(-1px)scale(.99)}[data-layout-mode=tiles] .outstation-page .stat-card-value{letter-spacing:-1.5px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:900;line-height:1}[data-layout-mode=tiles] .outstation-page .stat-card-label{letter-spacing:-.01em;text-transform:none;color:var(--bento-text-dark,#141416);opacity:.75;font-family:Inter,sans-serif;font-size:13px;font-weight:700}[data-layout-mode=tiles] .outstation-page .ui-card{border:1px solid #0000000d;border-radius:22px;padding:24px 28px;box-shadow:0 4px 16px #00000008}[data-layout-mode=tiles] .outstation-page .os-list-card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:16px 20px;transition:all .22s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .outstation-page .os-list-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000f}[data-layout-mode=tiles] .outstation-page .tabs-bar{border-radius:16px;padding:6px}[data-layout-mode=tiles] .outstation-page .ui-tab{border-radius:12px;font-size:13px;font-weight:700}[data-layout-mode=tiles] .outstation-page .ui-tab.active{box-shadow:0 4px 12px #00000014}[data-layout-mode=tiles] .outstation-page .section-title{letter-spacing:-.5px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:900}[data-layout-mode=tiles] .outstation-page .status-filter-strip{flex-wrap:wrap;gap:8px;display:flex}[data-layout-mode=tiles] .outstation-page .status-filter-pill{letter-spacing:.02em;cursor:pointer;color:var(--bento-text-dark,#141416);background:#fff;border:1.5px solid #00000014;border-radius:12px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:all .2s}[data-layout-mode=tiles] .outstation-page .status-filter-pill:hover{background:var(--bento-gray,#f4f3ef);border-color:#00000026}[data-layout-mode=tiles] .outstation-page .status-filter-pill.active{background:var(--bento-text-dark,#141416);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0000001f}[data-layout-mode=tiles] .outstation-page .os-alert-card{background:#f59e0b0a;border:1px solid #f59e0b26;border-radius:16px;padding:16px 20px}[data-layout-mode=tiles] .outstation-page .os-detail-panel{background:#fff;border:1px solid #0000000d;border-radius:22px;box-shadow:0 8px 32px #00000014}[data-layout-mode=tiles] .outstation-page .os-year-switcher{background:var(--bento-gray,#f4f3ef);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}[data-layout-mode=tiles] .outstation-page .os-year-switcher button{cursor:pointer;width:32px;height:32px;color:var(--bento-text-dark,#141416);background:0 0;border:none;border-radius:10px;place-items:center;transition:all .2s;display:grid}[data-layout-mode=tiles] .outstation-page .os-year-switcher button:hover{background:#0000000f}[data-layout-mode=tiles] .outstation-page .os-year-switcher span{color:var(--bento-text-dark,#141416);padding:0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800}[data-layout-mode=tiles] .outstation-page .grid-2{gap:20px}[data-layout-mode=tiles] .outstation-page .empty-state{padding:40px 20px}.outstation-page>.bento-module-header{margin-bottom:0}.os-year-switch{background:var(--bento-gray,#f0efea);border-radius:9999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.os-year-switch button{width:30px;height:30px;color:var(--bento-text-muted,#64635e);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.os-year-switch button:hover{color:var(--bento-accent,#06f);background:#fff}.os-year-switch strong{text-align:center;min-width:48px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:900}.bento-swipe-panel>.os-tiles-grid{margin-bottom:0}.os-tile-big-stat{letter-spacing:-2.5px;margin:6px 0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(48px,5vw,68px);font-weight:900;line-height:1}.os-tile-destination{letter-spacing:-.6px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:900;line-height:1.15;display:-webkit-box;overflow:hidden}.os-tiles-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.os-reminder-list{flex-direction:column;display:flex}.os-reminder-row{width:100%;font:inherit;text-align:left;color:var(--bento-text-muted,#64635e);cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000f;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.os-reminder-row:first-child{border-top:0}.os-reminder-row:hover strong{color:var(--bento-accent,#06f)}.os-reminder-days{color:#d97706;flex-direction:column;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:900;line-height:1;display:flex}.os-reminder-days small{letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:800}.os-reminder-text{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.os-reminder-text strong{color:var(--bento-text-dark,#141416);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;transition:color .2s;overflow:hidden}@media (width<=960px){.os-tiles-panels{grid-template-columns:1fr}}.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}}.bento-card.payroll-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.bento-card-blue.payroll-tile-active{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.bento-card-dark.payroll-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.bento-card-gray.payroll-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.payroll-tile-active .bento-arrow-btn{transform:rotate(45deg)}.payroll-history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.payroll-history-tile{background:var(--color-surface,#fff);border:1px solid var(--color-neutral-200,#00000014);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:18px 20px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.payroll-history-tile:hover{border-color:color-mix(in srgb, var(--color-module-payroll) 35%, transparent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.payroll-history-tile.active{border-color:var(--color-module-payroll);box-shadow:0 0 0 2px var(--color-module-payroll), 0 8px 24px #0066ff1f}.payroll-history-tile-header{align-items:center;gap:12px;display:flex}.payroll-history-tile-title{flex:1;min-width:0}.payroll-history-tile-title strong{color:var(--color-text-primary);font-size:15px;font-weight:700;display:block}.payroll-history-tile-title span{color:var(--color-text-secondary);margin-top:1px;font-size:11px;display:block}.payroll-history-badge{background:color-mix(in srgb, var(--color-module-payroll) 12%, transparent);color:var(--color-module-payroll);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.payroll-history-tile-amounts{background:var(--color-surface-variant,#f8fafc);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.payroll-amt-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.payroll-amt-row.total{border-top:1px dashed var(--color-neutral-200,#00000014);margin-top:4px;padding-top:6px;font-size:13px}.payroll-history-tile-footer{justify-content:flex-end;align-items:center;display:flex}.payroll-view-link{color:var(--color-module-payroll);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.payroll-lines-table{border:1px solid var(--color-neutral-200,#00000014);border-radius:12px;flex-direction:column;gap:0;margin-top:16px;display:flex;overflow:hidden}.payroll-table-head{background:var(--color-surface-variant,#f8fafc);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);grid-template-columns:120px 1fr 140px;padding:10px 16px;font-size:11px;font-weight:700;display:grid}.payroll-table-row{border-top:1px solid var(--color-neutral-200,#0000000f);background:var(--color-surface,#fff);grid-template-columns:120px 1fr 140px;align-items:center;padding:12px 16px;font-size:13px;transition:background .15s;display:grid}.payroll-table-row:hover{background:var(--color-surface-variant,#f8fafc)}.payroll-code-badge{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success);border-radius:6px;align-items:center;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.payroll-code-badge.deduction{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.payroll-desc{color:var(--color-text-primary);font-weight:600}.payroll-val{text-align:right;font-family:monospace;font-size:13px}.payroll-table-footer{background:var(--color-surface-variant,#f8fafc);border-top:2px solid var(--color-neutral-200,#0000001a);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}[data-theme=dark] .payroll-history-tile{background:#1e232e;border-color:#ffffff14}[data-theme=dark] .payroll-history-tile-amounts{background:#ffffff0a}[data-theme=dark] .payroll-amt-row.total{border-top-color:#ffffff14}[data-theme=dark] .payroll-lines-table{border-color:#ffffff14}[data-theme=dark] .payroll-table-head,[data-theme=dark] .payroll-table-footer{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .payroll-table-row{background:0 0;border-color:#ffffff0f}[data-theme=dark] .payroll-table-row:hover{background:#ffffff0a}.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)}.bento-card.meeting-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.bento-card-blue.meeting-tile-active{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.bento-card-dark.meeting-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.bento-card-gray.meeting-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.meeting-tile-active .bento-arrow-btn{transform:rotate(45deg)}.bento-grid-overview .bento-card{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,filter .2s}.bento-grid-overview .bento-card:hover{transform:translateY(-3px)scale(1.005)}.bento-grid-overview .bento-card:hover .bento-arrow-btn{transform:rotate(45deg)}.meeting-stepper{grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0 28px;padding:0;list-style:none;display:grid}.meeting-step{align-items:center;gap:12px;min-width:0;padding-right:14px;display:flex;position:relative}.meeting-step:not(:last-child):after{content:"";background:#00000014;border-radius:3px;flex:1;min-width:16px;height:3px}.meeting-step.is-done:not(:last-child):after{background:var(--bento-text-dark,#141416)}.meeting-step.is-active:not(:last-child):after{background:linear-gradient(90deg, var(--bento-blue,#06f), #00000014)}.meeting-step-dot{width:38px;height:38px;color:var(--bento-text-muted,#64635e);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:900;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:inset 0 0 0 2px #0000001f}.meeting-step.is-done .meeting-step-dot{background:var(--bento-text-dark,#141416);color:#fff;box-shadow:none}.meeting-step.is-active .meeting-step-dot{background:var(--bento-blue,#06f);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--bento-blue,#06f) 18%, transparent)}.meeting-step-text{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.meeting-step-text small{letter-spacing:1.2px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);font-size:10px;font-weight:800}.meeting-step-text strong{color:var(--bento-text-dark,#141416);text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;overflow:hidden}.meeting-step.is-active .meeting-step-text small{color:var(--bento-blue,#06f)}.meeting-step.is-upcoming .meeting-step-text strong{color:var(--bento-text-muted,#64635e)}@media (width<=768px){.meeting-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meeting-step:not(:last-child):after{display:none}}.meeting-choice-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:8px;display:grid}.meeting-choice-tile{--choice-color:var(--bento-blue,#06f);background:var(--bento-gray,#f0efea);min-height:110px;font:inherit;text-align:left;color:var(--bento-text-dark,#141416);cursor:pointer;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.meeting-choice-tile:hover:not(:disabled){background:var(--bento-gray-hover,#e8e7e2);transform:translateY(-3px)}.meeting-choice-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--choice-color) 45%, transparent);outline-offset:2px}.meeting-choice-icon{background:color-mix(in srgb, var(--choice-color) 16%, #fff);width:40px;height:40px;color:var(--choice-color);border-radius:12px;place-items:center;margin-bottom:auto;transition:background .2s,color .2s;display:grid}.meeting-choice-label{letter-spacing:-.2px;margin-top:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.meeting-choice-desc{color:var(--bento-text-muted,#64635e);font-size:11px;font-weight:600;line-height:1.3}.meeting-choice-check{background:var(--choice-color);color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:12px;right:12px;transform:scale(.5)}.meeting-choice-tile.is-selected{background:color-mix(in srgb, var(--choice-color) 10%, #fff);border-color:var(--choice-color);box-shadow:0 10px 24px color-mix(in srgb, var(--choice-color) 22%, transparent)}.meeting-choice-tile.is-selected .meeting-choice-icon{background:var(--choice-color);color:#fff}.meeting-choice-tile.is-selected .meeting-choice-check{opacity:1;transform:scale(1)}.meeting-room-selection-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px;display:grid}.meeting-room-select-card{background:var(--color-surface,#fff);border:2px solid var(--color-border,#e2e8f0);cursor:pointer;text-align:left;border-radius:20px;flex-direction:column;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.meeting-room-select-card:hover{border-color:var(--bento-blue,#06f);transform:translateY(-2px);box-shadow:0 8px 20px #0066ff14}.meeting-room-select-card.is-selected{border-color:var(--bento-blue,#06f);background:color-mix(in srgb, var(--bento-blue,#06f) 5%, var(--color-surface,#fff));box-shadow:0 8px 24px #0066ff29}.meeting-room-select-card.is-selected .meeting-choice-check{opacity:1;transform:scale(1)}.meeting-review{flex-direction:column;gap:18px;display:flex}.meeting-review-hero{background:var(--bento-dark,#141416);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:24px;padding:24px 28px;display:grid;position:relative;overflow:hidden}.meeting-review-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bento-blue,#06f) 45%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-60px}.meeting-review-type{align-items:center;gap:14px;min-width:0;display:flex}.meeting-review-type-icon{background:var(--bento-blue,#06f);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.meeting-review-type-text{flex-direction:column;gap:3px;min-width:0;display:flex}.meeting-review-hero small{letter-spacing:1.3px;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:800}.meeting-review-type-text strong{letter-spacing:-.4px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:900;line-height:1.15}.meeting-review-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.meeting-review-chips em{background:#ffffff1f;border-radius:9999px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:700}.meeting-review-dates{align-items:center;gap:16px;min-width:0;display:flex}.meeting-review-date{flex-direction:column;min-width:0;display:flex}.meeting-review-date b{letter-spacing:-1.5px;margin:4px 0 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:900;line-height:1}.meeting-review-date span{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.meeting-review-arrow{width:34px;height:34px;color:var(--bento-blue,#06f);background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.meeting-review-pax-badge{background:var(--bento-blue,#06f);color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:96px;padding:14px 18px;display:flex}.meeting-review-pax-badge b{letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;font-size:34px;font-weight:900;line-height:1}.meeting-review-pax-badge span{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}@media (width<=800px){.meeting-review-hero{grid-template-columns:1fr;gap:18px}}.meeting-review-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;display:grid}@media (width<=700px){.meeting-review-details{grid-template-columns:1fr}}.meeting-review-details>div{border-top:1px solid #00000012;flex-direction:column;gap:6px;padding:14px 4px;display:flex}.meeting-review-details dt{letter-spacing:1.1px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.meeting-review-details dd{color:var(--bento-text-dark,#141416);word-break:break-word;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}[data-theme=dark] .bento-card-gray{color:#f1f5f9!important;background-color:#1e232e!important;border-color:#ffffff14!important}[data-theme=dark] .bento-card-gray .bento-card-title,[data-theme=dark] .bento-card-gray .bento-card-icon{color:#f8fafc!important}[data-theme=dark] .bento-card-gray .bento-card-desc{color:#94a3b8!important}[data-theme=dark] .bento-card-gray .bento-arrow-btn{color:#f8fafc!important;background:#2d3748!important}[data-theme=dark] .bento-card-gray:hover{background-color:#262d3b!important}[data-theme=dark] .meeting-step.is-done .meeting-step-dot{color:#141416;background:#fff}[data-theme=dark] .meeting-step.is-done:not(:last-child):after{background:#fff}[data-theme=dark] .meeting-step.is-upcoming .meeting-step-dot{color:#94a3b8;box-shadow:inset 0 0 0 2px #fff3}[data-theme=dark] .meeting-step:not(:last-child):after{background:#ffffff1a}[data-theme=dark] .meeting-step-text strong{color:#f8fafc}[data-theme=dark] .meeting-choice-tile,[data-theme=dark] .meeting-room-select-card{color:#f1f5f9;background:#1e232e;border-color:#ffffff14}[data-theme=dark] .meeting-choice-tile:hover:not(:disabled),[data-theme=dark] .meeting-room-select-card:hover{background:#262d3b}[data-theme=dark] .meeting-choice-desc{color:#94a3b8}[data-theme=dark] .meeting-review-details>div{border-top-color:#ffffff14}[data-theme=dark] .meeting-review-details dd{color:#f1f5f9}.profile-page{flex-direction:column;gap:28px;display:flex}.profile-page>.bento-module-header{margin-bottom:0}.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-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.profile-input-wrapper input{width:100%}.profile-input-wrapper .profile-input-lock{color:var(--color-neutral-400,#94a3b8);pointer-events:none;position:absolute;right:12px}.profile-field input[readonly]{cursor:not-allowed;border-color:var(--color-neutral-200,#e2e8f0);opacity:.9;padding-right:34px;background:var(--color-neutral-100,#f1f5f9)!important;color:var(--color-text-secondary,#64748b)!important}.profile-field input[readonly]:hover,.profile-field input[readonly]:focus{border-color:var(--color-neutral-200,#e2e8f0);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%}}[data-layout-mode=tiles] .bento-card.profile-tile-active{z-index:3;transform:translateY(-3px)scale(1.01);box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 16px 36px #0066ff3d!important}[data-layout-mode=tiles] .bento-card-dark.profile-tile-active{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 16px 36px #00000080!important}[data-layout-mode=tiles] .bento-card-blue.profile-tile-active{box-shadow:0 0 0 3px #fff,0 16px 36px #0066ff59!important}[data-layout-mode=tiles] .profile-tile-active .bento-arrow-btn{transform:rotate(45deg);background:var(--bento-blue,#06f)!important;color:#fff!important}[data-layout-mode=tiles] .bento-card-blue.profile-tile-active .bento-arrow-btn{color:var(--bento-blue,#06f)!important;background:#fff!important}.profile-bento-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=1024px){.profile-bento-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.profile-bento-secondary-grid{grid-template-columns:1fr}}[data-layout-mode=tiles] .profile-hero-card{background:var(--bento-accent-gradient,linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%));box-shadow:0 10px 30px -5px var(--bento-accent-glow);border:1px solid #fff3;border-radius:24px}[data-layout-mode=tiles] .profile-info-card,[data-layout-mode=tiles] .profile-collection-card,[data-layout-mode=tiles] .profile-timeline-card,[data-layout-mode=tiles] .profile-signature-card,[data-layout-mode=tiles] .profile-upload-card,[data-layout-mode=tiles] .profile-note-card{background:#fff;border:1px solid #00000012;border-radius:24px;padding:28px;transition:box-shadow .2s,border-color .2s;box-shadow:0 4px 20px -2px #0000000a}[data-layout-mode=tiles] [data-mode=dark] .profile-info-card,[data-layout-mode=tiles] [data-mode=dark] .profile-collection-card,[data-layout-mode=tiles] [data-mode=dark] .profile-timeline-card,[data-layout-mode=tiles] [data-mode=dark] .profile-signature-card,[data-layout-mode=tiles] [data-mode=dark] .profile-upload-card,[data-layout-mode=tiles] [data-mode=dark] .profile-note-card{background:#141416;border-color:#ffffff14;box-shadow:0 6px 24px -4px #00000059}[data-layout-mode=tiles] .profile-detail-field{background:#f9fafb;border:1px solid #0000000d;border-radius:16px;padding:14px 18px;transition:background .15s,border-color .15s}[data-layout-mode=tiles] [data-mode=dark] .profile-detail-field{background:#ffffff0a;border-color:#ffffff0f}[data-layout-mode=tiles] .profile-detail-field-icon{color:var(--bento-blue,#06f);background:#0066ff14;border-radius:12px}[data-layout-mode=tiles] [data-mode=dark] .profile-detail-field-icon{color:#60a5fa;background:#0066ff2e}[data-layout-mode=tiles] .profile-card-kicker{color:var(--bento-blue,#06f)}[data-layout-mode=tiles] [data-mode=dark] .profile-card-kicker{color:#60a5fa}[data-layout-mode=tiles] .profile-collection-item{background:#f9fafb;border:1px solid #0000000f;border-radius:20px;padding:22px;transition:transform .2s,box-shadow .2s}[data-layout-mode=tiles] [data-mode=dark] .profile-collection-item{background:#ffffff08;border-color:#ffffff12}[data-layout-mode=tiles] .profile-collection-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.profile-family-switcher{background:#0000000a;border-radius:16px;align-items:center;gap:8px;margin-bottom:20px;padding:5px;display:inline-flex}[data-mode=dark] .profile-family-switcher{background:#ffffff0f}.profile-subtab-btn{color:var(--color-text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.profile-subtab-btn:hover{color:var(--color-text,#111827)}.profile-subtab-btn.active{color:var(--bento-blue,#06f);background:#fff;font-weight:700;box-shadow:0 2px 10px #00000014}[data-mode=dark] .profile-subtab-btn.active{color:#60a5fa;background:#1f2937}.bento-swipe-panel>.bento-grid-overview,.bento-swipe-panel>.profile-bento-secondary-grid{margin-bottom:0!important}.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(7,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}}.deck{flex-direction:column;gap:30px;display:flex}.deck-bar-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.deck-bar{background:var(--bento-gray,#f0efea);border:2px solid #0000;border-radius:9999px;align-items:center;gap:12px;width:min(760px,100%);padding:6px 8px 6px 20px;transition:border-color .2s,background .2s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #0000000d}.deck-bar:focus-within{border-color:var(--bento-accent,#06f);box-shadow:0 16px 40px var(--bento-accent-glow,#0066ff38);background:#fff}.deck-bar-icon{color:var(--bento-accent,#06f);flex-shrink:0}.deck-bar input{min-width:0;color:var(--bento-text-dark,#141416);background:0 0;border:0;outline:none;flex:1;padding:14px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.deck-bar input::placeholder{color:var(--bento-text-muted,#64635e);font-weight:600}.deck-bar-enter{background:var(--bento-text-dark,#141416);color:#fff;cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;align-items:center;gap:7px;padding:11px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;transition:background .2s;display:inline-flex}.deck-bar-enter:hover{background:var(--bento-accent,#06f)}.deck-hints{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.deck-hints button{color:var(--bento-text-muted,#64635e);cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:9999px;padding:7px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.deck-hints button:hover{background:var(--bento-text-dark,#141416);color:#fff;border-color:#0000}.deck-answer{background:var(--bento-dark,#141416);color:#fff;border-radius:26px;padding:24px 26px;animation:.4s cubic-bezier(.22,1,.36,1) deck-rise;position:relative;overflow:hidden}.deck-answer:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bento-accent,#06f) 45%, transparent), transparent 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-70px}.deck-answer-tag{background:var(--bento-accent,#06f);letter-spacing:1.2px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:900;display:inline-flex}.deck-answer-q{color:#fff;letter-spacing:-.5px;margin:12px 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:900}.deck-answer-reply{color:#ffffffc7;max-width:62ch;margin:0;font-size:14px;font-weight:500;line-height:1.6}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px;display:grid}.deck-tile{background:var(--bento-gray,#f0efea);min-height:158px;font:inherit;text-align:left;color:var(--bento-text-dark,#141416);cursor:pointer;animation:.45s cubic-bezier(.22,1,.36,1) both deck-rise;animation-delay:calc(var(--i,0) * 35ms);border:0;border-radius:26px;flex-direction:column;gap:16px;padding:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .25s,opacity .25s;display:flex;position:relative}.deck-tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px #00000017}.deck-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--bento-accent,#06f) 45%, transparent);outline-offset:2px}.deck-tile.is-lead{background:var(--bento-accent-gradient,var(--bento-accent,#06f));color:#fff;box-shadow:0 18px 40px var(--bento-accent-glow,#0066ff4d)}.deck-tile-icon{width:48px;height:48px;color:var(--bento-accent,#06f);background:#fff;border-radius:16px;place-items:center;display:grid}.deck-tile.is-lead .deck-tile-icon{color:#fff;background:#fff3}.deck-tile-arrow{color:var(--bento-text-muted,#64635e);opacity:0;transition:opacity .2s,transform .25s;position:absolute;top:20px;right:20px;transform:translate(-4px,4px)}.deck-tile:hover .deck-tile-arrow{opacity:1;transform:none}.deck-tile.is-lead .deck-tile-arrow{color:#fff;opacity:.9}.deck-tile-text{flex-direction:column;gap:4px;margin-top:auto;display:flex}.deck-tile-text strong{letter-spacing:-.3px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:900}.deck-tile-text span{color:var(--bento-text-muted,#64635e);font-size:12px;font-weight:600}.deck-tile.is-lead .deck-tile-text span{color:#ffffffd9}.deck-people header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.deck-people h2{letter-spacing:1.3px;text-transform:uppercase;color:var(--bento-text-muted,#64635e);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.deck-people-new{background:var(--bento-gray,#f0efea);color:var(--bento-text-dark,#141416);cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:7px;padding:9px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.deck-people-new:hover{background:var(--bento-text-dark,#141416);color:#fff}.deck-people-row{scrollbar-width:none;gap:20px;padding-bottom:6px;display:flex;overflow-x:auto}.deck-people-row::-webkit-scrollbar{display:none}.deck-person{width:78px;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.deck-person-avatar{background:var(--bento-text-dark,#141416);color:#fff;width:62px;height:62px;box-shadow:0 0 0 3px #fff, 0 0 0 5px color-mix(in srgb, var(--bento-accent,#06f) 35%, transparent);border-radius:50%;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:900;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;overflow:visible}.deck-person-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.deck-person:hover .deck-person-avatar{transform:translateY(-4px)scale(1.05)}.deck-person.is-new .deck-person-avatar{background:var(--bento-gray,#f0efea);color:var(--bento-text-dark,#141416);box-shadow:inset 0 0 0 2px #0000001f}.deck-person-avatar em{background:#ef4444;border:2px solid #fff;border-radius:9999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-2px;right:-2px}.deck-person-name{max-width:100%;color:var(--bento-text-dark,#141416);white-space:nowrap;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;overflow:hidden}.deck-people-empty{color:var(--bento-text-muted,#64635e);align-self:center;margin:0;font-size:13px;font-weight:600}.deck-sheet-overlay{z-index:900;background:#1414164d;place-items:center;padding:16px;animation:.2s deck-fade;display:grid;position:fixed;inset:0}.deck-sheet{background:#fff;border-radius:30px;flex-direction:column;width:min(520px,100%);max-height:min(78vh,680px);animation:.3s cubic-bezier(.22,1,.36,1) deck-rise;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000040}.deck-sheet header{justify-content:space-between;align-items:center;padding:22px 24px 4px;display:flex}.deck-sheet h2{letter-spacing:-.5px;color:var(--bento-text-dark,#141416);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:900}.deck-sheet-search{align-items:center;margin:14px 24px 8px;display:flex;position:relative}.deck-sheet-search svg{color:var(--bento-text-muted,#64635e);position:absolute;left:16px}.deck-sheet-search input{background:var(--bento-gray,#f0efea);border:2px solid #0000;border-radius:9999px;outline:none;width:100%;padding:12px 16px 12px 42px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600}.deck-sheet-search input:focus{border-color:var(--bento-accent,#06f);background:#fff}.deck-sheet-list{flex:1;padding:8px 16px 18px;overflow-y:auto}.deck-sheet-row{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:14px;padding:10px 12px;transition:background .18s;display:flex}.deck-sheet-row:hover{background:var(--bento-gray,#f0efea)}.deck-sheet-row .deck-person-avatar{width:46px;height:46px;box-shadow:none;font-size:16px}.deck-sheet-who{flex-direction:column;gap:2px;min-width:0;display:flex}.deck-sheet-who strong{color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800}.deck-sheet-who span{color:var(--bento-text-muted,#64635e);font-size:12px}.deck-chat{flex-direction:column;gap:18px;height:calc(100vh - 260px);min-height:420px;display:flex}.deck-chat-head{align-items:center;gap:14px;display:flex}.deck-icon-btn{background:var(--bento-gray,#f0efea);width:42px;height:42px;color:var(--bento-text-dark,#141416);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:15px;transition:background .2s,color .2s;display:grid}.deck-icon-btn:hover{background:var(--bento-text-dark,#141416);color:#fff}.deck-chat-avatar{background:var(--bento-text-dark,#141416);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:900;display:grid;overflow:hidden}.deck-chat-avatar.is-ara{background:var(--bento-accent-gradient,var(--bento-accent,#06f))}.deck-chat-avatar img{object-fit:cover;width:100%;height:100%}.deck-chat-who{flex-direction:column;min-width:0;display:flex}.deck-chat-who strong{letter-spacing:-.4px;color:var(--bento-text-dark,#141416);font-family:Plus Jakarta Sans,sans-serif;font-size:19px;font-weight:900}.deck-chat-who span{color:var(--bento-text-muted,#64635e);font-size:12px;font-weight:600}.deck-thread{flex-direction:column;flex:1;gap:10px;padding:4px 2px;display:flex;overflow-y:auto}.deck-thread-empty{color:var(--bento-text-muted,#64635e);margin:auto;font-weight:600}.deck-bubble{background:var(--bento-gray,#f0efea);max-width:min(560px,78%);color:var(--bento-text-dark,#141416);border-radius:22px 22px 22px 6px;padding:13px 18px;animation:.28s cubic-bezier(.22,1,.36,1) deck-rise}.deck-bubble.is-mine{background:var(--bento-accent-gradient,var(--bento-accent,#06f));color:#fff;border-radius:22px 22px 6px;align-self:flex-end}.deck-bubble p{color:inherit;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;font-weight:500;line-height:1.5}.deck-bubble time{opacity:.6;margin-top:5px;font-size:10px;font-weight:700;display:block}.deck-composer{background:var(--bento-gray,#f0efea);border:2px solid #0000;border-radius:9999px;align-items:center;gap:10px;padding:6px 6px 6px 20px;transition:border-color .2s,background .2s;display:flex}.deck-composer:focus-within{border-color:var(--bento-accent,#06f);background:#fff}.deck-composer input{min-width:0;color:var(--bento-text-dark,#141416);background:0 0;border:0;outline:none;flex:1;padding:13px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600}.deck-send{background:var(--bento-accent,#06f);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:grid}.deck-send:hover:not(:disabled){transform:scale(1.06)}.deck-send:disabled{opacity:.4;cursor:not-allowed}@keyframes deck-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes deck-fade{0%{opacity:0}to{opacity:1}}@media (width<=700px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.deck-tile{min-height:140px;padding:16px}.deck-bar input{font-size:15px}}@media (prefers-reduced-motion:reduce){.deck-tile,.deck-person-avatar,.deck-send{transition:none}.deck-tile,.deck-answer,.deck-bubble,.deck-sheet{animation:none}}[data-layout-mode=tiles] .settings-role-badge{color:var(--bento-blue,#06f);letter-spacing:.02em;background:#0066ff14;border:1px solid #0066ff1f;border-radius:12px;padding:7px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}[data-layout-mode=tiles] .settings-card{background:#fff;border:1px solid #0000000d;border-radius:22px;margin-bottom:20px;padding:24px 28px;box-shadow:0 4px 16px #00000008}[data-layout-mode=tiles] .settings-row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 0;display:flex}[data-layout-mode=tiles] .settings-row:last-child{border-bottom:none}[data-layout-mode=tiles] .settings-row-label{color:#141416;letter-spacing:-.2px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}[data-layout-mode=tiles] .settings-row-desc{color:#78766f;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}[data-layout-mode=tiles] .settings-toggle{cursor:pointer;border:none;border-radius:13px;width:48px;height:26px;transition:background .25s;position:relative}[data-layout-mode=tiles] .settings-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;box-shadow:0 2px 6px #00000026}[data-layout-mode=tiles] .settings-theme-btn{letter-spacing:.02em;cursor:pointer;border:1.5px solid;border-radius:16px;flex:1;padding:14px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .22s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .settings-theme-btn:hover{transform:translateY(-2px)}[data-layout-mode=tiles] .settings-theme-btn.active{transform:scale(1.02)}[data-layout-mode=tiles] .settings-logout-btn{letter-spacing:.02em;border-radius:16px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .22s}[data-layout-mode=tiles] .settings-icon{background:var(--bento-gray,#f4f3ef);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}[data-layout-mode=tiles] .settings-select{background:var(--bento-gray,#f4f3ef);color:#141416;cursor:pointer;border:1px solid #0000000f;border-radius:14px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}[data-layout-mode=tiles] .settings-select:hover{border-color:#06f3}.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%);min-height:40px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;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}}.staff-movement-page{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.sm-header-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.sm-date-pills{background:var(--color-neutral-100,#f0efea);border:1px solid var(--color-border,#0000000f);border-radius:9999px;align-items:center;gap:3px;padding:4px;display:inline-flex}.sm-date-pill{color:var(--color-text-tertiary,#64635e);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.sm-date-pill:hover{color:var(--color-text-primary,#141416)}.sm-date-pill.active{background:var(--color-surface,#fff);color:var(--color-text-primary,#141416);font-weight:800;box-shadow:0 2px 8px #00000014}.sm-btn-action{border:1px solid var(--color-border,#0000001a);background:var(--color-surface,#fff);color:var(--color-text-primary,#141416);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.sm-btn-action:hover{background:var(--color-neutral-50,#f8f9fa);border-color:var(--color-neutral-300,#0000002e);box-shadow:0 2px 6px #0000000d}.sm-btn-icon-only{border:1px solid var(--color-border,#0000001a);background:var(--color-surface,#fff);width:38px;height:38px;color:var(--color-text-primary,#141416);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:all .2s;display:grid}.sm-btn-icon-only:hover{background:var(--color-neutral-50,#f8f9fa);border-color:var(--color-neutral-300,#0000002e)}.sm-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sm-filter-pill{border:1px solid var(--color-border,#00000014);background:var(--color-surface,#fff);color:var(--color-text-secondary,#475467);cursor:pointer;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.sm-filter-pill:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sm-filter-pill.active{border-width:2px;font-weight:800;box-shadow:0 4px 14px #00000014}.sm-pill-badge{border-radius:9999px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.sm-search-wrap{width:100%;position:relative}.sm-search-icon{color:var(--color-text-tertiary,#64635e);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sm-search-input{border:1px solid var(--color-border,#0000001a);background:var(--color-surface,#fff);width:100%;color:var(--color-text-primary,#141416);border-radius:16px;outline:none;padding:13px 44px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #00000005}.sm-search-input:focus{border-color:#0a7aff;box-shadow:0 0 0 3px #0a7aff26}.sm-search-clear{background:var(--color-neutral-100,#f0efea);width:26px;height:26px;color:var(--color-text-tertiary,#64635e);cursor:pointer;border:none;border-radius:50%;place-items:center;transition:all .15s;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sm-search-clear:hover{background:var(--color-neutral-200,#e2e8f0);color:var(--color-text-primary,#141416)}.sm-group-section{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sm-group-header{border-bottom:1.5px solid var(--color-border,#0000000f);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:10px;display:flex}.sm-group-header-left{align-items:center;gap:10px;display:flex}.sm-group-icon-wrap{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.sm-group-title{color:var(--color-text-primary,#141416);letter-spacing:-.4px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.sm-group-count-pill{color:#fff;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:800}.sm-group-desc{color:var(--color-text-tertiary,#64635e);font-size:12px;font-weight:600}.sm-avatars-grid{grid-template-columns:repeat(auto-fill,minmax(115px,135px));justify-content:start;gap:22px 16px;padding:6px 0 10px;display:grid}.sm-avatar-item{text-align:center;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:16px;outline:none;flex-direction:column;align-items:center;width:100%;padding:6px 4px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.sm-avatar-item:hover{transform:translateY(-4px)}.sm-avatar-item:focus-visible{outline-offset:4px;outline:2px solid #0a7aff}.sm-avatar-wrap{margin-bottom:8px;display:inline-block;position:relative}.sm-avatar-img{object-fit:cover;background:var(--color-neutral-100,#f0efea);border-style:solid;border-width:3.5px;border-radius:50%;width:78px;height:78px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:block}.sm-avatar-item:hover .sm-avatar-img{transform:scale(1.08);box-shadow:0 10px 24px #00000026}.sm-avatar-status-dot{border:3px solid var(--color-surface,#fff);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 6px #00000029}.sm-avatar-item:hover .sm-avatar-status-dot{transform:scale(1.1)}.sm-avatar-name{color:var(--color-text-primary,#141416);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:120px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:800;line-height:1.25;overflow:hidden}.sm-avatar-context-pill{white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;max-width:120px;margin-top:6px;padding:3px 9px;font-size:10.5px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.sm-avatar-context-pill svg{flex-shrink:0}.sm-empty-box{text-align:center;border:1.5px dashed var(--color-border,#0000001f);background:var(--color-surface,#fff);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 20px;display:flex}.sm-empty-title{color:var(--color-text-primary,#141416);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800}.sm-empty-desc{color:var(--color-text-tertiary,#64635e);margin:0;font-size:13px}@media (width<=640px){.sm-avatars-grid{grid-template-columns:repeat(auto-fill,minmax(92px,110px));gap:16px 10px}.sm-avatar-img{border-width:3px;width:68px;height:68px}.sm-avatar-status-dot{border-width:2.5px;width:15px;height:15px}.sm-avatar-name{max-width:95px;font-size:12px}.sm-avatar-context-pill{max-width:95px;padding:2px 7px;font-size:9.5px}}[data-theme=dark] .sm-date-pills{background:#1e232e;border-color:#ffffff14}[data-theme=dark] .sm-date-pill{color:#94a3b8}[data-theme=dark] .sm-date-pill.active{color:#f8fafc;background:#2d3748}[data-theme=dark] .sm-btn-action,[data-theme=dark] .sm-btn-icon-only{color:#f1f5f9;background:#1e232e;border-color:#ffffff1a}[data-theme=dark] .sm-btn-action:hover,[data-theme=dark] .sm-btn-icon-only:hover{background:#262d3b}[data-theme=dark] .sm-filter-pill{color:#94a3b8;background:#1e232e;border-color:#ffffff14}[data-theme=dark] .sm-search-input{color:#f1f5f9;background:#1e232e;border-color:#ffffff1a}[data-theme=dark] .sm-search-clear{color:#cbd5e1;background:#2d3748}[data-theme=dark] .sm-group-header{border-bottom-color:#ffffff14}[data-theme=dark] .sm-group-title{color:#f1f5f9}[data-theme=dark] .sm-group-desc{color:#94a3b8}[data-theme=dark] .sm-avatar-status-dot{border-color:#1e232e}[data-theme=dark] .sm-avatar-name{color:#f1f5f9}[data-theme=dark] .sm-empty-box{background:#1e232e;border-color:#ffffff1a}[data-theme=dark] .sm-empty-title{color:#f1f5f9}[data-theme=dark] .sm-empty-desc{color:#94a3b8}.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(5,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}.approvals-bento-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}@media (width>=960px){.approvals-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}.approvals-tile-leave{grid-area:1/1/span 2;min-height:300px}.approvals-tile-attendance{grid-area:1/2/span 2;min-height:300px}.approvals-tile-outstation{grid-area:1/3}.approvals-tile-claim{grid-area:2/3}.approvals-tile-exit{grid-area:1/4}.approvals-tile-refresh{grid-area:2/4}}.attendance-waive-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;display:flex;padding:24px!important}.attendance-waive-card-header{align-items:center;gap:14px;display:flex}.attendance-waive-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.attendance-waive-card-name{color:#0f172a;text-transform:uppercase;font-size:15px;font-weight:800}.attendance-waive-card-dept{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:700}.attendance-waive-grid{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;padding:16px;display:grid}.attendance-waive-field{flex-direction:column;gap:4px;display:flex}.attendance-waive-reason-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;padding:12px 14px}.attendance-waive-reason-label{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.attendance-waive-reason-value{color:#1e293b;font-size:13px;font-weight:600;line-height:1.5}.attendance-waive-attachment-row{margin-top:12px}.attendance-waive-card-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.attendance-waive-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}.attendance-waive-btn-action:hover{transform:scale(1.03)}.attendance-waive-btn-action.approve{color:#065f46;background:#d1fae5;border-color:#059669}.attendance-waive-btn-action.reject{color:#991b1b;background:#fee2e2;border-color:#dc2626}@media (width<=640px){.attendance-waive-grid{grid-template-columns:repeat(2,1fr)}}.approvals-tile-active{filter:brightness(1.05);transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-3px)scale(1.01)!important}.approvals-tile-active.bento-card-blue{box-shadow:0 0 0 3px #fff,0 14px 36px #0066ff59!important}.approvals-tile-active.bento-card-dark{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff40!important}.approvals-tile-active.bento-card-gray{box-shadow:0 0 0 3px var(--bento-blue,#06f), 0 14px 36px #0066ff38!important}.approvals-tile-active .bento-arrow-btn{background:#ffffff40;transform:rotate(45deg)}.approvals-tile-active.bento-card-gray .bento-arrow-btn{background:var(--bento-blue,#06f);color:#fff}.approvals-tile-refresh:disabled{opacity:.65;cursor:wait}[data-layout-mode=tiles] .actions-dashboard-card{background:var(--bento-accent,#141416);border:none;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px -8px #0000002e}[data-layout-mode=tiles] .actions-dashboard-topbar{background:0 0;border-bottom:1px solid #ffffff14;padding:28px 32px 20px}[data-layout-mode=tiles] .actions-dashboard-label{color:#ffffff8c;letter-spacing:1.6px;text-transform:uppercase;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:800}[data-layout-mode=tiles] .actions-dashboard-total{color:#fff;letter-spacing:-2px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:900}[data-layout-mode=tiles] .actions-refresh-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .22s cubic-bezier(.34,1.56,.64,1);color:#fffc!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}[data-layout-mode=tiles] .actions-refresh-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff29!important;border-color:#ffffff38!important}[data-layout-mode=tiles] .actions-tab-strip{background:#ffffff0a;border-bottom:none;gap:6px;padding:8px 24px 12px}[data-layout-mode=tiles] .actions-tab-pill{color:#ffffff80;border-radius:12px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .22s cubic-bezier(.34,1.56,.64,1)}[data-layout-mode=tiles] .actions-tab-pill:after{display:none}[data-layout-mode=tiles] .actions-tab-pill:hover{color:#ffffffd9;background:#ffffff0f}[data-layout-mode=tiles] .actions-tab-pill.active{color:#fff;background:#ffffff1f}[data-layout-mode=tiles] .actions-tab-count{color:#ffffffb3;background:#ffffff1f;border-radius:8px;padding:2px 7px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:800}[data-layout-mode=tiles] .actions-tab-pill.active .actions-tab-count{color:#fff;background:#ef4444}[data-layout-mode=tiles] .actions-tab-count--red{color:#fff!important;background:#ef4444b3!important}[data-layout-mode=tiles] .actions-list-card{background:#fff;border:1px solid #0000000f;border-radius:24px;padding:28px 28px 24px;box-shadow:0 4px 16px #0000000a}[data-layout-mode=tiles] .actions-list-title{color:#141416;letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}[data-layout-mode=tiles] .actions-list-subtitle{color:#78766f;font-family:Inter,sans-serif;font-size:13px;font-weight:500}[data-layout-mode=tiles] .actions-item-card{background:var(--bento-gray,#f4f3ef);box-shadow:none;border:1px solid #0000000f;border-radius:20px;transition:all .22s cubic-bezier(.34,1.56,.64,1);padding:22px 24px!important}[data-layout-mode=tiles] .actions-item-card:hover{background:#fff;border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000014}[data-layout-mode=tiles] .actions-item-name{color:#141416;letter-spacing:-.3px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800}[data-layout-mode=tiles] .actions-item-user-meta{letter-spacing:.08em;color:#78766f;font-family:Inter,sans-serif;font-size:10px;font-weight:700}[data-layout-mode=tiles] .actions-item-year{color:#64635e;background:#0000000d;border-radius:10px;padding:3px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:800}[data-layout-mode=tiles] .actions-item-main-section{background:#00000006;border:1px solid #0000000d;border-radius:14px}[data-layout-mode=tiles] .actions-item-card .ui-btn.primary{letter-spacing:.02em;border-radius:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;box-shadow:0 4px 12px #10b9814d}[data-layout-mode=tiles] .actions-item-card .ui-btn.secondary,[data-layout-mode=tiles] .actions-item-card .ui-btn.ghost{border-radius:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}[data-layout-mode=tiles] .actions-item-card .ui-btn.danger{border-radius:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;box-shadow:0 4px 12px #ef444433}[data-layout-mode=tiles] .actions-list-header .ui-btn.ghost{background:var(--bento-gray,#f4f3ef);color:#64635e;border:1px solid #0000000f;border-radius:12px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}[data-layout-mode=tiles] .actions-list-header .ui-btn.ghost:hover{color:var(--bento-accent,#06f);background:#fff;border-color:#06f3;box-shadow:0 4px 12px #0000000a}[data-layout-mode=tiles] .approvals-page input[type=text],[data-layout-mode=tiles] .approvals-page input[type=search],[data-layout-mode=tiles] .approvals-page .ui-input{background:var(--bento-gray,#f4f3ef);border:1px solid #00000014;border-radius:14px;font-family:Inter,sans-serif;font-size:13px}[data-layout-mode=tiles] .approvals-page select{background:var(--bento-gray,#f4f3ef);border:1px solid #00000014;border-radius:14px;font-family:Inter,sans-serif}[data-layout-mode=tiles] .approvals-page .modal-content{border:1px solid #0000000f;border-radius:24px;box-shadow:0 32px 64px -16px #0003}[data-layout-mode=tiles] .actions-item-card .avatar{border-radius:14px}[data-layout-mode=tiles] .actions-item-card{border-left:4px solid var(--bento-blue,#06f)!important}[data-layout-mode=tiles] .actions-item-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px -4px #0066ff1f;border-left-color:var(--bento-blue,#06f)!important}[data-layout-mode=tiles] .actions-list-title{color:#141416;letter-spacing:-.02em}[data-theme=dark] [data-layout-mode=tiles] .actions-list-card,[data-mode=dark] [data-layout-mode=tiles] .actions-list-card{background:#18191c;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d}[data-theme=dark] [data-layout-mode=tiles] .actions-list-title,[data-mode=dark] [data-layout-mode=tiles] .actions-list-title{color:#fff}[data-theme=dark] [data-layout-mode=tiles] .actions-list-subtitle,[data-mode=dark] [data-layout-mode=tiles] .actions-list-subtitle{color:#ffffff8c}[data-theme=dark] [data-layout-mode=tiles] .actions-item-card,[data-mode=dark] [data-layout-mode=tiles] .actions-item-card{background:#1f2024;border-color:#ffffff14}[data-theme=dark] [data-layout-mode=tiles] .actions-item-card:hover,[data-mode=dark] [data-layout-mode=tiles] .actions-item-card:hover{background:#25272c;border-color:#ffffff26}[data-theme=dark] [data-layout-mode=tiles] .actions-item-name,[data-mode=dark] [data-layout-mode=tiles] .actions-item-name{color:#fff}[data-theme=dark] [data-layout-mode=tiles] .actions-item-user-meta,[data-mode=dark] [data-layout-mode=tiles] .actions-item-user-meta{color:#ffffff80}[data-theme=dark] [data-layout-mode=tiles] .actions-item-main-section,[data-mode=dark] [data-layout-mode=tiles] .actions-item-main-section{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] [data-layout-mode=tiles] .actions-item-field-value,[data-mode=dark] [data-layout-mode=tiles] .actions-item-field-value{color:#fff}[data-theme=dark] [data-layout-mode=tiles] .actions-item-period-section,[data-mode=dark] [data-layout-mode=tiles] .actions-item-period-section{background:#ffffff05;border-color:#ffffff14}[data-theme=dark] [data-layout-mode=tiles] .actions-item-reason-box,[data-mode=dark] [data-layout-mode=tiles] .actions-item-reason-box{color:#ffffffd9;background:#ffffff0a;border-left-color:#fff3}[data-theme=dark] [data-layout-mode=tiles] .actions-item-year,[data-mode=dark] [data-layout-mode=tiles] .actions-item-year{color:#ffffffb3;background:#ffffff14}[data-theme=dark] [data-layout-mode=tiles] .actions-list-header .ui-btn.ghost,[data-mode=dark] [data-layout-mode=tiles] .actions-list-header .ui-btn.ghost{color:#fffc;background:#25272c;border-color:#ffffff1a}[data-theme=dark] [data-layout-mode=tiles] .actions-list-header .ui-btn.ghost:hover,[data-mode=dark] [data-layout-mode=tiles] .actions-list-header .ui-btn.ghost:hover{color:#fff;background:#2e3037}[data-theme=dark] [data-layout-mode=tiles] .approvals-page input[type=text],[data-theme=dark] [data-layout-mode=tiles] .approvals-page input[type=search],[data-theme=dark] [data-layout-mode=tiles] .approvals-page .ui-input,[data-theme=dark] [data-layout-mode=tiles] .approvals-page select,[data-mode=dark] [data-layout-mode=tiles] .approvals-page input[type=text],[data-mode=dark] [data-layout-mode=tiles] .approvals-page input[type=search],[data-mode=dark] [data-layout-mode=tiles] .approvals-page .ui-input,[data-mode=dark] [data-layout-mode=tiles] .approvals-page select{color:#fff;background:#25272c;border-color:#ffffff1f}.actions-tab-pill.active[data-tab=leave]{color:#3b82f6}.actions-tab-pill.active[data-tab=leave]:after{background:#3b82f6}.actions-tab-pill.active[data-tab=leave] .actions-tab-count{color:#fff;background:#3b82f6}.actions-tab-pill.active[data-tab=outstation]{color:#f59e0b}.actions-tab-pill.active[data-tab=outstation]:after{background:#f59e0b}.actions-tab-pill.active[data-tab=outstation] .actions-tab-count{color:#fff;background:#f59e0b}.actions-tab-pill.active[data-tab=claim]{color:#10b981}.actions-tab-pill.active[data-tab=claim]:after{background:#10b981}.actions-tab-pill.active[data-tab=claim] .actions-tab-count{color:#fff;background:#10b981}.actions-tab-pill.active[data-tab=exit-permit]{color:#8b5cf6}.actions-tab-pill.active[data-tab=exit-permit]:after{background:#8b5cf6}.actions-tab-pill.active[data-tab=exit-permit] .actions-tab-count{color:#fff;background:#8b5cf6}.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-balance-bar-breakdown{border-top:1px dashed color-mix(in srgb, var(--eli-bar-color,var(--color-border)) 25%, transparent);color:var(--color-text-secondary);align-items:center;gap:8px;margin-top:6px;padding-top:6px;font-size:11px;display:flex}.eli-balance-bar-breakdown strong{color:var(--color-text-primary);font-weight:700}.eli-breakdown-bullet{color:var(--color-text-tertiary);font-size:10px}.eli-annual-quota-edit-container{flex-direction:column;gap:8px;display:flex}.eli-annual-quota-calc-row{border-top:1px dashed color-mix(in srgb, var(--eli-bar-color,var(--color-border)) 25%, transparent);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;padding-top:6px;font-size:11.5px;display:flex}.eli-annual-quota-calc-row strong{color:var(--eli-bar-color,var(--color-primary));font-weight:800}.eli-quota-calc-sub{color:var(--color-text-tertiary);font-size:10.5px}.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-spinner-input{text-align:center;border:1.5px solid color-mix(in srgb, var(--eli-bar-color,var(--color-primary)) 30%, transparent);border-radius:var(--radius-sm,6px);background:var(--color-surface);width:48px;height:28px;color:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 4px;font-size:1.1rem;font-weight:900}.eli-spinner-input:focus{border-color:var(--eli-bar-color,var(--color-primary));box-shadow:0 0 0 2px color-mix(in srgb, var(--eli-bar-color,var(--color-primary)) 25%, transparent)}.eli-spinner-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eli-spinner-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eli-spinner-input[type=number]{-moz-appearance:textfield}.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}.leave-admin-btn-primary{border-radius:var(--radius-md);box-shadow:0 2px 8px color-mix(in srgb, var(--color-module-leave,#ab47bc) 25%, transparent);transition:all var(--transition-fast);font-weight:700;background:var(--color-module-leave,#ab47bc)!important;color:#fff!important}.leave-admin-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in srgb, var(--color-module-leave,#ab47bc) 35%, transparent);transform:translateY(-1px);background:color-mix(in srgb, var(--color-module-leave,#ab47bc) 85%, black)!important;color:#fff!important}.leave-admin-action-btn-edit{transition:all var(--transition-fast);color:var(--color-module-leave,#ab47bc)!important;background:color-mix(in srgb, var(--color-module-leave,#ab47bc) 10%, var(--color-surface))!important;border:1px solid color-mix(in srgb, var(--color-module-leave,#ab47bc) 24%, var(--color-neutral-200))!important}.leave-admin-action-btn-edit:hover{background:color-mix(in srgb, var(--color-module-leave,#ab47bc) 20%, var(--color-surface))!important;border-color:var(--color-module-leave,#ab47bc)!important;color:var(--color-module-leave,#ab47bc)!important}.leave-admin-action-btn-delete{transition:all var(--transition-fast);color:var(--color-error,#ef5350)!important;background:color-mix(in srgb, var(--color-error,#ef5350) 10%, var(--color-surface))!important;border:1px solid color-mix(in srgb, var(--color-error,#ef5350) 24%, var(--color-neutral-200))!important}.leave-admin-action-btn-delete:hover{background:var(--color-error,#ef5350)!important;border-color:var(--color-error,#ef5350)!important;color:#fff!important}.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);flex-direction:column;gap:8px;margin-top:12px;padding:16px;display:flex}.offday-form-schedule-row{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.offday-checkbox-label{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.offday-checkbox{width:18px;height:18px;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}}.dsp-page{flex-direction:column;display:flex}.dsp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.dsp-stats.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.dsp-error{color:var(--color-error);margin-bottom:16px}.dsp-muted{color:var(--color-text-secondary);font-size:13px}.dsp-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dsp-card-head h3{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.dsp-rider-name{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.35;display:block}.dsp-rider-sub{color:var(--color-text-secondary);margin-top:1px;font-size:12.5px;line-height:1.4;display:block}.dsp-status{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.dsp-status.out{background:var(--color-primary-surface);color:var(--color-primary)}.dsp-status.completed{background:var(--color-success-light);color:var(--color-success)}.dsp-status.cancelled{background:var(--color-neutral-100);color:var(--color-text-secondary)}.dsp-claim{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.dsp-claim.yes{background:var(--color-primary-surface);color:var(--color-primary)}.dsp-claim.none{background:var(--color-neutral-100);color:var(--color-text-secondary)}.dsp-stage{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#e8eef3;position:relative;overflow:hidden}.dsp-stage>.dsp-map{position:absolute;inset:0;height:100%!important}.dsp-panel{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);width:360px;max-height:calc(100% - 32px);box-shadow:var(--shadow-lg);z-index:5;pointer-events:auto;flex-direction:column;padding:16px;display:flex;position:absolute;top:16px;left:16px}.dsp-panel .dsp-card-head{margin-bottom:12px}.dsp-panel .dsp-error{margin:0 0 10px;font-size:13px}.dsp-panel-list{flex:auto;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.dsp-panel-list .empty-state,.dsp-panel-list .loading-center{padding-top:24px}.dsp-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.dsp-mini-stats>div{border-radius:var(--radius-md);background:var(--color-neutral-100);flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.dsp-mini-stats svg{color:var(--color-primary);margin-bottom:4px}.dsp-mini-stats strong{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.dsp-mini-stats span{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dsp-live-tag{color:var(--color-success);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.dsp-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite dsp-pulse}@keyframes dsp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 55%, transparent)}to{box-shadow:0 0 0 8px #0000}}.dsp-rider-row{border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px;transition:background .15s,border-color .15s;display:flex}.dsp-rider-row:hover{background:var(--color-neutral-100)}.dsp-rider-row.active{background:var(--color-primary-surface);border-color:var(--color-primary)}.dsp-rider-main{flex:1;min-width:0}.dsp-rider-main .dsp-rider-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dsp-rider-meta{color:var(--color-text-secondary);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:12.5px;display:flex}.dsp-rider-meta strong{color:var(--color-text-primary);font-size:14px}.dsp-focus{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);max-width:640px;box-shadow:var(--shadow-lg);z-index:5;align-items:center;gap:12px;margin:0 auto;padding:12px 14px;display:flex;position:absolute;bottom:16px;left:392px;right:16px}.dsp-focus-who{flex:1;min-width:0}.dsp-focus-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dsp-focus .ui-btn{white-space:nowrap}.dsp-focus-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.dsp-focus-sub{color:var(--color-text-secondary);font-size:13px}.dsp-filters{grid-template-columns:160px 160px 160px minmax(200px,1fr) auto;align-items:end;gap:12px;display:grid}.dsp-filters label{flex-direction:column;gap:6px;min-width:0;display:flex}.dsp-search-box{display:block;position:relative}.dsp-search-box svg{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dsp-search-box .ui-input{width:100%;padding-left:36px}.dsp-filter-actions{gap:8px;display:flex}.dsp-filter-actions .ui-btn{white-space:nowrap}.dsp-report{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.dsp-staff-row{border-bottom:1px solid var(--color-neutral-100);gap:12px;padding:10px 0;display:flex}.dsp-staff-row:last-child{border-bottom:none}.dsp-staff-main{flex:1;min-width:0}.dsp-staff-top{justify-content:space-between;gap:8px;display:flex}.dsp-staff-top strong{color:var(--color-text-primary);white-space:nowrap;font-size:14px}.dsp-bar{border-radius:var(--radius-full);background:var(--color-neutral-100);height:6px;margin-top:8px;overflow:hidden}.dsp-bar span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.dsp-table-wrap{overflow-x:auto}.dsp-table-wrap .data-table th.num,.dsp-table-wrap .data-table td.num{text-align:right;white-space:nowrap}.dsp-cell-staff{align-items:center;gap:10px;display:flex}.dsp-detail{flex-direction:column;gap:16px;display:flex}.dsp-detail .dsp-map{border-radius:var(--radius-md)}.dsp-detail-head{align-items:center;gap:12px;display:flex}.dsp-detail-who{flex:1;min-width:0}.dsp-page .ui-avatar,.dsp-detail .ui-avatar{border-radius:50%;flex:none;overflow:hidden}.dsp-detail-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.dsp-detail-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dsp-detail-stats>div{border-radius:var(--radius-md);background:var(--color-neutral-100);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.dsp-big{color:var(--color-text-primary);letter-spacing:-.2px;font-size:22px;font-weight:700}.dsp-timeline{flex-direction:column;gap:14px;display:flex;position:relative}.dsp-timeline:before{content:"";border-left:2px dashed var(--color-neutral-300);position:absolute;top:14px;bottom:14px;left:6px}.dsp-stop{align-items:flex-start;gap:14px;display:flex;position:relative}.dsp-stop-dot{border:3px solid var(--color-primary);background:var(--color-surface);border-radius:50%;flex:none;width:14px;height:14px;margin-top:3px}.dsp-stop-dot.completed{background:var(--color-primary)}.dsp-stop-dot.out{border-color:var(--color-primary)}.dsp-stop-dot.cancelled{border-color:var(--color-neutral-400)}.dsp-info{border-top:1px solid var(--color-neutral-200);grid-template-columns:160px 1fr;gap:8px 16px;margin:0;padding-top:12px;font-size:13.5px;display:grid}.dsp-info dt{color:var(--color-text-secondary)}.dsp-info dd{color:var(--color-text-primary);margin:0}.dsp-map{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#e8eef3;width:100%;position:relative;overflow:hidden}.dsp-map:active{cursor:grabbing}.dsp-map-tile{pointer-events:none;filter:saturate(.85);width:256px;max-width:none;height:256px;position:absolute}[data-mode=dark] .dsp-map-tile{filter:invert(.92)hue-rotate(180deg)saturate(.6)brightness(.95)}.dsp-map-svg{pointer-events:none;position:absolute;inset:0}.dsp-map-empty{border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-text-secondary);padding:8px 14px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dsp-map-controls{border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:12px;right:12px;overflow:hidden}.dsp-map-controls button{border:none;border-bottom:1px solid var(--color-neutral-200);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;background:0 0;place-items:center;display:grid}.dsp-map-controls button:last-child{border-bottom:none}.dsp-map-controls button:hover{background:var(--color-neutral-100)}.dsp-map-attribution{color:#333;background:#fffc;padding:2px 6px;font-size:10.5px;text-decoration:none;position:absolute;bottom:0;right:0}.dsp-marker{justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute}.dsp-marker.clickable{cursor:pointer}.dsp-marker.active{z-index:3}.dsp-marker.rider{z-index:2}.dsp-marker-badge{border-radius:var(--radius-full);background:var(--color-text-primary);color:var(--color-surface);white-space:nowrap;box-shadow:var(--shadow-sm);padding:3px 8px;font-size:11.5px;font-weight:600;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.dsp-pin{width:26px;height:26px;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-md);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.dsp-pin.end{background:var(--color-primary);border:3px solid #fff;width:18px;height:18px}.dsp-rider{background:var(--color-primary);color:#fff;width:34px;height:34px;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-primary) 22%, transparent), var(--shadow-md);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;transition:transform .15s;display:grid}.dsp-marker.active .dsp-rider{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-primary) 28%, transparent), var(--shadow-lg);transform:scale(1.15)}@media (width<=1100px){.dsp-filters{grid-template-columns:1fr 1fr 1fr}.dsp-search,.dsp-filter-actions{grid-column:1/-1}.dsp-report{grid-template-columns:1fr}}@media (width<=900px){.dsp-stats,.dsp-stats.four{grid-template-columns:1fr 1fr}}@media (width<=560px){.dsp-filters{grid-template-columns:1fr}.dsp-filter-actions{flex-wrap:wrap}.dsp-info{grid-template-columns:1fr;gap:2px}.dsp-info dd{margin-bottom:8px}}.dsp-stage.narrow .dsp-panel{width:auto;max-height:calc(50% - 12px);inset:auto 12px 12px}.dsp-stage.narrow .dsp-focus{bottom:calc(50% + 8px);left:12px;right:12px}.dsp-stage.narrow .dsp-map-controls{top:12px}.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(120px,160px) 1fr;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}.claim-admin-role-assignments{gap:12px;display:grid}.claim-admin-assignment-card{background:#fff;border:1px solid #0f172a1a;border-radius:14px;gap:12px;padding:16px 18px;transition:box-shadow .18s,border-color .18s;display:grid;box-shadow:0 2px 8px #0f172a0a}.claim-admin-assignment-card:hover{border-color:color-mix(in srgb, var(--color-module-claim,#4f46e5) 30%, transparent);box-shadow:0 6px 20px #0f172a14}.claim-admin-assignment-info{align-items:center;gap:12px;display:flex}.claim-admin-assignment-badge{background:linear-gradient(135deg, var(--color-module-claim,#4f46e5) 0%, #3730a3 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px 12px #4f46e547}.claim-admin-assignment-role{color:var(--color-text-primary);font-size:14px;font-weight:800;line-height:1.3}.claim-admin-assignment-code{color:var(--color-text-secondary);font-size:11px;font-weight:700;font-family:var(--font-mono,monospace);letter-spacing:.03em;background:#0f172a0f;border-radius:6px;margin-top:3px;padding:2px 7px;display:inline-block}.claim-admin-assignment-target{border-top:1px solid #0f172a12;gap:6px;padding-top:12px;display:grid}.claim-admin-assignment-target label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.claim-admin-assignment-target select{width:100%;font-size:13px}.claim-admin-assignment-current{color:var(--color-text-secondary);margin-top:4px;font-size:11px}.claim-admin-assignment-current strong{color:var(--color-text-primary);font-weight:700}.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}}