:root{--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--primary:#10b981;--primary-hover:#059669;--primary-light:#ecfdf5;--primary-dark:#047857;--accent-50:#eef2ff;--accent-100:#e0e7ff;--accent-200:#c7d2fe;--accent-300:#a5b4fc;--accent-400:#818cf8;--accent-500:#667eea;--accent-600:#5b5bd6;--accent-700:#764ba2;--accent-800:#4338ca;--accent-900:#3730a3;--accent-gradient:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-800) 100%);--primary-gradient:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-50:#ecfdf5;--success-100:#d1fae5;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-400:#38bdf8;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--surface-0:#fff;--surface-1:#f8fafc;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--surface-4:#cbd5e1;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-sidebar:#0f172a;--bg-sidebar-hover:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-default:#cbd5e1;--border-dark:#94a3b8;--overlay-light:#fffc;--overlay-dark:#00000080;--backdrop-blur:blur(8px);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=dark]{--primary-50:#064e3b;--primary-100:#065f46;--primary-200:#047857;--primary-light:#065f46;--accent-50:#1e1b4b;--accent-100:#312e81;--surface-0:#0f172a;--surface-1:#1e293b;--surface-2:#334155;--surface-3:#475569;--surface-4:#64748b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-sidebar:#0b1120;--bg-sidebar-hover:#162032;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-light:#334155;--border-default:#475569;--border-dark:#64748b;--overlay-light:#0006;--overlay-dark:#000000b3;--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px -1px #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;--success-50:#064e3b;--success-100:#065f46;--warning-50:#451a03;--warning-100:#78350f;--danger-50:#450a0a;--danger-100:#7f1d1d;--info-50:#0c4a6e;--info-100:#075985;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-0:#0f172a;--surface-1:#1e293b;--surface-2:#334155;--surface-3:#475569;--surface-4:#64748b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-sidebar:#0b1120;--bg-sidebar-hover:#162032;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-light:#334155;--border-default:#475569;--border-dark:#64748b;--overlay-light:#0006;--overlay-dark:#000000b3;--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px -1px #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;--success-50:#064e3b;--success-100:#065f46;--warning-50:#451a03;--warning-100:#78350f;--danger-50:#450a0a;--danger-100:#7f1d1d;--info-50:#0c4a6e;--info-100:#075985;--primary-50:#064e3b;--primary-100:#065f46;--primary-200:#047857;--primary-light:#065f46;--accent-50:#1e1b4b;--accent-100:#312e81;color-scheme:dark}}.page-hd{align-items:flex-start;display:flex;gap:14px;margin-bottom:28px;position:relative}.ac-nav>.page-hd,.al-action-header>.page-hd,.dashboard-header>.page-hd,.header-left>.page-hd,.hierarchy-header>.page-hd,.hl-header>.page-hd,.management-header>.page-hd,.ml-header>.page-hd,.ss-header>.page-hd,.todo-header>.page-hd{margin-bottom:0}.page-hd__icon{align-items:center;background:linear-gradient(180deg,#ecfdf5fa,#d1fae5e6);border:1px solid #a7f3d0eb;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffb3;color:#059669;color:var(--primary-600);display:flex;flex-shrink:0;height:44px;justify-content:center;margin-top:1px;width:44px}.page-hd__body{display:flex;flex-direction:column;gap:4px;min-width:0}.page-hd__title{color:#0f172a;color:var(--text-primary);font-size:22px;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0}.page-hd__sub{color:#475569;color:var(--text-secondary);font-size:13px;font-size:var(--text-sm);line-height:1.5;margin:0;max-width:760px}.al-action-header{gap:16px;gap:var(--space-4);margin-bottom:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:14px;font-size:var(--text-base);line-height:1.5}#root{min-width:0;overflow-x:hidden}code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;line-height:1.25;margin:0}h1{font-size:22px;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em}h2{font-size:18px;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.02em}h3{font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.015em}h4{font-size:14px;font-size:var(--text-base);letter-spacing:-.01em}h4,h5,h6{font-weight:500;font-weight:var(--font-medium)}.skip-link,h5,h6{font-size:13px;font-size:var(--text-sm)}.skip-link{background:#10b981;background:var(--primary);border-radius:6px;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);font-weight:600;font-weight:var(--font-semibold);left:16px;left:var(--space-4);padding:8px 16px;padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-100%;transition:top .15s ease;transition:top var(--transition-fast);z-index:700;z-index:var(--z-tooltip)}.skip-link:focus{top:16px;top:var(--space-4)}.loading{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:1rem;gap:12px;gap:var(--space-3);height:100vh;justify-content:center}.loading:before{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#10b981;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);content:"";height:24px;width:24px}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-md)}.skeleton-text{border-radius:4px;border-radius:var(--radius-sm);height:14px;margin-bottom:8px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-avatar{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:48px;width:48px}.skeleton-card{border-radius:12px;border-radius:var(--radius-xl);height:120px}.skeleton-row{border-radius:6px;border-radius:var(--radius-md);height:48px;margin-bottom:8px;margin-bottom:var(--space-2)}.skeleton-heading{border-radius:4px;border-radius:var(--radius-sm);height:24px;margin-bottom:16px;margin-bottom:var(--space-4);width:40%}.empty-state{background:linear-gradient(180deg,#fffc,#f8fafceb);border:1px dashed #cbd5e1e0;border-radius:16px;border-radius:var(--radius-2xl);padding:48px 24px}.empty-state-icon{background:linear-gradient(180deg,#f0fdf4f5,#ecfdf5e0);border:1px solid #a7f3d0b8;border-radius:9999px;box-shadow:inset 0 1px 0 #ffffffb8;color:#047857;color:var(--primary-700);height:68px;margin-bottom:16px;width:68px}.empty-state-icon svg{height:28px;width:28px}.empty-state-title{color:#0f172a;font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-description{color:#94a3b8;font-size:14px;font-size:var(--text-base);line-height:1.6;margin-bottom:24px;margin-bottom:var(--space-6);max-width:320px}.alert{border-radius:6px;border-radius:var(--radius-md);font-size:var(--text-base);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alert svg{flex-shrink:0;height:18px;width:18px}.alert-success{background:#ecfdf5;border-left:3px solid #10b981;border-left:3px solid var(--success-500);color:#047857}.alert-error{background:#fef2f2;border-left:3px solid #ef4444;border-left:3px solid var(--danger-500);color:#b91c1c}.alert-warning{background:#fffbeb;background:var(--warning-50);border-left:3px solid #f59e0b;border-left:3px solid var(--warning-500);color:#b45309;color:var(--warning-700)}.alert-info{background:#f0f9ff;background:var(--info-50);border-left:3px solid #0ea5e9;border-left:3px solid var(--info-500);color:#0369a1;color:var(--info-700)}.success-message{background:#d1fae5;background:var(--success-100);border-left:4px solid #10b981;border-left:4px solid var(--success-500);border-radius:6px;color:#047857}.error-message{border-left:4px solid #ef4444;border-left:4px solid var(--danger-500);border-radius:6px;color:#dc2626;color:var(--danger-600)}.icon-inline{display:inline-flex;flex-shrink:0;margin-right:8px;margin-right:var(--space-2);vertical-align:middle}.form-hint{color:#94a3b8;font-size:var(--text-xs);margin-top:4px;margin-top:var(--space-1)}.input-uppercase{text-transform:uppercase}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-2);justify-content:center;line-height:1;padding:10px 16px;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#10b981;box-shadow:0 1px 2px #00000014;color:#fff;font-weight:600;font-weight:var(--font-semibold)}.btn-primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-accent{background:linear-gradient(135deg,#667eea,#4338ca);background:var(--accent-gradient);color:#fff;color:var(--text-inverse)}.btn-accent:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#ffffffeb;border:1px solid #cbd5e1f2;box-shadow:0 10px 22px #0f172a0d;color:#475569}.btn-secondary:hover:not(:disabled){background:#f8fafcf5;border-color:#94a3b8f2;color:#0f172a;color:var(--text-primary);transform:translateY(-1px)}.btn-success{background:#059669;background:var(--success-600);color:#fff;color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:#047857;background:var(--success-700)}.btn-danger{background:#dc2626;background:var(--danger-600);color:#fff;color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--danger-700)}.btn-ghost{background:#0000;border:1px solid #0000;color:#475569;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f8fafceb;border-color:#e2e8f0e6;color:#0f172a;color:var(--text-primary)}.btn-sm{font-size:13px;font-size:var(--text-sm);padding:6px 12px}.btn-lg{font-size:15px;padding:12px 20px}.btn-icon{height:36px;min-width:36px;padding:8px;padding:var(--space-2)}.spinner-sm{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-inverse);height:16px;width:16px}.input,.select,.textarea{background:#fff;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:14px;font-size:var(--text-base);line-height:1.5;padding:10px 12px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--primary-100);outline:none}.input::placeholder{color:#94a3b8;color:var(--text-muted)}.card{background:linear-gradient(180deg,#fffffff2,#f8fafceb);border:1px solid #e2e8f0e0;border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 18px 36px #0f172a0f;padding:20px;padding:var(--space-5);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.card:hover{box-shadow:0 22px 42px #0f172a17;transform:translateY(-2px)}.card-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;margin-bottom:var(--space-4);padding-bottom:16px}.card-title{color:#0f172a;color:var(--text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.badge{border-radius:9999px;font-size:12px;font-weight:500;font-weight:var(--font-medium);padding:4px 10px;padding:var(--space-1) 10px}.badge-primary{background:#d1fae5;background:var(--primary-100);color:#047857;color:var(--primary-700)}.badge-success{background:#d1fae5;background:var(--success-100);color:#047857;color:var(--success-700)}.badge-warning{background:#fef3c7;background:var(--warning-100);color:#b45309;color:var(--warning-700)}.badge-danger{background:#fee2e2;background:var(--danger-100);color:#b91c1c;color:var(--danger-700)}.badge-info{background:#e0f2fe;background:var(--info-100);color:#0369a1;color:var(--info-700)}.badge-neutral{background:#f1f5f9;background:var(--secondary-100);color:#334155;color:var(--secondary-700)}.badge-accent{background:#e0e7ff;background:var(--accent-100);color:#764ba2;color:var(--accent-700)}.table{border-collapse:collapse;width:100%}.table th{background:#f8fafcf5;border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border-default);color:#475569;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.7px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.table td,.table th{padding:12px 16px;padding:var(--space-3) var(--space-4)}.table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-primary);font-size:14px;font-size:var(--text-base);vertical-align:middle}.table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}.table tbody tr:nth-child(2n){background:#f8fafc7a}.table tbody tr:hover{background:#ecfdf5cc}.table .row-actions{opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.table tbody tr:hover .row-actions{opacity:1}.stat-trend{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:4px;gap:var(--space-1);padding:2px 8px;padding:2px var(--space-2)}.stat-trend.up{background:#ecfdf5;background:var(--success-50);color:#047857;color:var(--success-700)}.stat-trend.down{background:#fef2f2;background:var(--danger-50);color:#b91c1c;color:var(--danger-700)}.stat-trend.neutral{background:#f1f5f9;background:var(--bg-tertiary);color:#94a3b8;color:var(--text-muted)}.mini-bar-chart{align-items:flex-end;display:flex;gap:2px;height:24px}.mini-bar-chart .bar{background:#6ee7b7;background:var(--primary-300);border-radius:2px;transition:height .3s ease;transition:height var(--transition-slow);width:4px}.progress-bar{background:#f1f5f9;border-radius:9999px;height:8px;width:100%}.progress-bar-fill{background:#10b981;border-radius:9999px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.progress-bar-fill.warning{background:#f59e0b}.progress-bar-fill.danger{background:#ef4444;background:var(--danger-500)}@keyframes successPulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.success-pulse{animation:successPulse .6s ease-out}@keyframes errorShake{0%,to{transform:translateX(0)}10%,50%,90%{transform:translateX(-4px)}30%,70%{transform:translateX(4px)}}.error-shake{animation:errorShake .4s ease-out}@keyframes contentEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-enter{animation:contentEnter .25s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--secondary-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--secondary-400)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b;background:var(--secondary-800)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;background:var(--secondary-600)}:focus-visible{outline:2px solid #10b981;outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:#a7f3d0;background:var(--primary-200);color:#064e3b;color:var(--primary-900)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-default);color:#0f172a;color:var(--text-primary)}[data-theme=dark] input::placeholder{color:#94a3b8;color:var(--text-muted)}[data-theme=dark] .modal-overlay{background:#000000b3}.pagination{gap:4px;gap:var(--space-1);margin-top:16px;margin-top:var(--space-4)}.pagination-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);height:36px;justify-content:center;min-width:36px;transition:all .15s ease;transition:all var(--transition-fast)}.pagination-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-default);color:#0f172a;color:var(--text-primary)}.pagination-btn.active{background:#10b981;background:var(--primary);border-color:#10b981;border-color:var(--primary);color:#fff;color:var(--text-inverse)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.close-modal-btn{align-items:center;border-radius:6px;border-radius:var(--radius-md);color:#94a3b8;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .15s ease}.close-modal-btn:hover{background:#f1f5f9;color:#0f172a}.back-btn{align-items:center;background:#10b981;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.back-btn:hover{background:#059669;background:var(--primary-hover);box-shadow:0 4px 12px #0003;transform:translateX(-3px)}.back-btn svg{flex-shrink:0;height:18px;width:18px}.login-container{background:var(--bg-secondary);display:flex;min-height:100vh}.login-branding{align-items:center;background:var(--secondary-900);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-12);position:relative}.login-branding:before{animation:gradientShift 15s ease-in-out infinite alternate;background:radial-gradient(ellipse at 25% 40%,#10b98138 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#667eea24 0,#0000 45%),radial-gradient(ellipse at 60% 15%,#10b98114 0,#0000 40%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes gradientShift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-5%,-5%) rotate(3deg)}}.branding-content{max-width:440px;position:relative;width:100%;z-index:1}.branding-logo{display:block;margin-bottom:var(--space-12)}.branding-tagline{color:var(--text-inverse);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.8px;line-height:1.2;margin-bottom:var(--space-3)}.branding-subtitle{color:var(--secondary-400);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-10)}.branding-features{display:flex;flex-direction:column;gap:var(--space-4)}.branding-feature{align-items:center;color:var(--secondary-300);display:flex;font-size:var(--text-base);gap:var(--space-3)}.branding-feature .feature-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:var(--radius-lg);color:var(--primary-400);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.branding-feature .feature-icon svg{height:20px;width:20px}.branding-feature span{font-weight:var(--font-medium)}.login-form-panel{align-items:center;flex:1 1;justify-content:center;max-width:560px;min-width:420px;padding:var(--space-12)}.login-box,.login-form-panel{display:flex;flex-direction:column}.login-box{max-width:400px;width:100%}.login-header{margin-bottom:var(--space-8)}.login-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.8px;margin-bottom:var(--space-2)}.login-header p{color:var(--text-muted);font-size:var(--text-base);margin:0}.login-form .form-group{margin-bottom:var(--space-5)}.login-form label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:var(--space-3);transition:color var(--transition-fast)}.input-icon svg{height:18px;width:18px}.input-wrapper input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) 42px var(--space-3) var(--space-3);transition:all var(--transition-fast);width:100%}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.input-wrapper:focus-within .input-icon{color:var(--primary)}.input-wrapper input::placeholder{color:var(--text-muted)}.login-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000014;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:var(--font-bold);gap:var(--space-2);justify-content:center;letter-spacing:-.1px;margin-top:var(--space-6);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.login-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn svg{height:18px;width:18px}.error-message{border:1px solid #ef444447;gap:var(--space-2)}.error-message svg{flex-shrink:0;height:18px;width:18px}.login-info{border-top:1px solid var(--border-light);margin-top:var(--space-8);padding-top:var(--space-6)}.login-info-header{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--space-3);text-transform:uppercase}.login-info p{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin:var(--space-1) 0}.login-info code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);padding:2px var(--space-2)}.copyright-footer{border-top:1px solid var(--border-light);margin-top:auto;padding-top:var(--space-8);text-align:center}.copyright-footer p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.login-version{color:var(--text-secondary)!important;font-size:11px!important;font-weight:var(--font-semibold);letter-spacing:.08em;margin-bottom:var(--space-2)!important;text-transform:uppercase}@media (max-width:1024px){.login-branding,.login-form-panel{padding:var(--space-8)}.login-form-panel{min-width:380px}}@media (max-width:768px){.login-container{flex-direction:column}.login-branding{flex:0 1;min-height:auto;padding:var(--space-8) var(--space-6)}.branding-content{max-width:100%}.branding-tagline{font-size:var(--text-2xl)}.branding-features{display:none}.branding-subtitle{margin-bottom:0}.login-form-panel{flex:1 1;max-width:none;min-width:auto;padding:var(--space-6)}.login-box{margin:0 auto;max-width:420px;min-height:auto}}@media (max-width:480px){.login-branding{padding:var(--space-6) var(--space-4)}.branding-logo{margin-bottom:var(--space-4)}.branding-tagline{font-size:var(--text-xl);margin-bottom:var(--space-2)}.branding-subtitle{font-size:var(--text-base)}.login-form-panel{padding:var(--space-5) var(--space-4)}.login-header h1{font-size:var(--text-2xl)}}.toast-container{flex-direction:column;gap:var(--space-2);pointer-events:none;position:fixed;right:var(--space-4);top:var(--space-4);z-index:var(--z-toast)}.toast,.toast-container{display:flex;max-width:400px}.toast{align-items:flex-start;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:var(--space-3);min-width:300px;padding:var(--space-3) var(--space-4);pointer-events:auto}.toast.exiting{animation:toastSlideOut .2s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{flex-shrink:0;height:20px;margin-top:1px;width:20px}.toast.success .toast-icon{color:var(--success-600)}.toast.error .toast-icon{color:var(--danger-600)}.toast.info .toast-icon{color:var(--info-600)}.toast.success{border-left:3px solid var(--success-500)}.toast.error{border-left:3px solid var(--danger-500)}.toast.info{border-left:3px solid var(--info-500)}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px}.toast-message{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-progress{animation:toastProgress 4s linear forwards;border-radius:0 0 0 var(--radius-lg);bottom:0;height:3px;left:0;position:absolute}.toast.success .toast-progress{background:var(--success-500)}.toast.error .toast-progress{background:var(--danger-500)}.toast.info .toast-progress{background:var(--info-500)}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:480px){.toast-container{left:var(--space-4);max-width:none;right:var(--space-4)}.toast{max-width:none;min-width:auto}}.roles-page{margin:0 auto;max-width:1180px;padding:24px 20px;padding:var(--space-6,24px) var(--space-5,20px)}.roles-page-hd{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4,16px);margin-bottom:32px;margin-bottom:var(--space-8,32px)}.roles-page-hd__icon{align-items:center;background:linear-gradient(180deg,#ecfdf5fa,#d1fae5e6);border:1px solid #a7f3d0eb;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffb8;color:#059669;color:var(--primary-600,#059669);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.roles-page-hd__text h1{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--text-2xl,22px);font-weight:700;font-weight:var(--font-bold,700);line-height:1.2;margin:0 0 4px;margin:0 0 var(--space-1,4px)}.roles-page-hd__text p{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;font-size:var(--text-sm,13px);margin:0}.roles-section{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.roles-section__header{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.roles-section__title{color:#334155;color:var(--text-secondary,#334155);font-size:14px;font-size:var(--text-base,14px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.08em;margin:0;text-transform:uppercase}.system-roles-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.system-role-card{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 18px 36px #0f172a0f;padding:20px;padding:var(--space-5,20px);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.system-role-card:hover{border-color:#cbd5e1f2;box-shadow:0 24px 44px #0f172a14;transform:translateY(-2px)}.system-role-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.system-role-card__name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-size:var(--text-base,14px);font-weight:600;font-weight:var(--font-semibold,600)}.system-role-card__caps{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.cap-group-chip{align-items:center;border:1px solid #0000;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff73;display:inline-flex;font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500);gap:4px;padding:4px 9px}.cap-group-chip--leave{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cap-group-chip--attendance{background:#fffbeb;border-color:#fde68a;color:#b45309}.cap-group-chip--salary{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.cap-group-chip--people{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.cap-group-chip--projects{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.cap-group-chip--reports{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.cap-group-chip--system{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.cap-group-chip--leads{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.system-role-card__footer{border-top:1px solid #e2e8f0e0;padding-top:12px;padding-top:var(--space-3,12px)}.btn-view-details{align-items:center;background:none;border:none;color:#059669;color:var(--primary-600,#059669);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-sm,13px);font-weight:500;font-weight:var(--font-medium,500);gap:4px;gap:var(--space-1,4px);padding:0;transition:color .15s}.btn-view-details:hover{color:#047857;color:var(--primary-700,#047857);text-decoration:underline}.role-badge{border-radius:20px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);gap:4px;padding:2px 10px;white-space:nowrap}.role-badge--admin{background:#fef2f2;color:#b91c1c}.role-badge--hr{background:#eff6ff;color:#1d4ed8}.role-badge--super_manager{background:#f5f3ff;color:#6d28d9}.role-badge--manager{background:#ecfdf5;color:#047857}.role-badge--employee{background:#f1f5f9;color:#475569}.role-badge--sales{background:#ecfeff;color:#0e7490}.system-badge{align-items:center;background:#f1f5f9;background:var(--secondary-100,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--secondary-200,#e2e8f0);border-radius:20px;color:#64748b;color:var(--secondary-500,#64748b);display:inline-flex;font-size:11px;font-weight:600;font-weight:var(--font-semibold,600);gap:4px;padding:4px 8px}.custom-roles-table-wrap{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 40px #0f172a0f;overflow:hidden}.custom-roles-table{border-collapse:collapse;width:100%}.custom-roles-table thead th{background:#f8fafcf5;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default,#e2e8f0);color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.08em;text-align:left;text-transform:uppercase}.custom-roles-table tbody td,.custom-roles-table thead th{padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.custom-roles-table tbody td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-size:var(--text-sm,13px);vertical-align:middle}.custom-roles-table tbody tr:last-child td{border-bottom:none}.custom-roles-table tbody tr:nth-child(2n) td{background:#f8fafc85}.custom-roles-table tbody tr:hover td{background:#ecfdf5d1}.custom-roles-table__name{font-weight:600;font-weight:var(--font-semibold,600)}.custom-roles-table__actions{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.roles-page .btn-icon{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-default,#e2e8f0);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 8px 18px #0f172a0d;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:inline-flex;padding:5px 7px;transition:background .12s,color .12s,border-color .12s,transform .12s}.roles-page .btn-icon:hover{background:#f1f5f9;background:var(--bg-subtle,#f1f5f9);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1);color:#0f172a;color:var(--text-primary,#0f172a);transform:translateY(-1px)}.roles-page .btn-icon--confirm,.roles-page .btn-icon--danger:hover{background:#fef2f2;background:var(--danger-50,#fef2f2);border-color:#f87171;border-color:var(--danger-400,#f87171);color:#dc2626;color:var(--danger-600,#dc2626)}.roles-page .btn-icon--confirm:hover{background:#fee2e2;background:var(--danger-100,#fee2e2)}.btn-create-role{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 14px 28px #10b9812e;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);gap:8px;gap:var(--space-2,8px);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:background .15s,box-shadow .15s,transform .15s}.btn-create-role:hover{background:var(--primary-gradient);box-shadow:0 18px 34px #10b98138;transform:translateY(-1px)}.roles-empty-state{background:linear-gradient(180deg,#ffffffd1,#f8fafcf0);border:1px dashed #cbd5e1e0;border-radius:24px;padding:32px 20px;padding:var(--space-8,32px) var(--space-5,20px);text-align:center}.roles-empty-state__icon{align-items:center;background:linear-gradient(180deg,#f0fdf4f5,#ecfdf5e0);border:1px solid #a7f3d0b8;border-radius:50%;color:#047857;color:var(--primary-700,#047857);display:flex;height:56px;justify-content:center;margin:0 auto 12px;margin:0 auto var(--space-3,12px);width:56px}.roles-empty-state h4{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--text-base,14px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px;margin:0 0 var(--space-2,8px)}.roles-empty-state p{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;font-size:var(--text-sm,13px);margin:0 0 16px;margin:0 0 var(--space-4,16px)}.cap-count-badge{background:#f1f5f9;background:var(--bg-subtle,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-default,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500);padding:2px 9px}.cap-count-badge,.user-count-badge{align-items:center;display:inline-flex;gap:4px}.user-count-badge{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;font-size:var(--text-sm,13px)}.roles-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4,16px);position:fixed;z-index:1000}.roles-modal{animation:slideUp .18s ease;background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:16px;border-radius:var(--radius-2xl,16px);box-shadow:0 28px 80px #0f172a3d;display:flex;flex-direction:column;max-height:90vh;max-width:640px;width:100%}.roles-modal__header{align-items:center;background:#ffffffc7;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;padding:var(--space-5,20px) var(--space-6,24px)}.roles-modal__header h3{align-items:center;color:#0f172a;color:var(--text-primary,#0f172a);display:flex;font-size:16px;font-size:var(--text-lg,16px);font-weight:700;font-weight:var(--font-bold,700);gap:8px;gap:var(--space-2,8px);margin:0}.modal-close-btn{background:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#64748b;color:var(--text-muted,#64748b);padding:4px;padding:var(--space-1,4px);transition:background .12s,color .12s}.modal-close-btn:hover{background:#f1f5f9;background:var(--bg-subtle,#f1f5f9);color:#0f172a;color:var(--text-primary,#0f172a)}.roles-modal__top{flex-shrink:0;padding:20px 24px 16px;padding:var(--space-5,20px) var(--space-6,24px) var(--space-4,16px)}.roles-modal__field-row{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.roles-modal__field{display:flex;flex-direction:column;gap:4px;gap:var(--space-1,4px)}.roles-modal__field.full-width{grid-column:1/-1}.roles-modal__field label{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.04em;text-transform:uppercase}.roles-modal__field input,.roles-modal__field select,.roles-modal__field textarea{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;box-shadow:inset 0 1px 1px #0f172a05;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:13px;font-size:var(--text-sm,13px);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.roles-modal__field input:focus,.roles-modal__field select:focus,.roles-modal__field textarea:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #10b9811f}.roles-modal__field input:disabled,.roles-modal__field select:disabled,.roles-modal__field textarea:disabled{background:#f8fafc;background:var(--bg-subtle,#f8fafc);color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:not-allowed}.roles-modal__field textarea{min-height:60px;resize:vertical}.roles-modal__caps-divider{align-items:center;display:flex;flex-shrink:0;gap:12px;gap:var(--space-3,12px);padding:0 24px 12px;padding:0 var(--space-6,24px) var(--space-3,12px)}.roles-modal__caps-divider span{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.roles-modal__caps-divider:after,.roles-modal__caps-divider:before{background:#e2e8f0;background:var(--border-default,#e2e8f0);content:"";flex:1 1;height:1px}.roles-modal__caps-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:0 24px 16px;padding:0 var(--space-6,24px) var(--space-4,16px)}.roles-modal__caps-scroll::-webkit-scrollbar{width:5px}.roles-modal__caps-scroll::-webkit-scrollbar-track{background:#0000}.roles-modal__caps-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-default,#e2e8f0);border-radius:10px}.roles-modal__base-caps{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);padding:0 24px 16px;padding:0 var(--space-6,24px) var(--space-4,16px)}.cap-base-chip{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-default,#e2e8f0);border-radius:20px;color:#475569;color:var(--text-secondary,#475569);display:inline-flex;font-size:12px;font-weight:500;gap:4px;opacity:.75;padding:3px 10px}.cap-base-chip,.caps-divider-note{background:#f1f5f9;background:var(--surface-raised,#f1f5f9)}.caps-divider-note{border:1px solid #e2e8f0;border:1px solid var(--border-default,#e2e8f0);border-radius:10px;color:#94a3b8!important;color:var(--text-muted,#94a3b8)!important;font-size:11px!important;font-size:var(--text-xs,11px)!important;font-weight:400!important;letter-spacing:0!important;padding:1px 8px;text-transform:none!important}.cap-group{margin-bottom:20px;margin-bottom:var(--space-5,20px)}.cap-group:last-child{margin-bottom:0}.cap-group__header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle,#f1f5f9);display:flex;gap:8px;gap:var(--space-2,8px);margin-bottom:12px;margin-bottom:var(--space-3,12px);padding-bottom:8px;padding-bottom:var(--space-2,8px)}.cap-group__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cap-group__label{color:#334155;color:var(--text-secondary,#334155);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600)}.cap-group__count{background:#f1f5f9;background:var(--bg-subtle,#f1f5f9);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-size:var(--text-xs,12px);margin-left:auto;padding:1px 7px}.cap-group__dot--leave{background:#3b82f6}.cap-group__dot--attendance{background:#f59e0b}.cap-group__dot--salary{background:#10b981}.cap-group__dot--people{background:#6366f1}.cap-group__dot--projects{background:#8b5cf6}.cap-group__dot--reports{background:#f97316}.cap-group__dot--system{background:#ef4444}.cap-group__dot--leads{background:#06b6d4}.cap-items-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.cap-item{align-items:flex-start;border-radius:6px;border-radius:var(--radius-md,6px);display:flex;gap:12px;gap:var(--space-3,12px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:background .12s}.cap-item:hover{background:#f8fafc;background:var(--bg-subtle,#f8fafc)}.cap-item__info{flex:1 1;min-width:0}.cap-item__label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-size:var(--text-sm,13px);font-weight:500;font-weight:var(--font-medium,500);line-height:1.4}.cap-item__desc{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px;font-size:var(--text-xs,12px);line-height:1.4;margin-top:2px}.cap-toggle{flex-shrink:0;height:20px;margin-top:2px;position:relative;width:36px}.cap-toggle input{height:0;opacity:0;position:absolute;width:0}.cap-toggle-slider{background:#cbd5e1;background:var(--border-default,#cbd5e1);border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:background .2s ease}.cap-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:14px}.cap-toggle input:checked+.cap-toggle-slider{background:#10b981;background:var(--primary-500,#10b981)}.cap-toggle input:checked+.cap-toggle-slider:before{transform:translateX(16px)}.cap-toggle input:disabled+.cap-toggle-slider{cursor:not-allowed;opacity:.5}.cap-toggle input:focus-visible+.cap-toggle-slider{outline:2px solid #34d399;outline:2px solid var(--primary-400,#34d399);outline-offset:2px}.roles-modal__footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-default,#e2e8f0);display:flex;flex-shrink:0;gap:12px;gap:var(--space-3,12px);justify-content:flex-end;padding:16px 24px;padding:var(--space-4,16px) var(--space-6,24px)}.btn-modal-cancel{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-default,#e2e8f0);border-radius:8px;border-radius:var(--radius-lg,8px);color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-size:13px;font-size:var(--text-sm,13px);font-weight:500;font-weight:var(--font-medium,500);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:background .12s,border-color .12s}.btn-modal-cancel:hover{background:#f8fafc;background:var(--bg-subtle,#f8fafc);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1)}.btn-modal-save{align-items:center;background:#10b981;background:var(--primary-500,#10b981);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);gap:8px;gap:var(--space-2,8px);justify-content:center;min-width:90px;padding:8px 20px;padding:var(--space-2,8px) var(--space-5,20px);transition:background .15s,box-shadow .15s}.btn-modal-save:hover:not(:disabled){background:#059669;background:var(--primary-600,#059669);box-shadow:0 2px 8px #10b9814d}.btn-modal-save:disabled{cursor:not-allowed;opacity:.65}.roles-loading{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:13px;font-size:var(--text-sm,13px);gap:8px;gap:var(--space-2,8px);justify-content:center;padding:32px;padding:var(--space-8,32px)}.roles-error-banner{border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:8px;border-radius:var(--radius-lg,8px);color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:13px;font-size:var(--text-sm,13px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.delete-confirm-inline,.roles-error-banner{align-items:center;background:#fef2f2;background:var(--danger-50,#fef2f2);display:flex;gap:8px;gap:var(--space-2,8px)}.delete-confirm-inline{border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:6px;border-radius:var(--radius-md,6px);padding:4px 10px}.delete-confirm-inline span{color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500)}@media (max-width:640px){.roles-modal__field-row,.system-roles-grid{grid-template-columns:1fr}.roles-modal{border-radius:12px;border-radius:var(--radius-xl,12px);max-height:95vh}.roles-page{padding:16px;padding:var(--space-4,16px)}.custom-roles-table tbody td:nth-child(3),.custom-roles-table thead th:nth-child(3){display:none}}@media (max-width:480px){.roles-modal__caps-divider,.roles-modal__caps-scroll,.roles-modal__footer,.roles-modal__header,.roles-modal__top{padding-left:16px;padding-left:var(--space-4,16px);padding-right:16px;padding-right:var(--space-4,16px)}}.celebration-banner{background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 40%,var(--warning-100) 100%);border:1px solid var(--warning-500);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-5);overflow:hidden;position:relative}.celebration-banner-confetti{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti-piece{animation:confetti-fall 4s ease-in-out infinite;border-radius:2px;height:8px;opacity:.5;position:absolute;width:8px}.confetti-0{animation-delay:0s;animation-duration:3.5s;background:var(--danger-500);left:5%;top:-10px}.confetti-1{animation-delay:.5s;animation-duration:4s;background:var(--accent-500);left:20%;top:-10px}.confetti-2{animation-delay:1s;animation-duration:3.8s;background:var(--info-500);left:40%;top:-10px}.confetti-3{animation-delay:.3s;animation-duration:4.2s;background:var(--success-500);left:60%;top:-10px}.confetti-4{animation-delay:.8s;animation-duration:3.6s;background:var(--warning-500);left:75%;top:-10px}.confetti-5{animation-delay:1.2s;animation-duration:4.1s;background:var(--danger-600);left:90%;top:-10px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(0deg)}10%{opacity:.6}50%{opacity:.4}to{opacity:0;transform:translateY(80px) rotate(1turn)}}.celebration-banner-content{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);position:relative;z-index:1}.celebration-banner-icon{align-items:center;background:var(--surface-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--warning-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.celebration-banner-text{align-items:center;color:var(--warning-700);display:flex;flex:1 1;flex-wrap:wrap;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-1)}.banner-highlight{align-items:center;display:inline-flex;font-weight:var(--font-semibold);gap:var(--space-1)}.banner-highlight svg{flex-shrink:0}.banner-separator{color:var(--warning-600);margin:0 2px}.celebration-banner-action{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal);white-space:nowrap}.celebration-banner-action:hover{box-shadow:var(--shadow-md);opacity:.95;transform:translateY(-1px)}.celebration-banner-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--warning-600);cursor:pointer;display:flex;flex-shrink:0;opacity:.6;padding:var(--space-1);transition:opacity var(--transition-fast)}.celebration-banner-close:hover{opacity:1}@media (max-width:640px){.celebration-banner-content{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.celebration-banner-text{flex-basis:calc(100% - 60px);font-size:var(--text-sm)}.celebration-banner-action{margin-top:var(--space-1);text-align:center;width:100%}}.tt{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;margin-right:8px;overflow:hidden;position:relative;transition:box-shadow .3s ease}.tt:before{background:var(--text-muted);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .4s ease,box-shadow .4s ease;width:3px}.tt[data-status=working]:before{background:var(--success-500);box-shadow:0 0 8px color-mix(in srgb,var(--success-500) 50%,#0000)}.tt[data-status=on_break]:before{background:var(--warning-500);box-shadow:0 0 8px color-mix(in srgb,var(--warning-500) 50%,#0000)}.tt-body{align-items:center;display:flex;padding:0 4px 0 10px}.tt-clock{align-items:flex-start;border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:8px 12px 8px 8px}.tt-clock-time{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-mono);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;line-height:1}.tt-clock-label{color:var(--text-muted);font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tt-clock-time{margin-top:3px}.tt-break-section,.tt-status-section{align-items:flex-start;border-right:1px solid var(--border-light);display:flex;flex-direction:column;min-width:108px;padding:8px 12px}.tt-break-elapsed{font-feature-settings:"tnum";color:var(--warning-600);font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.06em;line-height:1;margin-top:3px}[data-theme=dark] .tt-break-elapsed{color:var(--warning-400)}.tt-status-badge-section{align-items:flex-start;border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:8px 12px}.tt-status-row{align-items:center;display:flex;gap:5px}.tt-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;height:6px;width:6px}.tt[data-status=working] .tt-dot,.tt[data-status=working] .tt-status-badge-section .tt-dot{animation:tt-pulse-green 2s infinite;background:var(--success-500)}.tt[data-status=on_break] .tt-break-section .tt-dot,.tt[data-status=on_break] .tt-dot{animation:tt-pulse-amber 2s infinite;background:var(--warning-500)}@keyframes tt-pulse-green{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--success-500) 60%,#0000)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--success-500) 0,#0000)}}@keyframes tt-pulse-amber{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--warning-500) 60%,#0000)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--warning-500) 0,#0000)}}.tt-status-text{color:var(--text-muted);font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tt[data-status=working] .tt-status-text{color:var(--success-600)}.tt[data-status=on_break] .tt-status-text{color:var(--warning-600)}[data-theme=dark] .tt[data-status=working] .tt-status-text{color:var(--success-400)}[data-theme=dark] .tt[data-status=on_break] .tt-status-text{color:var(--warning-400)}@media (max-width:900px){.tt-break-section .tt-status-row{display:none}}.tt-elapsed{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.06em;line-height:1;margin-top:3px}.tt-elapsed-zero{color:var(--text-muted)}.tt-tags{display:flex;gap:4px;margin-top:4px}.tt-tag{border-radius:4px;font-family:var(--font-sans);font-size:8.5px;font-weight:700;letter-spacing:.06em;padding:2px 5px;text-transform:uppercase}.tt-tag--wfh{background:var(--accent-100);border:1px solid var(--accent-200);color:var(--accent-700)}.tt-tag--late{background:var(--warning-100);border:1px solid var(--warning-200);color:var(--warning-700)}[data-theme=dark] .tt-tag--wfh{background:#6366f126;border-color:#6366f140;color:var(--accent-300)}[data-theme=dark] .tt-tag--late{background:#f59e0b26;border-color:#f59e0b40;color:var(--warning-300)}.tt-wfh-toggle{border-right:1px solid var(--border-light);padding:0 10px}.tt-wfh-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:10px;font-weight:600;gap:6px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;white-space:nowrap}.tt-wfh-label:hover{color:var(--text-primary)}.tt-wfh-switch{flex-shrink:0;height:15px;position:relative;width:28px}.tt-wfh-switch input{height:0;opacity:0;position:absolute;width:0}.tt-wfh-slider{background:var(--border-default);border-radius:15px;cursor:pointer;inset:0;position:absolute;transition:background .25s}.tt-wfh-slider:after{background:#fff;border-radius:50%;box-shadow:var(--shadow-xs);content:"";height:11px;left:2px;position:absolute;top:2px;transition:transform .25s;width:11px}.tt-wfh-switch input:checked+.tt-wfh-slider{background:var(--accent-500)}.tt-wfh-switch input:checked+.tt-wfh-slider:after{transform:translateX(13px)}.tt-actions{gap:4px;padding:6px 8px}.tt-actions,.tt-primary-btn{align-items:center;display:flex}.tt-primary-btn{border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;padding:7px 13px;text-transform:uppercase;transition:all .18s ease;white-space:nowrap}.tt-primary-btn:disabled{cursor:not-allowed;opacity:.5}.tt-primary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.tt-primary-btn:active:not(:disabled){transform:translateY(0)}.tt-btn--in{background:var(--success-500);box-shadow:0 2px 8px color-mix(in srgb,var(--success-500) 40%,#0000)}.tt-btn--out{background:var(--danger-500);box-shadow:0 2px 8px color-mix(in srgb,var(--danger-500) 40%,#0000)}.tt-btn--end-break{background:var(--info-500);box-shadow:0 2px 8px color-mix(in srgb,var(--info-500) 40%,#0000)}.tt-breaks{display:flex;gap:3px}.tt-break-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:10px;font-weight:600;gap:4px;letter-spacing:.04em;padding:5px 9px;text-transform:uppercase;transition:all .18s;white-space:nowrap}.tt-break-chip:hover:not(:disabled){background:var(--warning-100);border-color:var(--warning-400);color:var(--warning-700)}[data-theme=dark] .tt-break-chip:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b59;color:var(--warning-300)}.tt-break-chip:disabled{cursor:not-allowed;opacity:.3}.tt-settings{align-items:center;background:#0000;border:1px solid var(--border-default);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .18s;width:30px}.tt-settings:hover{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:900px){.tt-clock-label,.tt-tags,.tt-wfh-toggle{display:none}}@media (max-width:640px){.tt-status-section{min-width:0;min-width:auto}.tt-break-chip span,.tt-primary-btn span{display:none}.tt-primary-btn{padding:7px 10px}}.modal-overlay{animation:fadeIn .2s ease;background:#0009;z-index:500;z-index:var(--z-modal-backdrop,500)}.break-settings-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:24px}.modal-header h2{font-size:24px;font-weight:600}.close-btn{background:var(--bg-tertiary);border-radius:8px;transition:all .2s ease}.close-btn:hover{background:var(--border-light)}.modal-body{padding:24px}.awareness-banner{align-items:center;background:var(--info-50);border:1px solid var(--info-100);border-radius:8px;color:var(--info-700);display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.awareness-banner svg{color:var(--info-500);flex-shrink:0}.modal-description{color:var(--text-muted);font-size:14px;margin:0 0 24px}.setting-info{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4;margin:12px 0 0}.break-timer-display{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);border-radius:12px;display:flex;gap:20px;margin-bottom:32px;padding:24px}.timer-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.timer-inner{color:var(--text-inverse)}.timer-inner,.timer-text{align-items:center;display:flex;flex-direction:column}.timer-text{margin-top:4px}.timer-value{font-size:28px;font-weight:700;line-height:1}.timer-label{font-size:11px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.timer-info{flex:1 1}.timer-title{color:var(--text-inverse);font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.timer-status{color:var(--text-inverse);font-size:20px;font-weight:600}.timer-status.warning{color:var(--warning-400)}.settings-section{display:flex;flex-direction:column;gap:28px}.setting-group{background:var(--bg-tertiary);border-radius:12px;padding:20px}.setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px;margin-bottom:16px}.setting-label svg{color:var(--primary-500)}.range-control{align-items:center;display:flex;gap:16px;margin-bottom:8px}.range-slider{-webkit-appearance:none;background:linear-gradient(to right,var(--primary-500) 0,var(--primary-500) 50%,var(--border-light) 50%,var(--border-light) 100%);border-radius:3px;flex:1 1;height:6px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:3px solid var(--primary-500);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.range-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.range-slider::-moz-range-thumb{background:var(--bg-secondary);border:3px solid var(--primary-500);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.range-slider::-moz-range-thumb:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.range-slider.disabled{background:var(--border-light);cursor:not-allowed;opacity:.5}.range-slider.disabled::-webkit-slider-thumb{border-color:var(--border-default);cursor:not-allowed}.range-slider.disabled::-moz-range-thumb{border-color:var(--border-default);cursor:not-allowed}.frozen-banner{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.frozen-banner svg{color:var(--warning-500)}.range-value{color:var(--primary-500);font-size:16px;font-weight:600;min-width:80px;text-align:right}.range-limits{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:20px;padding:12px 16px}.alert-error{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.alert-success{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.modal-footer{gap:12px;padding:24px}.btn-primary,.btn-secondary{border-radius:8px;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-secondary{background:var(--bg-tertiary)}.btn-secondary:hover{background:var(--border-light)}.btn-primary{box-shadow:0 4px 12px #10b9814d}.btn-primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;transform:none}@media (max-width:768px){.modal-overlay{padding:12px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.break-timer-display{flex-direction:column;padding:20px;text-align:center}.timer-info{width:100%}.settings-section{gap:20px}.setting-group{padding:16px}.modal-footer{flex-direction:column-reverse;padding:20px}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.modal-header h2{font-size:18px}.timer-circle{height:80px;width:80px}.timer-value{font-size:24px}.range-control{gap:12px}.range-value{font-size:14px;min-width:70px}}.notification-icon-container{display:inline-block;position:relative}.notification-icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.notification-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{align-items:center;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);background:var(--danger-500);border:2px solid var(--bg-primary);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;font-size:10px;font-weight:700;height:17px;justify-content:center;line-height:1;min-width:17px;padding:1px 5px;position:absolute;right:1px;top:1px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-backdrop{inset:0;position:fixed;z-index:999}.notification-dropdown{animation:notifSlideDown .2s cubic-bezier(.16,1,.3,1);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:14px 16px 12px}.notif-header-left,.notification-dropdown-header{align-items:center;display:flex;gap:8px}.notif-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.3px}.notif-unread-pill{background:var(--danger-500);border-radius:var(--radius-full);color:var(--text-inverse);font-size:11px;font-weight:700;line-height:1.6;padding:1px 7px}.header-actions{gap:6px}.mark-all-read-btn{align-items:center;background:none;border:1px solid var(--info-100);border-radius:var(--radius-md);color:var(--info-700);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 9px;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.mark-all-read-btn:hover{background:var(--info-50);border-color:var(--info-100)}.clear-all-btn{align-items:center;background:none;border:1px solid var(--danger-100);border-radius:var(--radius-md);color:var(--danger-500);cursor:pointer;display:flex;justify-content:center;padding:5px 7px;transition:background var(--transition-fast)}.clear-all-btn:hover{background:var(--danger-50)}.mute-toggle-btn{align-items:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:5px 7px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.mute-toggle-btn:hover{border-color:var(--warning-200)}.mute-toggle-btn--muted,.mute-toggle-btn:hover{background:var(--warning-50);color:var(--warning-600)}.mute-toggle-btn--muted{border-color:var(--warning-300)}.mute-toggle-btn--muted:hover{background:var(--warning-100)}.notification-icon-btn--muted{color:var(--text-muted);opacity:.65}.notification-dropdown-body{flex:1 1;max-height:420px;overflow-y:auto}.notification-dropdown-body::-webkit-scrollbar{width:4px}.notification-dropdown-body::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.notif-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:10px;justify-content:center;padding:40px 20px}.notif-spinner{animation:spin .65s linear infinite;border:2px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--primary);height:18px;width:18px}.notif-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:44px 24px;text-align:center}.notif-empty p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.notif-empty span{color:var(--text-muted);font-size:var(--text-xs)}.notification-list{padding:4px 0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:default;display:flex;gap:11px;padding:12px 14px;position:relative;transition:background var(--transition-fast)}.notification-item:before{background:var(--primary);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast);width:3px}.notification-item.unread:before{opacity:1}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:var(--primary-50)}.notification-item.unread:hover{background:var(--primary-100)}.notification-item.read{opacity:.75}.notif-icon-wrap{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:34px;justify-content:center;margin-top:1px;width:34px}.notification-content{flex:1 1;min-width:0}.notif-type-label{font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:3px;opacity:.85;text-transform:uppercase}.notification-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;line-height:1.35;margin-bottom:4px;word-break:break-word}.notification-message{color:var(--text-secondary);font-size:12.5px;line-height:1.45;word-break:break-word}.notification-time{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;margin-top:5px}.notif-item-actions{align-items:flex-start;display:flex;flex-shrink:0;padding-top:2px}.mark-read-btn{align-items:center;background:none;border:1px solid var(--info-100);border-radius:var(--radius-md);color:var(--info-500);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background var(--transition-fast)}.mark-read-btn:hover{background:var(--info-50)}.notif-read-dot{background:var(--border-default);border-radius:var(--radius-full);display:block;height:7px;margin-top:5px;width:7px}.notification-dropdown-footer{align-items:center;border-top:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:9px 14px}.notif-footer-count{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.close-btn{background:none!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;display:flex!important;font-size:11px!important;font-weight:600!important;gap:3px;height:auto!important;padding:4px 8px!important;width:auto!important}.close-btn:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}@media (max-width:480px){.notification-dropdown{right:-60px;width:calc(100vw - 24px)}}.chat-assistant-container{bottom:24px;font-family:var(--font-sans);position:fixed;right:24px;z-index:9999}.chat-toggle-btn{align-items:center;background:var(--bg-secondary);border:2px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 4px 20px #00000026;color:var(--primary);cursor:pointer;display:flex;font-size:22px;height:50px;justify-content:center;transition:all var(--transition-slow) ease;width:50px}.chat-toggle-btn:hover{background:var(--bg-secondary);box-shadow:0 6px 25px #0003;transform:scale(1.05)}.chat-toggle-btn.active{background:var(--bg-secondary);color:var(--danger-500);transform:rotate(0deg)}.chat-window{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:var(--radius-2xl);bottom:60px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:520px;overflow:hidden;position:absolute;right:0;width:380px}.chat-header{background:var(--accent-gradient);color:var(--text-inverse);justify-content:space-between;padding:16px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-avatar{background:#fff3;border-radius:50%;font-size:28px;padding:8px}.chat-header-text h4{font-size:16px;font-weight:600;margin:0}.chat-status{font-size:12px;opacity:.9}.chat-close-btn{background:#fff3;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;font-size:16px;height:32px;transition:background .2s;width:32px}.chat-close-btn:hover{background:#ffffff4d}.chat-messages{background:var(--bg-tertiary);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-message{animation:fadeIn .3s ease;display:flex;gap:10px;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{flex-shrink:0;font-size:20px}.message-content{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 8px #00000014;padding:12px 16px}.chat-message.user .message-content{background:var(--accent-gradient);border-bottom-right-radius:4px;color:var(--text-inverse)}.chat-message.assistant .message-content{border-bottom-left-radius:4px}.chat-message.error .message-content{background:var(--danger-50);color:var(--danger-700)}.message-content p{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.message-time{display:block;font-size:10px;margin-top:6px;opacity:.6}.chat-message.user .message-time{text-align:right}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:var(--primary);border-radius:var(--radius-full);height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quick-questions{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:12px 16px}.quick-label{color:var(--text-muted);font-size:12px;margin:0 0 8px}.quick-btns{display:flex;flex-wrap:wrap;gap:6px}.quick-btn{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-full);color:var(--primary-700);cursor:pointer;font-size:var(--text-xs);padding:6px 12px;transition:all var(--transition-fast)}.quick-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.chat-input-form{border-top:1px solid var(--border-light);display:flex;gap:8px}.chat-input,.chat-input-form{background:var(--bg-secondary);padding:12px 16px}.chat-input{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);flex:1 1;font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.chat-input:disabled{background:var(--bg-tertiary)}.chat-send-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--text-inverse);cursor:pointer;font-size:18px;height:44px;transition:all .2s;width:44px}.chat-send-btn:hover:not(:disabled){transform:scale(1.1)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.chat-assistant-container{bottom:16px;right:16px}.chat-window{bottom:55px;height:calc(100vh - 120px);max-height:500px;right:-8px;width:calc(100vw - 32px)}.chat-toggle-btn{font-size:18px;height:46px;width:46px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.chat-fab{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-full);bottom:24px;box-shadow:0 4px 20px #10b98166;color:var(--text-inverse);cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:88px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;width:52px;z-index:950}.chat-fab:hover{box-shadow:0 8px 28px #10b9818c;transform:scale(1.08)}.chat-fab--notify{animation:chatFabJump .8s cubic-bezier(.36,.07,.19,.97) infinite}@keyframes chatFabJump{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-10px) scale(1.05)}40%{transform:translateY(0) scale(1)}60%{transform:translateY(-5px) scale(1.02)}80%{transform:translateY(0) scale(1)}}.chat-fab--active{background:var(--secondary-600);box-shadow:0 4px 16px #0003}.chat-fab--active:hover{box-shadow:0 6px 20px #00000040}.chat-fab-badge{align-items:center;animation:badgePulse 2s ease infinite;background:var(--danger-500);border:2px solid var(--bg-primary);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.chat-backdrop{animation:backdropIn .2s ease;background:#0000002e;inset:0;position:fixed;z-index:890}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.cp-wrap{background:var(--bg-secondary);border-left:1px solid var(--border-light);bottom:0;box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:360px;z-index:900}.cp-wrap.cp-open{transform:translateX(0)}.cp-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;height:56px;justify-content:space-between;min-height:56px;padding:0 16px}.cp-header,.cp-header-left{align-items:center;display:flex}.cp-header-left{flex:1 1;gap:8px;min-width:0}.cp-header-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.cp-title-area{align-items:center;display:flex;gap:8px}.cp-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.3px}.cp-unread-total{background:var(--danger-500);border-radius:var(--radius-full);color:var(--text-inverse);font-size:10px;font-weight:700;line-height:1.6;min-width:18px;padding:1px 6px;text-align:center}.cp-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.cp-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cp-icon-btn.cp-close:hover{background:var(--danger-50);color:var(--danger-600)}.cp-thread-header-user{align-items:center;display:flex;gap:10px;min-width:0}.cp-thread-user-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cp-thread-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.cp-thread-name,.cp-thread-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-thread-sub{color:var(--text-muted);font-size:var(--text-xs)}.cp-search{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;flex-shrink:0;gap:8px;margin:12px 14px 8px;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cp-search:focus-within{background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.cp-search-icon{color:var(--text-muted);flex-shrink:0}.cp-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--text-sm);min-width:0;outline:none}.cp-search-clear,.cp-search-input::placeholder{color:var(--text-muted)}.cp-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:2px;transition:color var(--transition-fast)}.cp-search-clear:hover{color:var(--text-secondary)}.cp-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.cp-conv-list{flex:1 1;overflow-y:auto;padding:4px 0 8px}.cp-conv-list::-webkit-scrollbar{width:4px}.cp-conv-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.cp-conv-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.cp-conv-item:hover{background:var(--bg-tertiary)}.cp-conv-item.unread{background:var(--primary-50)}.cp-conv-item.unread:hover{background:var(--primary-100)}.cp-conv-delete{align-items:center;background:var(--danger-50);border:none;border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;display:none;flex-shrink:0;height:28px;justify-content:center;margin-left:4px;transition:background var(--transition-fast);width:28px}.cp-conv-delete:hover{background:var(--danger-100)}.cp-conv-item:hover .cp-conv-delete{display:flex}.cp-conv-avatar-wrap{flex-shrink:0;position:relative}.cp-online-dot{background:var(--primary);border:2px solid var(--bg-secondary);border-radius:var(--radius-full);bottom:1px;height:9px;position:absolute;right:1px;width:9px}.cp-conv-body{flex:1 1;min-width:0}.cp-conv-row1{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:3px}.cp-conv-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-conv-item.unread .cp-conv-name{font-weight:700}.cp-conv-time{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs)}.cp-conv-item.unread .cp-conv-time{color:var(--primary-hover);font-weight:600}.cp-conv-row2{align-items:center;display:flex;gap:8px;justify-content:space-between}.cp-conv-preview{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-conv-item.unread .cp-conv-preview{color:var(--text-secondary);font-weight:500}.cp-you{color:var(--text-muted)}.cp-unread-pill{background:var(--primary);border-radius:var(--radius-xl);color:var(--text-inverse);flex-shrink:0;font-size:var(--text-xs);font-weight:700;line-height:1.6;min-width:18px;padding:1px 6px;text-align:center}.cp-users-list{flex:1 1;overflow-y:auto;padding:4px 0 8px}.cp-users-list::-webkit-scrollbar{width:4px}.cp-users-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.cp-user-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.cp-user-item:hover{background:var(--bg-tertiary)}.cp-user-text{flex:1 1;min-width:0}.cp-user-name{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-user-sub{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:2px}.cp-user-arrow{color:var(--border-default)}.cp-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:48px 24px;text-align:center}.cp-empty-thread{padding:64px 24px 32px}.cp-empty-icon{color:var(--border-default)}.cp-empty-avatar{margin-bottom:8px}.cp-empty-title{color:var(--text-secondary);font-size:var(--text-base);font-weight:600;margin:0}.cp-empty-sub{color:var(--text-muted);font-size:var(--text-xs);margin:0}.cp-start-btn{background:var(--primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:600;margin-top:12px;padding:8px 20px;transition:background var(--transition-fast),transform var(--transition-fast)}.cp-start-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.cp-messages{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 14px 8px}.cp-messages::-webkit-scrollbar{width:4px}.cp-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.cp-day-group{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.cp-day-divider{align-items:center;display:flex;gap:10px;margin:12px 0 8px}.cp-day-divider:after,.cp-day-divider:before{background:var(--bg-tertiary);content:"";flex:1 1;height:1px}.cp-day-divider span{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;padding:0 4px;white-space:nowrap}.cp-msg-row{align-items:flex-end;display:flex;gap:6px;margin-bottom:1px}.cp-msg-row.is-mine{flex-direction:row-reverse}.cp-msg-row.last{margin-bottom:6px}.cp-msg-avatar{align-items:flex-end;display:flex;flex-shrink:0;padding-bottom:2px;width:28px}.cp-msg-content{display:flex;flex-direction:column;gap:3px;max-width:72%}.is-mine .cp-msg-content{align-items:flex-end}.is-theirs .cp-msg-content{align-items:flex-start}.cp-bubble{border-radius:16px;font-size:13.5px;line-height:1.5;padding:9px 13px;white-space:pre-wrap;word-break:break-word}.is-mine .cp-bubble{background:var(--primary);border-radius:16px 16px 4px 16px;color:var(--text-inverse)}.is-theirs .cp-bubble{background:var(--bg-tertiary);border-radius:16px 16px 16px 4px;color:var(--text-primary)}.cp-msg-row.is-mine:not(.first) .cp-bubble{border-top-right-radius:4px}.cp-msg-row.is-mine:not(.last) .cp-bubble{border-bottom-right-radius:4px}.cp-msg-row.is-theirs:not(.first) .cp-bubble{border-top-left-radius:4px}.cp-msg-row.is-theirs:not(.last) .cp-bubble{border-bottom-left-radius:4px}.cp-msg-meta{align-items:center;color:var(--text-muted);display:flex;font-size:10.5px;gap:4px;padding:0 4px}.cp-read-tick{color:var(--text-muted);font-size:11px}.cp-read-tick.read{color:var(--primary)}.cp-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:10px;justify-content:center;padding:40px}.cp-spinner{animation:cpSpin .65s linear infinite;border:2px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--primary);height:18px;width:18px}@keyframes cpSpin{to{transform:rotate(1turn)}}.cp-input-area{align-items:flex-end;background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);display:flex;flex-shrink:0;gap:8px;padding:10px 12px 8px}.cp-textarea{background:var(--bg-tertiary);border:1.5px solid var(--border-light);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);line-height:1.45;max-height:120px;min-height:38px;outline:none;overflow-y:auto;padding:9px 13px;resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.cp-textarea:focus{background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.cp-send-btn,.cp-textarea::placeholder{color:var(--text-muted)}.cp-send-btn{align-items:center;background:var(--border-light);border:none;border-radius:12px;cursor:not-allowed;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:38px}.cp-send-btn.active{background:var(--primary);box-shadow:0 4px 12px #10b98159;color:var(--text-inverse);cursor:pointer}.cp-send-btn.active:hover{background:var(--primary-hover);box-shadow:0 6px 16px #10b98173;transform:scale(1.05)}.cp-input-hint{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs);padding:0 14px 8px;text-align:right}.c-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;justify-content:center;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.badge-red{animation:badgePulse 2s ease infinite;background:var(--danger-500)!important;color:var(--text-inverse)!important}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.chat-nav-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:10px;padding:0;width:100%}body.chat-panel-open .chat-assistant-container,body.chat-panel-open .chat-fab{opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.cp-msg-delete{align-items:center;align-self:center;background:var(--danger-50);border:none;border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;display:none;flex-shrink:0;height:26px;justify-content:center;margin:0 4px;transition:background var(--transition-fast);width:26px}.cp-msg-delete:hover{background:var(--danger-100)}.cp-msg-row.is-mine:hover .cp-msg-delete{display:flex}.cp-attach-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast);width:34px}.cp-attach-btn:hover{background:var(--primary-50);color:var(--primary)}.cp-file-chip{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-lg);color:#065f46;color:var(--primary-800,#065f46);display:flex;font-size:var(--text-xs);gap:6px;margin:6px 12px 0;padding:6px 10px}.cp-file-chip-icon{align-items:center;color:var(--primary-hover);display:flex;flex-shrink:0}.cp-file-chip-name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-file-chip-size{font-size:var(--text-xs)}.cp-file-chip-remove,.cp-file-chip-size{color:var(--text-secondary);flex-shrink:0}.cp-file-chip-remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:2px;transition:color var(--transition-fast)}.cp-file-chip-remove:hover{color:var(--danger-500)}.cp-attach-error{color:var(--danger-600);font-size:var(--text-xs);padding:4px 14px 0}.cp-attachment-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;max-width:240px;padding:10px 12px;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast);width:240px}.cp-attachment-card:hover{background:var(--border-light);border-color:var(--border-default)}.cp-attachment-card.mine{background:var(--primary);border-color:#0d9668;border-color:var(--primary-hover,#0d9668)}.cp-attachment-card.mine:hover{background:#0d9668;background:var(--primary-hover,#0d9668);border-color:#0a7a56;border-color:var(--primary-dark,#0a7a56)}.cp-att-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.cp-attachment-card.mine .cp-att-icon{background:#fff3}.cp-attachment-card.mine .cp-att-icon svg{stroke:var(--text-inverse)}.cp-attachment-card:not(.mine) .cp-att-icon svg{stroke:var(--text-secondary)}.cp-att-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cp-att-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-attachment-card.mine .cp-att-name{color:var(--text-inverse)}.cp-attachment-card:not(.mine) .cp-att-name{color:var(--text-primary)}.cp-att-hint{font-size:10px}.cp-attachment-card.mine .cp-att-hint{color:#fffc}.cp-attachment-card:not(.mine) .cp-att-hint{color:var(--text-secondary)}.cp-att-dl{flex-shrink:0}.cp-attachment-card.mine .cp-att-dl{color:#fffc}.cp-attachment-card:not(.mine) .cp-att-dl{color:var(--text-secondary);opacity:.55}@media (max-width:480px){.cp-wrap{border-left:none;width:100vw}}.bre-backdrop{align-items:center;animation:bre-fade-in .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg-primary) 60%,#0000);display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes bre-fade-in{0%{opacity:0}to{opacity:1}}.bre-card{align-items:center;animation:bre-slide-up .35s var(--transition-spring);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-light);display:flex;flex-direction:column;gap:10px;margin:16px;max-width:420px;padding:40px 36px 32px;text-align:center;width:100%}@keyframes bre-slide-up{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bre-card:before{background:var(--warning-500);background:var(--bre-color,var(--warning-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.bre-icon-wrap{align-items:center;display:flex;flex-shrink:0;height:72px;justify-content:center;margin-bottom:2px;position:relative;width:72px}.bre-icon-bg{animation:bre-ring 2s ease-in-out infinite;background:color-mix(in srgb,var(--warning-500) 12%,#0000);background:color-mix(in srgb,var(--bre-color,var(--warning-500)) 12%,#0000);border:1.5px solid color-mix(in srgb,var(--bre-color,var(--warning-500)) 30%,#0000);border-radius:50%;inset:0;position:absolute}.bre-icon-bg:after{animation:bre-ring 2s ease-in-out .5s infinite;border:1px solid color-mix(in srgb,var(--bre-color,var(--warning-500)) 15%,#0000);border-radius:50%;content:"";inset:-6px;position:absolute}@keyframes bre-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.bre-icon{color:var(--warning-500);color:var(--bre-color,var(--warning-500));position:relative;z-index:1}.bre-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.01em}.bre-subtitle,.bre-title{font-family:var(--font-sans);margin:0}.bre-subtitle{color:var(--text-secondary);font-size:var(--text-base)}.bre-subtitle strong{color:var(--text-primary);font-weight:var(--font-semibold)}.bre-overdue-badge{align-items:center;background:color-mix(in srgb,var(--danger-500) 8%,#0000);border:1px solid color-mix(in srgb,var(--danger-500) 22%,#0000);border-radius:var(--radius-full);color:var(--danger-600);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:6px;margin-top:2px;padding:6px 14px}[data-theme=dark] .bre-overdue-badge{background:color-mix(in srgb,var(--danger-500) 12%,#0000);border-color:color-mix(in srgb,var(--danger-500) 30%,#0000);color:var(--danger-400)}.bre-overdue-time{font-feature-settings:"tnum";color:var(--danger-600);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}[data-theme=dark] .bre-overdue-time{color:var(--danger-400)}.bre-hint-box{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;padding:10px 14px;text-align:left;width:100%}.bre-hint-box strong{color:var(--text-primary);font-weight:var(--font-semibold)}.bre-btn{align-items:center;background:var(--warning-500);background:var(--bre-color,var(--warning-500));border:none;border-radius:var(--radius-xl);box-shadow:0 4px 14px color-mix(in srgb,var(--warning-500) 35%,#0000);box-shadow:0 4px 14px color-mix(in srgb,var(--bre-color,var(--warning-500)) 35%,#0000);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-bold);gap:8px;justify-content:center;letter-spacing:.01em;margin-top:4px;padding:14px 28px;transition:filter .2s,transform .15s;width:100%}.bre-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.bre-btn:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.bre-btn:disabled{cursor:not-allowed;opacity:.55}.bre-note{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);line-height:1.6;margin:2px 0 0}@media (max-width:480px){.bre-card{border-radius:var(--radius-xl);padding:32px 20px 24px}.bre-title{font-size:var(--text-xl)}}.celebrations-container{padding:var(--space-6)}.celebrations-header{margin-bottom:var(--space-6)}.celebrations-header h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-1)}.celebrations-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.celebrations-summary{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-8)}.summary-card{align-items:center;background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-normal)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.summary-content{display:flex;flex-direction:column}.summary-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1}.summary-label{margin-top:var(--space-1)}.today-card{border-left:3px solid var(--warning-500)}.today-card .summary-icon{background:var(--warning-100);color:var(--warning-600)}.week-card{border-left:3px solid var(--info-500)}.week-card .summary-icon{background:var(--info-100);color:var(--info-600)}.birthday-card{border-left:3px solid var(--danger-500)}.birthday-card .summary-icon{background:var(--danger-100);color:var(--danger-600)}.anniversary-card{border-left:3px solid var(--success-600)}.anniversary-card .summary-icon{background:var(--success-100);color:var(--success-600)}.celebrations-tabs{background:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1)}.celebrations-tabs button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal)}.celebrations-tabs button:hover{background:var(--surface-2);color:var(--text-primary)}.celebrations-tabs button.active{background:#10b981;background:var(--primary-500,#10b981);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.celebrations-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.celebrations-section{background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}.celebrations-section h3{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-5);padding-bottom:var(--space-3)}.celebration-list{display:flex;flex-direction:column;gap:var(--space-3)}.celebration-list.full-width{background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}.no-items{color:var(--text-muted);font-style:italic;padding:var(--space-8);text-align:center}.celebration-card{align-items:center;background:var(--surface-1);border:1px solid #0000;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-normal)}.celebration-card:hover{background:var(--surface-2);border-color:var(--border-light);transform:translateX(4px)}.celebration-card.today{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #6ee7b7;border:1px solid var(--primary-300,#6ee7b7);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--primary-100,#d1fae5)}.celebration-card.horizontal{justify-content:flex-start}.card-icon{align-items:center;background:var(--danger-100);border-radius:var(--radius-lg);color:var(--danger-600);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.celebration-card.horizontal .card-icon,.celebrations-section:last-child .card-icon{background:var(--surface-2);color:var(--text-secondary)}.card-content{flex:1 1;min-width:0}.card-content h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-team{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.card-date,.card-years{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 0}.card-date-info{align-items:flex-end;display:flex;flex-direction:column;min-width:80px}.card-date-info .date{color:var(--text-primary);font-weight:var(--font-semibold)}.card-date-info .age,.card-date-info .years{color:var(--text-secondary);font-size:var(--text-xs)}.card-badge{align-items:center;display:flex;justify-content:flex-end;min-width:70px}.celebrations-container .badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.celebrations-container .badge.today{animation:todayGlow 2s ease-in-out infinite;background:#10b981;background:var(--primary-500,#10b981);color:var(--text-inverse)}.celebrations-container .badge.days{background:var(--surface-2);color:var(--text-secondary)}@keyframes todayGlow{0%,to{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98100}}.celebrations-compact{padding:var(--space-4)}.celebrations-compact h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.today-celebrations{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.upcoming-celebrations{background:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.celebration-item{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-2) 0}.celebration-item:not(:last-child){border-bottom:1px solid var(--border-light)}.celebration-item .celebration-icon{color:var(--text-secondary)}.celebration-item .celebration-text{color:var(--text-primary);font-size:var(--text-sm)}.celebration-item .celebration-details{display:flex;flex-direction:column}.celebration-item .celebration-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.celebration-item .celebration-info{color:var(--text-secondary);font-size:var(--text-xs)}.no-celebrations{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-5);text-align:center}.celebrations-loading{color:var(--text-secondary);padding:var(--space-8);text-align:center}.celebrations-error{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-5);text-align:center}.celebrations-error .error-icon{color:var(--danger-500);display:block;margin-bottom:var(--space-3)}.celebrations-error p{color:var(--danger-700);font-size:var(--text-base);margin:0 0 var(--space-4)}.celebrations-error .retry-btn{background:var(--danger-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5);transition:background var(--transition-fast)}.celebrations-error .retry-btn:hover{background:var(--danger-700)}.celebrations-toast{align-items:center;animation:toast-in .3s ease;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-toast)}.celebrations-toast.success{background:var(--success-100);border:1px solid var(--success-500);color:var(--success-700)}.celebrations-toast.error{background:var(--danger-100);border:1px solid var(--danger-500);color:var(--danger-700)}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.wishes-wall{background:linear-gradient(135deg,#ecfdf5,#fff 65%);background:linear-gradient(135deg,var(--primary-50,#ecfdf5) 0,var(--bg-secondary,#fff) 65%);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8);padding:var(--space-6)}.wishes-wall-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-2);margin:0 0 var(--space-5)}.wishes-wall-title svg{color:#10b981;color:var(--primary-500,#10b981)}.wish-card{background:var(--surface-1);border:1px solid var(--border-light);border-left:3px solid var(--danger-500);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-5);transition:all var(--transition-normal)}.wish-card:hover{box-shadow:var(--shadow-md)}.wish-card.work_anniversary{border-left-color:var(--success-600)}.wish-card:last-child{margin-bottom:0}.wish-card-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.wish-card-icon{align-items:center;background:var(--danger-100);border-radius:var(--radius-full);color:var(--danger-600);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.wish-card.work_anniversary .wish-card-icon{background:var(--success-100);color:var(--success-700)}.wish-card-info{flex:1 1}.wish-card-info h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 2px}.wish-card-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.wish-card-team{color:var(--text-muted);font-size:var(--text-xs)}.wish-count-badge{align-items:center;background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.wish-form{display:flex;gap:var(--space-2)}.wish-form input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.wish-form input:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-100);outline:none}.wish-card.work_anniversary .wish-form input:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-100)}.wish-send-btn{align-items:center;background:var(--danger-600);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.wish-card.work_anniversary .wish-send-btn{background:var(--success-600)}.wish-send-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.wish-send-btn:disabled{cursor:not-allowed;opacity:.5}.wish-sent-badge{align-items:center;background:var(--success-100);border-radius:var(--radius-lg);color:var(--success-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.wish-list{border-top:1px solid var(--border-light);margin-top:var(--space-3);padding-top:var(--space-3)}.wish-toggle-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-1) 0;transition:color var(--transition-fast)}.wish-toggle-btn:hover{color:var(--text-primary)}.wish-messages{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.wish-message{background:var(--surface-0);background:var(--bg-secondary,var(--surface-0));border-left:3px solid #6ee7b7;border:1px solid var(--border-light);border-left:3px solid var(--primary-300,#6ee7b7);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.wish-message-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.wish-message-header strong{color:var(--text-primary);font-size:var(--text-sm)}.wish-dept{background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-xs);padding:2px var(--space-2)}.wish-message p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin:0}.cel-avatar{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:14px;font-weight:var(--font-bold);height:40px;justify-content:center;letter-spacing:.03em;transition:transform .15s;-webkit-user-select:none;user-select:none;width:40px}.cel-avatar--sm{font-size:11px;height:30px;width:30px}.cel-avatar--lg{font-size:18px;height:52px;width:52px}.cel-avatar--birthday{background:#fee2e2;background:var(--danger-100,#fee2e2);box-shadow:0 0 0 2px #fecaca;box-shadow:0 0 0 2px var(--danger-200,#fecaca);color:#b91c1c;color:var(--danger-700,#b91c1c)}.cel-avatar--birthday-today{background:#ef4444;background:var(--danger-500,#ef4444);box-shadow:0 0 0 3px #fecaca;box-shadow:0 0 0 3px var(--danger-200,#fecaca);color:var(--text-inverse)}.cel-avatar--anniversary{background:#d1fae5;background:var(--primary-100,#d1fae5);box-shadow:0 0 0 2px #a7f3d0;box-shadow:0 0 0 2px var(--primary-200,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.cel-avatar--anniversary-today{background:#10b981;background:var(--primary-500,#10b981);box-shadow:0 0 0 3px #a7f3d0;box-shadow:0 0 0 3px var(--primary-200,#a7f3d0);color:var(--text-inverse)}.celebration-card:hover .cel-avatar{transform:scale(1.07)}.cel-avatar-wrap{flex-shrink:0;position:relative}.cel-milestone{background:#059669;background:var(--primary-600,#059669);border:1.5px solid #fff;border:1.5px solid var(--bg-primary,#fff);border-radius:8px;bottom:-3px;color:var(--text-inverse);font-size:9px;font-weight:var(--font-bold);line-height:1.5;padding:1px 5px;position:absolute;right:-6px;white-space:nowrap}.celebration-when--today{color:#059669;color:var(--primary-600,#059669);font-weight:var(--font-semibold)}@media (max-width:768px){.celebrations-container{padding:var(--space-4)}.celebrations-grid{grid-template-columns:1fr}.celebrations-summary{grid-template-columns:1fr 1fr}.celebrations-tabs{flex-wrap:wrap}.celebrations-tabs button{flex:1 1;font-size:var(--text-sm);min-width:100px;padding:var(--space-3) var(--space-4)}.celebration-card.horizontal{flex-wrap:wrap}.card-date-info{align-items:flex-start;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);width:100%}}.dashboard-layout{background:radial-gradient(circle at top left,#10b9811a,#0000 28%),radial-gradient(circle at top right,#667eea17,#0000 30%),linear-gradient(180deg,#ffffff8c 0,#0000 22%),var(--bg-primary);display:flex;isolation:isolate;min-height:100vh;position:relative}.dashboard-layout:after,.dashboard-layout:before{content:"";filter:blur(70px);opacity:.4;pointer-events:none;position:fixed;z-index:-1}.dashboard-layout:before{background:#667eea24;height:240px;right:-80px;top:-80px;width:240px}.dashboard-layout:after{background:#10b9811a;height:220px;left:18%;top:30%;width:220px}.sidebar{background:linear-gradient(180deg,#ffffff0f,#0000 18%),linear-gradient(180deg,#09111f,#0d1829 44%,#101d31);border-right:1px solid #ffffff14;box-shadow:18px 0 36px #0f172a14;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-slow);width:256px;z-index:var(--z-fixed)}.sidebar.collapsed{width:68px}.sidebar-header{align-items:center;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;min-height:76px;padding:20px 18px 18px}.sidebar .company-brand{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.sidebar .brand-icon{align-items:center;background:var(--primary);border-radius:var(--radius-lg);color:var(--text-inverse);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.sidebar .brand-name{color:var(--text-inverse);font-size:15px;font-weight:800;letter-spacing:-.5px;opacity:1;transition:opacity var(--transition-normal);white-space:nowrap}.sidebar.collapsed .brand-name{opacity:0;pointer-events:none}.sidebar-toggle{align-items:center;background:#ffffff17;border:1px solid #ffffff14;border-radius:var(--radius-md);color:#ffffffb8;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all var(--transition-fast);width:34px}.sidebar-toggle:hover{background:#ffffff29;color:var(--text-inverse);transform:translateY(-1px)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:18px 10px}.sidebar.collapsed .sidebar-toggle{background:var(--bg-sidebar);border:1px solid #ffffff1a;border-radius:var(--radius-full);box-shadow:var(--shadow-md);height:26px;position:absolute;right:-13px;top:24px;width:26px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-x:hidden;overflow-y:auto;padding:14px 12px 10px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{color:#ffffff52;font-size:10px;font-weight:700;letter-spacing:1.6px;padding:18px 12px 8px;text-transform:uppercase;transition:opacity var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-section-label.hidden{height:0;opacity:0;overflow:hidden;padding:0}.nav-item-wrapper{position:relative}.nav-item-wrapper.has-tooltip:after{background:var(--secondary-800);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-inverse);content:attr(data-tooltip);font-size:var(--text-xs);font-weight:500;left:calc(100% + 12px);opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform:translateY(-50%) translateX(-4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:100}.nav-item-wrapper.has-tooltip:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar-nav .nav-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);box-sizing:border-box;color:#ffffff94;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:12px;padding:11px 13px;position:relative;text-decoration:none;transition:all .18s ease;white-space:nowrap;width:100%}.sidebar-nav .nav-item:hover{background:#ffffff14;border-color:#ffffff14;color:#fffffff0;transform:translateX(2px)}.sidebar-nav .nav-item.active{background:linear-gradient(90deg,#10b9812e,#10b98114),#ffffff08;border-color:#10b9812e;box-shadow:inset 0 1px 0 #ffffff0a;color:var(--text-inverse);font-weight:600}.sidebar-nav .nav-item.active .nav-icon{color:var(--primary)}.sidebar-nav .nav-item.active:before{background:var(--primary);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-nav .nav-item .nav-icon{align-items:center;display:flex;flex-shrink:0;height:19px;justify-content:center;transition:color .18s ease;width:19px}.sidebar-nav .nav-item .nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav .nav-item .badge{background:var(--danger-500);border-radius:var(--radius-full);box-shadow:0 6px 16px #ef44443d;color:var(--text-inverse);flex-shrink:0;font-size:10px;font-weight:700;margin-left:auto;padding:1px 7px}.sidebar-nav .nav-item .badge-collapsed{font-size:9px;min-width:14px;padding:1px 4px;position:absolute;right:3px;top:3px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item:hover{padding-left:10px}.sidebar-chat-section{border-top:1px solid #ffffff12;flex-shrink:0;padding:6px 10px}.sidebar-chat-section .nav-item-wrapper{width:100%}.sidebar-chat-section .nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);box-sizing:border-box;color:#ffffff94;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:10px;padding:9px 12px;position:relative;transition:all .18s ease;white-space:nowrap;width:100%}.sidebar-chat-section .nav-item:hover{background:#ffffff12;color:#ffffffe6;padding-left:15px}.sidebar.collapsed .sidebar-chat-section .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-chat-section .nav-item:hover{padding-left:10px}.sidebar-footer{background:linear-gradient(180deg,#0000,#ffffff08);border-top:1px solid #ffffff14;flex-shrink:0;padding:12px}.sidebar-user{align-items:center;border:1px solid #0000;border-radius:var(--radius-xl);display:flex;gap:10px;padding:10px 12px;transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-user:hover{background:#ffffff0d;border-color:#ffffff14}.sidebar-user.collapsed{justify-content:center;padding:8px}.sidebar-avatar{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);border:2px solid #ffffff1f;color:var(--text-inverse);font-size:13px;font-weight:700;height:34px;letter-spacing:.5px;width:34px}.sidebar-avatar-photo{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-user-name{color:#ffffffeb;font-size:13px;font-weight:600}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#fff6;font-size:11px}.sidebar-logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#ffffff59;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:5px;transition:all var(--transition-fast)}.sidebar-logout-btn:hover{background:#ef44441a;color:var(--danger-400)}.sidebar-logout-collapsed{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#ffffff4d;cursor:pointer;display:flex;justify-content:center;margin-top:4px;padding:8px;transition:all var(--transition-fast);width:100%}.sidebar-logout-collapsed:hover{background:#ef44441a;color:var(--danger-400)}.mobile-menu-toggle,.sidebar-overlay{display:none}.main-content{background:#0000;flex:1 1;margin-left:256px;min-height:100vh;min-width:0;overflow-x:hidden;position:relative;transition:margin-left var(--transition-slow)}.dashboard-layout.sidebar-collapsed .main-content{margin-left:68px}.top-header{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:#ffffffc7;border:1px solid #e2e8f0bf;border-radius:22px;box-shadow:0 18px 40px -28px #0f172a40;margin:18px 20px 0;padding:18px 22px;position:-webkit-sticky;position:sticky;top:14px;z-index:var(--z-sticky)}.header-panel{align-items:center;display:flex;gap:18px;justify-content:space-between}.header-eyebrow{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.header-context,.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.header-date-chip{align-items:center;background:#f8fafceb;border:1px solid #cbd5e1e6;border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;padding:6px 10px}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-1);margin-top:var(--space-1)}.breadcrumb-separator{color:var(--border-dark)}.breadcrumb-current{color:var(--text-secondary);font-weight:var(--font-medium)}.top-header .user-info{display:flex;flex-direction:column;gap:6px}.top-header .greeting{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.7px;margin:0}.top-header .role-badge{align-items:center;background:var(--primary-100);border:1px solid #10b9811a;border-radius:var(--radius-full);color:var(--primary-700);display:inline-flex;font-size:12px;font-weight:700;margin:0;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.top-header .role-badge.hr-badge{background:var(--warning-100);color:var(--warning-700)}.top-header .role-badge.admin-badge{background:var(--danger-100);color:var(--danger-700)}.top-header .role-badge.super-manager-badge{background:var(--success-100);color:var(--success-700)}.top-header .logout-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all var(--transition-fast)}.top-header .logout-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-primary)}.top-header .logout-icon{align-items:center;display:flex}.top-header .logout-icon svg{height:18px;width:18px}.top-header .header-actions{align-items:center;background:#f8fafcdb;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:inset 0 1px 0 #fff9;display:flex;gap:12px;padding:8px 10px}.dashboard-content{margin:0 auto;max-width:1480px;padding:28px 24px 40px}.dashboard-content.elegant-content{animation:contentEnter .25s ease-out;padding:24px 24px 40px}.elegant-overview h2{color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px}.elegant-overview h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.stats-grid-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.stat-card-modern{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.stat-card-modern:after{border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 #fff9;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.stat-card-modern:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-modern:hover:after{opacity:1}.stat-card-modern .stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card-modern .stat-icon svg{height:24px;width:24px}.stat-card-modern.blue .stat-icon{background:var(--info-100);color:var(--info-600)}.stat-card-modern.orange .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-card-modern.red .stat-icon{background:var(--danger-100);color:var(--danger-600)}.stat-card-modern.green .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-card-modern.purple .stat-icon{background:var(--accent-100);color:var(--accent-500)}.stat-card-modern.teal .stat-icon{background:var(--info-100);color:var(--info-600)}.stat-card-modern .stat-content{flex:1 1;min-width:0}.stat-card-modern .stat-content h3{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.6px;margin:0 0 4px;text-transform:uppercase}.stat-card-modern .stat-number{color:var(--text-primary);font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin:0 0 2px}.stat-card-modern .stat-label{color:var(--text-muted);font-size:12px}.hr-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:28px}.hr-info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px}.hr-info-card h3{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.hr-info-card h3 svg{color:var(--primary);height:18px;width:18px}.info-list{list-style:none;margin:0;padding:0}.info-list li{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 0}.info-list li:last-child{border-bottom:none}.info-list .emp-name{color:var(--text-primary);font-size:14px;font-weight:500}.info-list .emp-detail{color:var(--text-muted);font-size:12px}.info-list .dept-name{color:var(--text-primary);font-size:14px}.info-list .dept-count{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary);font-size:13px;font-weight:600;padding:3px 10px}.info-list .birthday-icon{font-size:16px;margin-right:8px}.info-list .birthday-date{color:var(--text-muted);font-size:12px}.info-list .more-items{color:var(--primary);font-size:13px;font-weight:500;justify-content:center}.no-data{font-size:14px;padding:20px}.quick-actions-section{margin-top:24px}.quick-actions-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.quick-actions-section h3 svg{color:var(--primary);height:20px;width:20px}.action-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:16px;text-align:left;transition:all var(--transition-fast)}.action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-card .action-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-lg);color:var(--primary);display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.action-card .action-icon svg{height:20px;width:20px}.action-card .action-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.action-card .action-desc{color:var(--text-muted);font-size:12px}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.stat-card p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.stat-card.blue{border-left:4px solid var(--primary)}.stat-card.green{border-left:4px solid var(--success-600)}.stat-card.red{border-left:4px solid var(--danger-600)}.stat-card.orange{border-left:4px solid var(--warning-600)}.dashboard-layout.hr-theme .sidebar-nav .nav-item.active:before{background:var(--warning-500)}.dashboard-layout.hr-theme .top-header .role-badge{background:var(--warning-100);color:var(--warning-700)}.dashboard-layout.admin-theme .sidebar-nav .nav-item.active:before{background:var(--danger-500)}.dashboard-layout.admin-theme .top-header .role-badge{background:var(--danger-100);color:var(--danger-700)}.dashboard-layout.super-manager-theme .sidebar-nav .nav-item.active:before{background:var(--success-500)}.dashboard-layout.super-manager-theme .top-header .role-badge{background:var(--success-100);color:var(--success-700)}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}.dashboard-layout.sidebar-collapsed .main-content{margin-left:72px}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.sidebar{width:72px}.sidebar .brand-name,.sidebar-nav .nav-item .nav-label{display:none}.sidebar-header{justify-content:center;padding:20px 12px}.sidebar-toggle{background:var(--bg-sidebar);border-radius:var(--radius-full);box-shadow:var(--shadow-md);position:absolute;right:-14px;top:26px}.sidebar-nav .nav-item{justify-content:center;padding:11px}.sidebar-nav .nav-item .badge{font-size:9px;padding:2px 5px;position:absolute;right:4px;top:4px}.main-content{margin-left:72px}.top-header{padding:12px 16px}.header-panel{align-items:flex-start;flex-direction:column}.top-header .greeting{font-size:16px}.top-header .header-actions{justify-content:flex-end;width:100%}.dashboard-content.elegant-content{padding:16px}.stats-grid-modern{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card-modern{padding:16px}.stat-card-modern .stat-number{font-size:24px}.sidebar:hover{width:260px}.sidebar:hover .brand-name,.sidebar:hover .nav-item .nav-label{display:block}.sidebar:hover .sidebar-header{justify-content:space-between;padding:20px 16px}.sidebar:hover .sidebar-toggle{border-radius:var(--radius-md);box-shadow:none;position:static}.sidebar:hover .nav-item{justify-content:flex-start;padding:11px 14px}.sidebar:hover .nav-item .badge{font-size:11px;padding:2px 8px;position:static}}@media (max-width:480px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.mobile-open{transform:translateX(0)}.sidebar:hover{width:260px}.dashboard-layout.sidebar-collapsed .main-content,.main-content{margin-left:0}.mobile-menu-toggle{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;left:14px;position:fixed;top:14px;width:40px;z-index:calc(var(--z-fixed) + 1)}.mobile-menu-toggle svg{height:20px;width:20px}.top-header{padding:14px 14px 14px 64px}.top-header .greeting{font-size:15px}.top-header .role-badge{font-size:11px;padding:3px 8px}.top-header .logout-btn{font-size:13px;padding:8px 12px}.top-header .logout-btn span:not(.logout-icon){display:none}.header-context{gap:8px}.header-date-chip{font-size:11px;padding:5px 10px}.dashboard-content.elegant-content{padding:14px}.stats-grid-modern{gap:12px}.action-grid,.hr-info-row,.stats-grid-modern{grid-template-columns:1fr}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-fixed) - 1)}.sidebar-overlay.active{display:block}}.dashboard-widgets{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.dashboard-widgets .widget{background:#ffffffdb;border:1px solid #e2e8f0e0;border-radius:var(--radius-xl);box-shadow:0 18px 38px #0f172a0f;overflow:hidden;padding:var(--space-5);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.dashboard-widgets .widget:before{background:linear-gradient(180deg,#ffffffc7,#fff0);content:"";height:72px;inset:0 0 auto 0;pointer-events:none;position:absolute}.dashboard-widgets .widget:hover{border-color:#10b9812e;box-shadow:0 22px 46px #0f172a17;transform:translateY(-3px)}.widget-full{grid-column:1/-1}.widget-header{justify-content:space-between;margin-bottom:var(--space-4)}.widget-header,.widget-title{align-items:center;display:flex}.widget-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-2)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);grid-column:1/-1}.quick-action-btn{align-items:center;background:#ffffffe0;border:1px solid #e2e8f0e0;border-radius:var(--radius-xl);box-shadow:0 12px 26px #0f172a0d;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:700;gap:var(--space-2);padding:10px 20px;transition:all var(--transition-normal)}.quick-action-btn:hover{background:linear-gradient(180deg,#f0fdf4fa,#ecfdf5eb);border-color:#10b98147;box-shadow:0 16px 30px #10b9811f;color:var(--primary-700);transform:translateY(-2px)}.kpi-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.kpi-card{background:linear-gradient(180deg,#fffffff0,#f8fafce6);gap:var(--space-3);min-height:116px;padding:var(--space-5)!important}.kpi-icon{align-items:center;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffbf;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-icon-blue{background:var(--info-100);color:var(--info-600)}.kpi-icon-orange{background:var(--warning-100);color:var(--warning-600)}.kpi-icon-purple{background:var(--accent-100);color:var(--accent-500)}.kpi-icon-green{background:var(--success-100);color:var(--success-600)}.kpi-info{display:flex;flex-direction:column;min-width:0}.kpi-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase}.kpi-value{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.5px;line-height:1.2}.kpi-sub{color:var(--text-muted);font-size:var(--text-xs)}.dashboard-main-sidebar{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-column:1/-1;grid-template-columns:1fr 320px}.dashboard-main-col{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-sidebar-col{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-widgets .donut-chart-wrapper{align-items:center;display:flex;gap:var(--space-8);justify-content:center}.dashboard-widgets .donut-chart{align-items:center;animation:donutSpin .8s ease-out;background:conic-gradient(var(--danger-500) 0deg calc(var(--used-pct)*3.6deg),var(--warning-500) calc(var(--used-pct)*3.6deg) calc((var(--used-pct) + var(--pending-pct))*3.6deg),var(--success-500) calc((var(--used-pct) + var(--pending-pct))*3.6deg) 1turn);border-radius:50%;display:flex;flex-shrink:0;height:160px;justify-content:center;position:relative;width:160px}@keyframes donutSpin{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0deg)}}.dashboard-widgets .donut-center{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex-direction:column;height:108px;justify-content:center;width:108px}.dashboard-widgets .donut-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.dashboard-widgets .donut-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:2px}.dashboard-widgets .donut-sublabel{color:var(--text-muted);font-size:10px;margin-top:2px}.dashboard-widgets .donut-legend{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-widgets .legend-item{align-items:center;display:flex;gap:var(--space-2)}.dashboard-widgets .legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.dashboard-widgets .legend-color.used{background:var(--danger-500)}.dashboard-widgets .legend-color.pending{background:var(--warning-500)}.dashboard-widgets .legend-color.available{background:var(--success-500)}.dashboard-widgets .legend-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:60px}.dashboard-widgets .legend-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.trend-chart-container{display:flex;gap:var(--space-2);height:180px;position:relative}.trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;text-align:right;width:30px}.y-tick{color:var(--text-muted);font-size:11px;line-height:1}.trend-chart-area{flex:1 1;padding-bottom:24px;position:relative}.trend-grid-lines{bottom:24px;top:0}.grid-line,.trend-grid-lines{left:0;position:absolute;right:0}.grid-line{border-top:1px dashed var(--border-light)}.trend-bars{align-items:flex-end;display:flex;height:calc(100% - 24px);justify-content:space-around;position:relative;z-index:1}.trend-bar-group{align-items:center;animation:barGrowIn .6s cubic-bezier(.25,.46,.45,.94) both;display:flex;flex:1 1;flex-direction:column;max-width:80px}@keyframes barGrowIn{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}.trend-bar-stack{align-items:center;display:flex;flex-direction:column;width:36px}.trend-bar-value{color:var(--text-secondary);font-size:11px;font-weight:var(--font-semibold);margin-bottom:4px}.trend-bar{border-radius:4px 4px 0 0;min-height:2px;width:28px}.trend-bar-balance.casual{background:var(--info-500)}.trend-bar-balance.sick{background:var(--danger-400)}.trend-bar-balance.earned{background:var(--warning-400)}.trend-bar-used.casual{background:var(--info-200);border-radius:0}.trend-bar-used.sick{background:var(--danger-200);border-radius:0}.trend-bar-used.earned{background:var(--warning-200);border-radius:0}.trend-bar-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-2);text-transform:uppercase}.trend-legend{display:flex;gap:var(--space-5);justify-content:center;margin-top:var(--space-3)}.trend-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:6px}.trend-dot{border-radius:2px;height:10px;width:10px}.trend-dot.balance{background:var(--info-500)}.trend-dot.used{background:var(--info-200)}.sidebar-widget{padding:var(--space-4)!important}.sidebar-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.sidebar-list-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-3);padding:var(--space-2) 0}.sidebar-list-item:last-child{border-bottom:none}.sidebar-avatar{align-items:center;background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);height:28px;justify-content:center;overflow:hidden;width:28px}.sidebar-list-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-list-more{font-size:var(--text-xs);padding:var(--space-1) 0}.sidebar-empty,.sidebar-list-more{color:var(--text-muted);text-align:center}.sidebar-empty{font-size:var(--text-sm);margin:0;padding:var(--space-3) 0}.nh-wrap{gap:var(--space-3)}.nh-card,.nh-wrap{display:flex;flex-direction:column}.nh-card{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #a7f3d0;border-left:3px solid #10b981;border:1px solid var(--primary-200,#a7f3d0);border-left:3px solid var(--primary-500,#10b981);border-radius:var(--radius-lg);gap:5px;padding:10px 12px}.nh-card-top{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between}.nh-name{color:#064e3b;color:var(--primary-900,#064e3b);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.3}.nh-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-bold);line-height:1.6;padding:2px 8px;white-space:nowrap}.nh-pill--today{background:#059669;background:var(--primary-600,#059669);color:var(--text-inverse)}.nh-pill--soon{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.nh-pill--future{background:#d1fae5;background:var(--primary-100,#d1fae5);color:#047857;color:var(--primary-700,#047857)}.nh-date{color:#059669;color:var(--primary-600,#059669);font-size:11px;font-weight:var(--font-medium)}.nh-bar{background:#d1fae5;background:var(--primary-100,#d1fae5);height:3px;margin-top:2px;overflow:hidden}.nh-bar,.nh-bar-fill{border-radius:var(--radius-full)}.nh-bar-fill{background:linear-gradient(90deg,#34d399,#059669);background:linear-gradient(90deg,var(--primary-400,#34d399),var(--primary-600,#059669));height:100%;transition:width .6s ease}.nh-list{display:flex;flex-direction:column}.nh-list-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-2);padding:5px 0}.nh-list-item:last-child{border-bottom:none}.nh-list-dot{background:#6ee7b7;background:var(--primary-300,#6ee7b7);border-radius:50%;flex-shrink:0;height:6px;width:6px}.nh-list-name{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nh-list-badge{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:var(--font-bold);padding:1px 6px}.celebration-item{gap:var(--space-2)!important}.celebration-emoji{flex-shrink:0;font-size:18px}.celebration-info{display:flex;flex-direction:column;min-width:0}.celebration-when{color:var(--text-muted);font-size:var(--text-xs)}.salary-info{display:flex;flex-direction:column;gap:var(--space-1)}.salary-amount{color:var(--success-600);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:.05em}.salary-period{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:1024px){.kpi-cards{grid-template-columns:repeat(2,1fr)}.dashboard-main-sidebar{grid-template-columns:1fr}.dashboard-sidebar-col{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-widgets,.kpi-cards{grid-template-columns:1fr}.quick-actions{flex-wrap:wrap}.dashboard-sidebar-col{grid-template-columns:1fr}.dashboard-widgets .donut-chart-wrapper{flex-direction:column;gap:var(--space-4)}.dashboard-widgets .donut-legend{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center}}.widget-count{background:#f0fdf4;background:var(--primary-50,#f0fdf4);border-radius:12px;color:var(--primary);font-size:11px;font-weight:600;padding:2px 8px}.project-cards-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin-top:var(--space-3)}.project-mini-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;transition:box-shadow .2s,transform .15s}.project-mini-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.project-mini-header{align-items:center;display:flex;gap:6px;justify-content:space-between}.project-mini-status{border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 7px;text-transform:uppercase}.project-mini-due{color:var(--text-muted);font-size:10px}.project-mini-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.project-mini-client,.project-mini-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-mini-client{color:var(--text-muted);font-size:11px}.project-mini-progress{display:flex;flex-direction:column;gap:4px}.project-mini-progress-bar{background:var(--border-color);border-radius:4px;height:4px;overflow:hidden}.project-mini-progress-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .4s ease}.project-mini-progress-text{color:var(--text-muted);font-size:10px}.project-mini-footer{margin-top:2px}.project-mini-hours{color:var(--primary);font-size:10px;font-weight:600}.widget-view-all{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;margin-top:var(--space-3);padding:8px;transition:background .2s,border-color .2s;width:100%}.widget-view-all:hover{background:#f0fdf4;background:var(--primary-50,#f0fdf4);border-color:var(--primary)}.widget-empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:32px 16px}.widget-empty-icon{color:var(--text-muted);opacity:.3}.task-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:var(--space-3) 0 0;padding:0}.task-list-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;transition:box-shadow .15s}.task-list-item:hover{box-shadow:0 2px 8px #0000000f}.task-item-left{align-items:flex-start;display:flex;flex:1 1;gap:8px;min-width:0;padding-top:1px}.task-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.task-item-title{color:var(--text-primary);font-size:13px;font-weight:500}.task-item-project,.task-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-project{color:var(--text-muted);font-size:11px}.task-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.task-item-due{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:3px}.task-item-due.overdue{color:var(--danger-600);font-weight:600}.task-item-priority{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.leave-quick-summary .leave-summary-top{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:var(--space-3) 0 var(--space-2);text-align:center}.leave-summary-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px 6px}.leave-summary-number{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.leave-summary-number.pending{color:var(--warning-600)}.leave-summary-number.used{color:var(--primary)}.leave-summary-label{color:var(--text-muted);font-size:10px;font-weight:500}.leave-summary-bar{background:var(--border-color);border-radius:8px;height:8px;margin:0 0 var(--space-3);overflow:hidden;position:relative}.leave-summary-bar-fill{background:var(--primary);border-radius:8px;height:100%;transition:width .4s ease}.leave-summary-bar-label{color:var(--text-muted);font-size:10px;position:absolute;right:0;top:-18px}.leave-type-rows{display:flex;flex-direction:column;gap:8px}.leave-type-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:60px 1fr 40px}.leave-type-row-label{color:var(--text-secondary);font-size:12px;font-weight:500}.leave-type-row-bar{background:var(--border-color);border-radius:6px;height:6px;overflow:hidden}.leave-type-row-fill{border-radius:6px;height:100%;transition:width .4s ease}.leave-type-row-fill.casual{background:#6366f1;background:var(--accent-500,#6366f1)}.leave-type-row-fill.sick{background:var(--warning-500)}.leave-type-row-fill.earned{background:var(--primary)}.leave-type-row-fill.short-day{background:#8b5cf6;background:var(--accent-700,#8b5cf6)}.leave-type-row-count{color:var(--text-muted);font-size:11px;text-align:right}@media (max-width:768px){.project-cards-grid{grid-template-columns:1fr}.leave-summary-top{grid-template-columns:repeat(2,1fr)}}.bar-chart-section{margin-bottom:28px;padding:28px}.bar-chart-section h3{margin-bottom:20px}.bar-chart{gap:16px}.bar-chart-item{gap:12px}.bar-chart-fill.success{background:linear-gradient(90deg,var(--success-600) 0,var(--success-400) 100%)}@media (max-width:768px){.stats-grid-modern{gap:15px;grid-template-columns:1fr}.stat-card-modern{padding:20px}.stat-number{font-size:28px}.action-grid{gap:15px;grid-template-columns:1fr}.admin-header{padding:20px}.header-content{flex-direction:column;gap:15px;text-align:center}.admin-dashboard-overview{padding:15px}.bar-chart-section,.quick-actions-section{padding:20px}.bar-chart-label{font-size:12px;min-width:80px}.bar-chart-track{height:20px}}@media (max-width:480px){.admin-dashboard-overview h2{font-size:22px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-number{font-size:24px}}.bar-chart-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5)}.bar-chart-section h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.bar-chart{display:flex;flex-direction:column;gap:var(--space-4)}.bar-chart-item{align-items:center;display:flex;gap:var(--space-3)}.bar-chart-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:120px;text-align:right}.bar-chart-track{background:var(--bg-tertiary);border-radius:var(--radius-md);flex:1 1;height:24px;overflow:hidden;position:relative}.bar-chart-fill{align-items:center;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;height:100%;min-width:-webkit-fit-content;min-width:fit-content;padding-left:8px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.bar-chart-fill.primary{background:linear-gradient(90deg,var(--primary) 0,var(--primary-400) 100%)}.bar-chart-fill.accent{background:var(--accent-gradient)}.bar-chart-fill.info{background:linear-gradient(90deg,var(--info-500) 0,var(--info-400) 100%)}.bar-chart-fill.success{background:linear-gradient(90deg,var(--success-600) 0,var(--success-500) 100%)}.bar-chart-fill.warning{background:linear-gradient(90deg,var(--warning-500) 0,var(--warning-400) 100%)}.bar-chart-fill.danger{background:linear-gradient(90deg,var(--danger-500) 0,var(--danger-400) 100%)}.bar-chart-value{color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap}.bar-chart-count{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:40px;text-align:left}@media (max-width:768px){.bar-chart-label{font-size:var(--text-xs);min-width:80px}.bar-chart-track{height:20px}}.team-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.team-card{background:var(--bg-secondary);border-left:1px solid var(--border-light);border:1px solid var(--border-light);border-left-width:4px;border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card.team-blue{border-left-color:var(--info-500)}.team-card.team-slate{border-left-color:var(--text-secondary)}.team-card.team-sky{border-left-color:var(--primary)}.team-card.team-purple{border-left-color:var(--accent-500)}.team-card.team-pink{border-left-color:var(--danger-400)}.team-card.team-blue .team-header h4{color:var(--info-700)}.team-card.team-slate .team-header h4{color:var(--text-primary)}.team-card.team-sky .team-header h4{color:var(--primary-700)}.team-card.team-purple .team-header h4{color:var(--accent-700)}.team-card.team-pink .team-header h4{color:var(--danger-600)}.team-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.team-header h4{color:var(--text-primary);font-size:var(--text-base);margin:0}.member-badge,.team-header h4{font-weight:var(--font-semibold)}.member-badge{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-700);font-size:var(--text-xs);padding:4px 12px}.team-stats-row{display:flex;gap:var(--space-3)}.team-stat{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;padding:var(--space-3)}.team-stat-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1}.team-stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:2px}.sm-teams-badge{background:var(--primary-100);color:var(--primary-700);font-size:var(--text-xs);padding:4px 14px}.leave-type-pill,.sm-teams-badge{border-radius:var(--radius-full);font-weight:var(--font-semibold)}.leave-type-pill{background:var(--info-100);color:var(--info-700);font-size:11px;padding:3px 10px;white-space:nowrap}.birthday-countdown{color:var(--accent-500);font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:auto;white-space:nowrap}.calendar-info,.leads-header-info,.section-header-info{margin-bottom:var(--space-5)}.calendar-info h2,.leads-header-info h2,.section-header-info h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.calendar-info p,.leads-header-info p,.section-header-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.approvals-header{margin-bottom:var(--space-5)}.approvals-header h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.approvals-header .subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}@media (max-width:768px){.team-stats-grid{grid-template-columns:1fr}.team-stats-row{gap:var(--space-2)}.team-stat{padding:var(--space-2)}.team-stat-value{font-size:var(--text-lg)}}.modal-container{animation:modalSlideIn .25s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:var(--radius-2xl);box-shadow:0 28px 80px #0f172a3d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-container.daily-timesheet-form{max-width:640px}.modal-container .modal-header{align-items:center;background:#fffc;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-container .modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.modal-close:hover{background:#f8fafcf5;color:var(--text-primary)}.modal-container .modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-container .modal-footer{background:#f8fafce6;border-top:1px solid var(--border-light);bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}.form-group{margin-bottom:16px}.form-input{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;box-shadow:inset 0 1px 1px #0f172a05;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f;outline:none}.error-message{background:#fef2f2;background:var(--danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:8px;color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:13px;padding:10px 14px}.form-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.projects-dashboard{margin:0 auto;max-width:1480px;padding:var(--space-6)}.projects-dashboard .projects-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.projects-dashboard .projects-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.projects-dashboard .projects-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-6)}.stat-card{border-radius:20px;flex-direction:column;gap:var(--space-2);padding:var(--space-5);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.stat-card:hover{border-color:#cbd5e1f2}.stat-card .stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.7px;text-transform:uppercase}.stat-card .stat-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.stat-card.active .stat-value{color:var(--primary)}.stat-card.completed .stat-value{color:var(--success-600)}.stat-card.on-hold .stat-value{color:var(--warning-600)}.stat-card.planning .stat-value{color:var(--accent-600)}.projects-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 18px 36px #0f172a0f;cursor:pointer;padding:var(--space-5);transition:all var(--transition-normal)}.project-card:hover{border-color:#10b9813d;box-shadow:0 24px 46px #0f172a17;transform:translateY(-3px)}.project-card .project-card-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.project-card .project-title{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.project-card .project-client{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.project-card .project-manager{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4)}.project-card .project-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.project-card .project-meta .meta-item{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-1)}.project-card .project-meta .meta-item svg{height:13px;width:13px}.project-card .project-progress{margin-bottom:var(--space-3)}.project-card .progress-label{color:var(--text-muted);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-bottom:var(--space-1)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.progress-bar-fill.warning{background:var(--warning-500)}.project-card .project-hours{border-top:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding-top:var(--space-3)}.status-badge.planning{background:var(--accent-100);border-color:#818cf82e;color:var(--accent-700)}.status-badge.active{background:var(--primary-100);border-color:#10b98129;color:var(--primary-700)}.status-badge.on_hold{background:var(--warning-100);border-color:#f59e0b29;color:var(--warning-700)}.status-badge.completed{background:var(--success-100);border-color:#10b98129;color:var(--success-700)}.status-badge.cancelled{background:var(--danger-100);border-color:#ef444424;color:var(--danger-700)}.status-badge.pending{background:var(--secondary-100);border-color:#94a3b82e;color:var(--secondary-600)}.status-badge.in_progress{background:var(--primary-100);border-color:#10b98129;color:var(--primary-700)}.status-badge.blocked{background:var(--danger-100);border-color:#ef444424;color:var(--danger-700)}.priority-badge{border:1px solid #0000;font-size:var(--text-xs);font-weight:var(--font-medium);padding:4px 8px}.priority-badge.low{background:var(--secondary-100);border-color:#94a3b82e;color:var(--secondary-600)}.priority-badge.medium{background:var(--info-100);border-color:#0ea5e924;color:var(--info-700)}.priority-badge.high{background:var(--warning-100);border-color:#f59e0b29;color:var(--warning-700)}.priority-badge.urgent{background:var(--danger-100);border-color:#ef444424;color:var(--danger-700)}.project-detail{margin:0 auto;max-width:1400px;padding:var(--space-6)}.project-detail .project-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.project-detail .header-left{flex:1 1}.project-detail .back-btn{margin-bottom:var(--space-3)}.project-detail .header-left h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.project-detail .project-client-label{color:var(--text-muted);font-size:var(--text-base)}.project-detail .header-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.project-info-bar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-tabs{background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:2px;margin-bottom:var(--space-5);padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{border:none;border-radius:var(--radius-md);padding:8px 20px;transition:all var(--transition-fast)}.tab-btn.active{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.tab-btn.active,.tab-btn:hover:not(.active){color:var(--text-primary)}.tasks-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.tasks-section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.tasks-section-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.tasks-list{list-style:none;margin:0;padding:0}.task-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:background var(--transition-fast)}.task-item:last-child{border-bottom:none}.task-item:hover{background:var(--primary-50)}.task-item .task-info{flex:1 1;min-width:0}.task-item .task-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item .task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.task-item .task-assignee,.task-item .task-due{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:4px}.overdue-date,.task-item .task-overdue{color:var(--danger-600);font-weight:600}.meta-overdue{color:var(--danger-600)!important;font-weight:600}.task-hours{color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.task-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.task-item:hover .task-actions{opacity:1}.timesheet-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-top:var(--space-5);overflow:hidden}.timesheet-section .timesheet-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-5)}.timesheet-section .timesheet-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.timesheet-grid-wrapper{overflow-x:auto}.timesheet-grid{border-collapse:collapse;min-width:600px;width:100%}.timesheet-grid th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--space-3) var(--space-4);text-align:center;text-transform:uppercase}.timesheet-grid th:first-child{min-width:160px;text-align:left}.timesheet-grid td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:center;vertical-align:middle}.timesheet-grid td:first-child{font-weight:var(--font-medium);text-align:left}.timesheet-grid td.has-hours{cursor:pointer}.timesheet-grid td.has-hours:hover{background:var(--primary-50)}.hours-cell{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);display:inline-block;font-weight:var(--font-medium);padding:2px 10px}.empty-cell{color:var(--text-muted)}.timesheet-grid tfoot td{background:var(--bg-tertiary);border-top:2px solid var(--border-default);font-weight:var(--font-bold)}.my-projects{margin:0 auto;max-width:1200px;padding:var(--space-6)}.my-projects .my-projects-header{margin-bottom:var(--space-6)}.my-projects .my-projects-header>.page-hd{margin-bottom:0}.project-task-group{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-5);overflow:hidden}.ptg-header{align-items:center;background:var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.ptg-header:hover{background:var(--primary-50)}.ptg-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.timesheet-tasks-list{padding:var(--space-2) 0}.timesheet-task-row{border-bottom:1px solid var(--border-light);padding:var(--space-3) 0}.timesheet-task-row:last-child{border-bottom:none}.timesheet-task-row.enabled{background:var(--primary-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3)}.timesheet-task-header{margin-bottom:0}.timesheet-task-check{align-items:center;cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3)}.timesheet-task-check input[type=checkbox]{cursor:pointer;height:16px;width:16px}.timesheet-task-check .task-name{color:var(--text-primary);flex:1 1;font-weight:var(--font-medium)}.timesheet-task-fields{margin-top:var(--space-3)}.month-navigator{align-items:center;display:flex;gap:var(--space-3)}.month-navigator .month-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:120px;text-align:center}.nav-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:4px 8px;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--primary-100);border-color:var(--primary);color:var(--primary-700)}.cell-tooltip{position:relative}.cell-tooltip .tooltip-content{background:var(--text-primary);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text-inverse);display:none;font-size:var(--text-xs);left:50%;min-width:220px;padding:var(--space-3);position:absolute;transform:translateX(-50%);z-index:999}.cell-tooltip .tooltip-entry{border-bottom:1px solid #ffffff1a;padding:3px 0}.cell-tooltip .tooltip-entry:last-child{border-bottom:none}.cell-tooltip:hover .tooltip-content{display:block}.export-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width:768px){.my-projects,.project-detail,.projects-dashboard{padding:var(--space-4)}.projects-grid{grid-template-columns:1fr!important}.project-detail-header{flex-direction:column}.project-detail .header-actions{justify-content:flex-start;width:100%}.projects-filter-bar{flex-wrap:wrap}.projects-list-table{font-size:12px}.col-due,.col-members{display:none}}.projects-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.projects-count-badge{background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:999px;color:var(--text-muted);font-size:13px;font-weight:500;margin-left:10px;padding:4px 10px;vertical-align:middle}.view-toggle{background:#f8fafcf5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;overflow:hidden}.view-toggle-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:7px 10px;transition:background .15s,color .15s}.view-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary);color:var(--text-inverse)}.projects-filter-bar{align-items:center;background:linear-gradient(180deg,#ffffffe6,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 16px 34px #0f172a0d;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding:14px}.filter-search{align-items:center;background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-muted);display:flex;flex:1 1;gap:8px;max-width:340px;min-width:200px;padding:0 12px;position:relative}.filter-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:13px;outline:none;padding:9px 0}.filter-clear-btn,.filter-search input::placeholder{color:var(--text-muted)}.filter-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.filter-clear-btn:hover{color:var(--text-primary)}.projects-filter-bar select{background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);cursor:pointer;font-size:13px;outline:none;padding:9px 12px}.projects-filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f}.filter-reset-btn{align-items:center;background:none;border:1px dashed #94a3b8cc;border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:5px;padding:8px 14px;transition:color .15s,border-color .15s,background .15s}.filter-reset-btn:hover{background:#fef2f2a6;border-color:#dc2626;border-color:var(--danger,#dc2626);color:#dc2626;color:var(--danger,#dc2626)}.stat-card.stat-active{border-color:var(--primary);box-shadow:0 0 0 2px #22c55e33;box-shadow:0 0 0 2px rgba(var(--primary-rgb,34,197,94),.2)}.projects-list-wrapper{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;overflow:hidden}.projects-list-table{border-collapse:collapse;font-size:13px;width:100%}.projects-list-table thead tr{background:#f8fafcf5;border-bottom:2px solid var(--border-light)}.projects-list-table thead th{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;padding:11px 14px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.projects-list-table thead th.sortable{cursor:pointer;display:table-cell}.projects-list-table thead th.sortable:hover{color:var(--text-primary)}.projects-list-table thead th svg{display:inline;margin-left:3px;vertical-align:middle}.project-list-row{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .12s}.project-list-row:nth-child(2n){background:#f8fafc85}.project-list-row:last-child{border-bottom:none}.project-list-row:hover{background:#ecfdf5d1}.project-list-row td{padding:12px 14px;vertical-align:middle}.col-action{color:var(--text-muted);text-align:center;width:32px}.col-priority,.col-status{width:100px}.col-members{width:110px}.col-due{color:var(--text-secondary);font-size:12px;width:130px}.col-progress{width:140px}.col-hours{width:110px}.row-title{color:var(--text-primary);font-size:13px;font-weight:600}.row-client{color:var(--text-muted);font-size:11px;margin-top:2px}.row-members{gap:4px}.member-avatar-sm,.row-members{align-items:center;display:flex}.member-avatar-sm{background:var(--primary);border-radius:50%;color:var(--text-inverse);flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.member-avatar-sm.more{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);font-size:10px}.row-progress-wrap{align-items:center;display:flex;gap:8px}.row-progress-bar{background:var(--border-color);border-radius:6px;flex:1 1;height:6px;overflow:hidden}.row-progress-fill{background:var(--primary);border-radius:6px;height:100%;transition:width .3s ease}.row-progress-label{color:var(--text-secondary);font-size:11px;font-weight:600;min-width:30px;text-align:right}.row-tasks-label{color:var(--text-muted);font-size:10px;margin-top:3px}.row-hours-bill{color:var(--primary);font-size:13px;font-weight:600}.row-hours-nonbill{color:var(--text-muted);font-size:10px;margin-top:2px}.text-muted-sm{color:var(--text-muted);font-size:12px}.export-dropdown-wrapper{position:relative}.export-dropdown-panel{animation:modalSlideIn .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000024;display:flex;flex-direction:column;gap:10px;padding:18px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:200}.export-panel-title{color:var(--text-primary);font-size:14px;font-weight:700}.export-panel-desc{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0}.export-dropdown-panel label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.export-dropdown-panel input[type=date]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);font-size:13px;outline:none;padding:7px 10px;width:100%}.export-dropdown-panel input[type=date]:focus{border-color:var(--primary)}.export-panel-actions{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.btn-sm{font-size:12px!important;padding:6px 14px!important}.tdv-page{padding:var(--space-5)}@keyframes tdv-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tdv-skel-kpi-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-5)}.tdv-skel-kpi{animation:tdv-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-xl);height:96px}.tdv-skel-section{border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-4);overflow:hidden}.tdv-skel-section-header{background:var(--bg-tertiary);height:44px}.tdv-skel-row,.tdv-skel-section-header{animation:tdv-shimmer 1.4s linear infinite}.tdv-skel-row{background:var(--bg-secondary);border-top:1px solid var(--border-light);height:48px}.tdv-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.tdv-page-header>.page-hd{margin-bottom:0}.tdv-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3)}.tdv-control-group{display:flex;flex-direction:column;gap:4px}.tdv-control-group label{color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.tdv-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.tdv-input:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--primary-100,#d1fae5)}.tdv-refresh-btn{align-items:center;background:#059669;background:var(--primary-600,#059669);border:1px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;height:100%;padding:7px 14px;transition:background .15s,opacity .15s;white-space:nowrap}.tdv-refresh-btn:hover{background:#047857;background:var(--primary-700,#047857)}.tdv-refresh-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes tdv-spin{to{transform:rotate(1turn)}}.tdv-spin{animation:tdv-spin .7s linear infinite}.tdv-error{background:#fef2f2;background:var(--danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:var(--radius-md);color:#b91c1c;color:var(--danger-700,#b91c1c);margin-bottom:var(--space-4);padding:10px 14px}.tdv-empty,.tdv-error{font-size:var(--text-sm)}.tdv-empty{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-muted);padding:var(--space-12);text-align:center}.tdv-kpi-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-5)}.tdv-kpi{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);border-top:3px solid #0000;display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;transition:transform .18s,box-shadow .18s}.tdv-kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tdv-kpi-top{align-items:center;display:flex;gap:6px;margin-bottom:4px}.tdv-kpi-icon{align-items:center;border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.tdv-kpi-lbl{color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tdv-kpi-val{font-size:1.6rem;font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1}.tdv-kpi-val small{font-size:.9rem;font-weight:var(--font-semibold);letter-spacing:0;margin-left:1px;opacity:.65}.tdv-kpi-sub{color:var(--text-muted);font-size:11px;margin-top:1px}.tdv-kpi--present{border-top-color:#10b981;border-top-color:var(--primary-500,#10b981)}.tdv-kpi--present .tdv-kpi-icon{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#059669;color:var(--primary-600,#059669)}.tdv-kpi--present .tdv-kpi-val{color:#065f46;color:var(--primary-800,#065f46)}.tdv-kpi--leave{border-top-color:#f59e0b;border-top-color:var(--warning-500,#f59e0b)}.tdv-kpi--leave .tdv-kpi-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#d97706;color:var(--warning-600,#d97706)}.tdv-kpi--leave .tdv-kpi-val{color:#b45309;color:var(--warning-700,#b45309)}.tdv-kpi--absent{border-top-color:#ef4444;border-top-color:var(--danger-500,#ef4444)}.tdv-kpi--absent .tdv-kpi-icon{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#dc2626;color:var(--danger-600,#dc2626)}.tdv-kpi--absent .tdv-kpi-val{color:#b91c1c;color:var(--danger-700,#b91c1c)}.tdv-kpi--billable{border-top-color:#667eea;border-top-color:var(--accent-500,#667eea)}.tdv-kpi--billable .tdv-kpi-icon{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#5b5bd6;color:var(--accent-600,#5b5bd6)}.tdv-kpi--billable .tdv-kpi-val{color:#4338ca;color:var(--accent-800,#4338ca)}.tdv-kpi--nonbillable{border-top-color:#94a3b8;border-top-color:var(--secondary-400,#94a3b8)}.tdv-kpi--nonbillable .tdv-kpi-icon{background:#f1f5f9;background:var(--secondary-100,#f1f5f9);color:#475569;color:var(--secondary-600,#475569)}.tdv-kpi--nonbillable .tdv-kpi-val{color:#334155;color:var(--secondary-700,#334155)}.tdv-teams{display:flex;flex-direction:column;gap:var(--space-4)}.tdv-team-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.tdv-team-header{align-items:center;background:var(--bg-tertiary);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 14px;text-align:left;transition:background .15s;width:100%}.tdv-team-header:hover{background:#f1f5f9;background:var(--secondary-100,#f1f5f9)}.tdv-team-chevron{color:var(--text-muted);display:inline-flex;flex-shrink:0}.tdv-team-name{color:var(--text-primary);font-weight:var(--font-semibold)}.tdv-team-pills{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-left:var(--space-2)}.tdv-team-pill{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);padding:1px 7px;white-space:nowrap}.tdv-team-pill--present{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.tdv-team-pill--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.tdv-team-pill--absent{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#b91c1c;color:var(--danger-700,#b91c1c)}.tdv-member-count{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-medium);gap:4px;margin-left:auto;padding:1px 8px}.tdv-table-wrap{overflow-x:auto}.tdv-table{border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed;width:100%}.tdv-table th:first-child{width:27%}.tdv-table th:nth-child(2){width:19%}.tdv-table th:nth-child(3){width:16%}.tdv-table th:nth-child(4){width:14%}.tdv-table th:nth-child(5),.tdv-table th:nth-child(6){width:12%}.tdv-table td:first-child,.tdv-table td:nth-child(2),.tdv-table th:first-child,.tdv-table th:nth-child(2){text-align:left}.tdv-table td:nth-child(3),.tdv-table td:nth-child(4),.tdv-table td:nth-child(5),.tdv-table td:nth-child(6),.tdv-table th:nth-child(3),.tdv-table th:nth-child(4),.tdv-table th:nth-child(5),.tdv-table th:nth-child(6){text-align:right}.tdv-table thead tr{background:var(--bg-tertiary);border-bottom:2px solid var(--border-light)}.tdv-table th{color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.07em;overflow:hidden;padding:9px 14px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tdv-table th:first-child{padding-left:34px}.tdv-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);overflow:hidden;padding:9px 14px;vertical-align:middle;white-space:nowrap}.tdv-table tbody tr:last-child td{border-bottom:none}.tdv-center{text-align:center}.tdv-member-row{transition:background .12s}.tdv-member-row:hover{background:var(--bg-tertiary)}.tdv-row--clickable{cursor:pointer}.tdv-row--absent td{background:#fef2f2;background:var(--danger-50,#fef2f2)}.tdv-row--absent td:first-child{box-shadow:inset 3px 0 0 #f87171;box-shadow:inset 3px 0 0 var(--danger-400,#f87171)}.tdv-row--absent:hover td{background:var(--danger-100)}.tdv-row--leave td{background:#fffbeb;background:var(--warning-50,#fffbeb)}.tdv-row--leave td:first-child{box-shadow:inset 3px 0 0 #fbbf24;box-shadow:inset 3px 0 0 var(--warning-400,#fbbf24)}.tdv-row--leave:hover td{background:var(--warning-100)}.tdv-name-inner{align-items:center;display:flex;gap:6px}.tdv-name-stack{display:flex;flex-direction:column;gap:1px;min-width:0}.tdv-expand-icon{color:var(--text-muted);display:inline-flex;flex-shrink:0;width:16px}.tdv-expand-icon--hidden{visibility:hidden}.tdv-name{color:var(--text-primary);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdv-desig{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-normal);white-space:nowrap}.tdv-status-cell{align-items:center;display:flex;gap:5px}.tdv-time-cell{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-xs)}.tdv-remote-tag{background:#e0f2fe;background:var(--info-100,#e0f2fe);border-radius:var(--radius-sm);color:#0369a1;color:var(--info-700,#0369a1);font-size:10px;font-weight:var(--font-bold);letter-spacing:.02em;padding:1px 6px}.tdv-col--billable{color:#5b5bd6;color:var(--accent-600,#5b5bd6);font-weight:var(--font-semibold)}.tdv-col--nonbillable{color:#475569;color:var(--secondary-600,#475569);font-weight:var(--font-semibold)}.tdv-dash,.tdv-zero{color:var(--text-muted)}.tdv-zero{font-weight:var(--font-normal)}.tdv-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--font-semibold);letter-spacing:.02em;padding:2px 9px;white-space:nowrap}.tdv-badge--working{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.tdv-badge--break{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fde68a;border:1px solid var(--warning-200,#fde68a);color:#b45309;color:var(--warning-700,#b45309)}.tdv-badge--loggedout{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-muted)}.tdv-badge--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fde68a;border:1px solid var(--warning-200,#fde68a);color:#b45309;color:var(--warning-700,#b45309)}.tdv-badge--absent{background:#fef2f2;background:var(--danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);color:#b91c1c;color:var(--danger-700,#b91c1c)}.tdv-task-row td{border-bottom:1px solid var(--border-light);padding:0}.tdv-task-cell{background:var(--bg-tertiary);border-top:1px solid var(--border-light);padding:var(--space-3) var(--space-5) var(--space-4)!important}.tdv-task-table{border-collapse:collapse;font-size:var(--text-xs);width:100%}.tdv-task-table thead tr{border-bottom:1px solid var(--border-light)}.tdv-task-table th{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:.05em;padding:5px 8px;text-align:left;text-transform:uppercase}.tdv-task-entry td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:6px 8px;vertical-align:middle}.tdv-task-entry:last-child td{border-bottom:none}.tdv-task-project{color:#047857!important;color:var(--primary-700,#047857)!important;font-weight:var(--font-semibold);white-space:nowrap}.tdv-task-hours,.tdv-task-name{color:var(--text-primary)!important}.tdv-bill-yes,.tdv-task-hours{font-weight:var(--font-semibold)}.tdv-bill-yes{color:#059669;color:var(--primary-600,#059669)}.tdv-bill-no{color:var(--text-muted)}.tdv-worktype{text-transform:capitalize}.tdv-notes{font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.tdv-kpi-grid,.tdv-skel-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tdv-kpi-grid,.tdv-skel-kpi-grid{grid-template-columns:repeat(2,1fr)}.tdv-page-header{align-items:flex-start;flex-direction:column}.tdv-controls{width:100%}.tdv-team-pills{display:none}}@media (max-width:480px){.tdv-page{padding:var(--space-4)}.tdv-kpi-grid{grid-template-columns:1fr 1fr}.tdv-kpi-val{font-size:1.4rem}}.org-page{animation:org-fade-in .2s ease;max-width:1280px;padding:var(--space-6)}.org-page>.page-hd{margin-bottom:0}@keyframes org-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.org-toolbar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.org-tabs{background:#f1f5f9eb;border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;gap:0;padding:3px}.org-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--transition-normal);white-space:nowrap}.org-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.org-tab--active{box-shadow:0 12px 24px #10b9812e}.org-btn-primary,.org-tab--active,.org-tab--active:hover{background:var(--primary-gradient);color:#fff}.org-btn-primary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.org-btn-primary:hover{background:var(--primary-gradient);box-shadow:0 18px 34px #10b98138;transform:translateY(-1px)}.org-btn-secondary{align-items:center;background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:0 10px 22px #0f172a0d;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.org-btn-secondary:hover{background:#f8fafcf5;border-color:#94a3b8f2;color:var(--text-primary);transform:translateY(-1px)}.org-btn-danger{align-items:center;background:#0000;border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.org-btn-danger:hover{background:var(--danger-50);border-color:var(--danger-400)}.org-btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.org-btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.org-btn-icon--danger:hover{background:var(--danger-50);color:var(--danger-600)}.org-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.org-stat-chip{align-items:center;background:#fffffff2;border:1px solid #e2e8f0e6;border-radius:var(--radius-full);box-shadow:0 8px 18px #0f172a0a;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.org-stat-chip strong{color:var(--text-primary);font-weight:var(--font-semibold)}.org-stat-chip--active{background:var(--primary-50);border-color:var(--primary-200)}.org-stat-chip--active,.org-stat-chip--active strong{color:var(--primary-700)}.org-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;letter-spacing:.01em;padding:2px 8px;white-space:nowrap}.org-badge--active{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700)}.org-badge--inactive{color:var(--text-muted)}.org-badge--count,.org-badge--inactive{background:var(--bg-tertiary);border:1px solid var(--border-light)}.org-badge--count{color:var(--text-secondary)}.dept-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dept-card{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 18px 36px #0f172a0f;padding:var(--space-5);position:relative;transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.dept-card:hover{border-color:#cbd5e1f2;box-shadow:0 24px 44px #0f172a14;transform:translateY(-2px)}.dept-card__header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.dept-card__title-group{flex:1 1;min-width:0}.dept-card__name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:var(--text-sm);line-height:1.5;margin:0;min-height:2.4em;overflow:hidden}.dept-card__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.dept-card__footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3)}.dept-card__delete-confirm,.dept-card__footer{align-items:center;display:flex;gap:var(--space-2)}.dept-card__delete-confirm{animation:org-fade-in .15s ease;background:var(--danger-50);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:var(--radius-md);color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:var(--text-xs);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.dept-card__delete-confirm span{flex:1 1;font-weight:var(--font-medium)}.org-filter-bar{align-items:center;background:linear-gradient(180deg,#ffffffe6,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 16px 34px #0f172a0d;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding:14px}.org-search-input,.org-select{background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.org-select{cursor:pointer;min-width:180px}.org-search-input{flex:1 1;max-width:320px;min-width:220px}.org-search-input:focus,.org-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #10b9811a}.teams-table-wrap{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;overflow:hidden}.teams-table{border-collapse:collapse;width:100%}.teams-table thead tr{background:#f8fafcf5;border-bottom:1px solid var(--border-light)}.teams-table th{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.teams-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.teams-table tbody tr:nth-child(2n){background:#f8fafc85}.teams-table tbody tr:last-child{border-bottom:none}.teams-table tbody tr:hover{background:#ecfdf5d1}.teams-table td{color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);vertical-align:middle}.teams-table td.td-muted{color:var(--text-muted);font-size:var(--text-xs)}.teams-table td.td-actions{width:100px}.td-actions-inner{align-items:center;display:flex;gap:var(--space-1)}.team-row-delete-confirm{align-items:center;color:#b91c1c;color:var(--danger-700,#b91c1c);display:flex;font-size:var(--text-xs);gap:var(--space-2);white-space:nowrap}.team-name-cell{font-weight:var(--font-medium)}.team-desc-cell{color:var(--text-muted);font-size:var(--text-xs);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-empty{background:linear-gradient(180deg,#ffffffd1,#f8fafcf0);border:1px dashed #cbd5e1e0;border-radius:24px;flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center}.org-empty,.org-empty__icon{align-items:center;display:flex;justify-content:center}.org-empty__icon{background:linear-gradient(180deg,#f0fdf4f5,#ecfdf5e0);border:1px solid #a7f3d0b8;border-radius:var(--radius-2xl);color:var(--primary-700);height:56px;width:56px}.org-empty__title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.org-empty__sub{color:var(--text-muted);font-size:var(--text-sm);margin:0}.org-modal-overlay{align-items:center;animation:org-overlay-in .2s ease;background:var(--overlay-dark);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal-backdrop)}@keyframes org-overlay-in{0%{opacity:0}to{opacity:1}}.org-modal{animation:org-modal-in .22s var(--transition-spring);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:var(--radius-2xl);box-shadow:0 28px 80px #0f172a3d;max-width:480px;overflow:hidden;width:100%}@keyframes org-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.org-modal__header{align-items:center;background:#fffc;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.org-modal__title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-2);margin:0}.org-modal__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.org-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.org-modal__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.org-modal__footer{align-items:center;background:#f8fafce6;border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.org-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.org-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.org-label .required{color:var(--danger-500);margin-left:2px}.org-input,.org-select-field,.org-textarea{background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.org-input:focus,.org-select-field:focus,.org-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #10b9811a}.org-textarea{min-height:72px;resize:vertical}.org-select-field{cursor:pointer}.org-toggle-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-3)}.org-toggle-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.org-toggle-sublabel{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.org-toggle{flex-shrink:0;height:22px;position:relative;width:40px}.org-toggle input{height:0;opacity:0;width:0}.org-toggle__track{background:var(--border-default);border-radius:var(--radius-full);cursor:pointer;inset:0;position:absolute;transition:background var(--transition-normal)}.org-toggle input:checked+.org-toggle__track{background:var(--primary-500)}.org-toggle__track:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-xs);content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform var(--transition-normal);width:16px}.org-toggle input:checked+.org-toggle__track:before{transform:translateX(18px)}.org-modal-error{align-items:flex-start;background:var(--danger-50);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:var(--radius-md);color:#b91c1c;color:var(--danger-700,#b91c1c);gap:var(--space-2);padding:var(--space-3)}.org-loading,.org-modal-error{display:flex;font-size:var(--text-sm)}.org-loading{align-items:center;color:var(--text-muted);gap:var(--space-3);justify-content:center;padding:var(--space-16)}.org-spinner{animation:org-spin .7s linear infinite;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-500);height:20px;width:20px}@keyframes org-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.org-page{padding:var(--space-4)}.org-toolbar{align-items:stretch;flex-direction:column}.dept-grid{grid-template-columns:1fr}.org-filter-bar{align-items:stretch;flex-direction:column}.org-search-input,.org-select{max-width:100%;width:100%}.teams-table td:nth-child(4),.teams-table th:nth-child(4){display:none}}.modal-content-large{animation:modalSlideIn .25s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 28px 80px #0f172a3d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.user-form{padding:30px}.form-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.form-section{background:linear-gradient(180deg,#fffffff5,#f8fafceb);border:1px solid #e2e8f0e6;border-left:4px solid var(--primary-600);border-radius:16px;box-shadow:0 14px 30px #0f172a0a;padding:25px}.form-section h3{color:var(--primary-600);font-size:18px;font-weight:700;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group textarea{min-height:96px}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.split-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.education-card{background:#ffffffd1;border:1px solid #cbd5e1d9;border-radius:12px;margin-bottom:16px;padding:16px}.education-card h4{color:var(--text-primary);font-size:14px;margin:0 0 14px}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.modal-content-large{border-radius:8px;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:20px}.form-section,.user-form{padding:20px}.form-actions{margin:0 -20px -20px;padding:15px 20px}.split-fields{grid-template-columns:1fr}}.education-entry{align-items:center;display:flex;gap:8px;margin-bottom:8px}.education-entry input{flex:1 1;margin-bottom:0}.edu-remove-btn{align-items:center;background:none;border:1px solid var(--danger-400);border-radius:var(--radius-md);color:var(--danger-500);cursor:pointer;display:flex;flex-shrink:0;padding:6px 8px;transition:background var(--transition-fast),color var(--transition-fast)}.edu-remove-btn:hover{background:var(--danger-500);color:var(--text-inverse)}.edu-add-btn{align-items:center;background:none;border:1px dashed var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:5px;margin-top:2px;padding:6px 12px;transition:background .15s,color .15s}.edu-add-btn:hover{background:var(--primary);color:var(--text-inverse)}.bulk-import-modal{max-width:680px;width:100%}.import-step{border-bottom:1px solid var(--border);display:flex;gap:16px;padding:18px 24px}.import-step:last-of-type{border-bottom:none}.import-step-num{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.import-step-body{flex:1 1}.import-step-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.import-step-desc{color:var(--text-muted);font-size:12px;line-height:1.5;margin-bottom:12px}.import-template-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.import-template-btn:hover{background:#eff6ff;background:var(--primary-50,#eff6ff);border-color:var(--primary);color:var(--primary)}.import-dropzone{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:24px;text-align:center;transition:all var(--transition-fast)}.import-dropzone.has-file,.import-dropzone:hover{background:#eff6ff;background:var(--primary-50,#eff6ff);border-color:var(--primary)}.import-drop-hint{align-items:center;display:flex;flex-direction:column;font-size:13px;gap:8px}.import-drop-hint,.import-drop-hint svg{color:var(--text-muted)}.import-file-info{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center}.import-file-name{color:var(--text-primary)}.import-remove-file{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:all var(--transition-fast)}.import-remove-file:hover{background:var(--danger-100);color:var(--danger-600)}.import-icon-ok{color:var(--success-600)}.import-icon-skip{color:var(--warning-600)}.import-icon-err{color:var(--danger-600)}.import-summary{display:flex;gap:10px;padding:14px 24px 10px}.summary-pill{border-radius:99px;font-size:12px;font-weight:600;padding:4px 14px}.summary-pill.created{background:var(--primary-100);color:var(--success-600)}.summary-pill.skipped{background:var(--warning-100);color:var(--warning-600)}.summary-pill.errored{background:var(--danger-100);color:var(--danger-600)}.import-results-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 24px 16px;max-height:260px;overflow-y:auto}.import-results-table{border-collapse:collapse;font-size:13px;width:100%}.import-results-table th{background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.import-results-table td{border-top:1px solid var(--border);padding:8px 12px;vertical-align:middle}.import-row-created td{background:var(--primary-50)}.import-row-skipped td{background:var(--warning-50)}.import-row-error td{background:var(--danger-50)}.import-status-cell{align-items:center;display:flex;font-weight:500;gap:5px;text-transform:capitalize}.user-management{box-sizing:border-box;margin:0 auto;max-width:1600px;overflow-x:hidden;padding:24px;width:100%}.management-header{gap:16px;margin-bottom:24px;min-width:0}.header-left h2{font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.header-actions{flex-shrink:0;gap:10px;min-width:0}.add-user-btn,.header-actions{align-items:center;display:flex}.add-user-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.add-user-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-user-btn svg{height:18px;width:18px}.filters-section{display:flex;gap:16px;margin-bottom:20px;min-width:0}.search-box{flex:1 1;min-width:0}.search-box input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;min-width:0;padding:10px 14px;transition:all var(--transition-fast);width:100%}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.role-filter select{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:14px;min-width:160px;padding:10px 14px;transition:all var(--transition-fast)}.role-filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.users-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px;min-width:0}.stat-box{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;transition:all var(--transition-fast)}.stat-box:hover{box-shadow:var(--shadow-sm)}.stat-box.blue{border-left:3px solid var(--primary)}.stat-box.green{border-left:3px solid var(--success-600)}.stat-box.orange{border-left:3px solid var(--warning-600)}.stat-box.purple{border-left:3px solid #9333ea;border-left:3px solid var(--accent-700,#9333ea)}.stat-box.teal{border-left:3px solid var(--info-600)}.stat-box.red{border-left:3px solid var(--danger-600)}.stat-value{font-size:28px;margin-bottom:4px}.stat-label{font-size:11px}.users-table-container{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);max-width:100%;overflow:hidden;width:100%}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-tertiary)}.users-table th{border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:14px;padding:14px 16px;vertical-align:middle}.users-table tbody tr{transition:background var(--transition-fast)}.users-table tbody tr:hover{background:var(--bg-tertiary)}.role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:5px 12px}.role-admin{background:var(--danger-100);color:var(--danger-700)}.role-super-manager{background:var(--success-100);color:var(--success-700)}.role-manager{background:var(--primary-100);color:var(--primary-700)}.role-hr{background:var(--warning-100);color:var(--warning-700)}.role-sales{background:var(--primary-100);color:var(--primary-dark)}.role-employee{background:var(--secondary-100);color:var(--secondary-700)}.tax-regime-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.tax-regime-badge.new-regime{background:var(--primary-100);color:var(--primary-700)}.tax-regime-badge.old-regime{background:var(--warning-100);color:var(--warning-700)}.tax-regime-cell{align-items:center;display:flex;gap:8px}.lock-toggle-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:all var(--transition-fast)}.lock-toggle-btn:hover{background:var(--bg-tertiary);opacity:1}.lock-icon{font-size:14px}.user-identity-cell{align-items:center;display:flex;gap:12px}.user-avatar{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;letter-spacing:.5px;width:38px}.user-name-info{display:flex;flex-direction:column;gap:2px}.user-full-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-meta{color:var(--text-muted);font-size:12px}.dept-team-cell{display:flex;flex-direction:column;gap:2px}.dept-name{color:var(--text-primary);font-size:14px;font-weight:500}.team-name{color:var(--text-muted);font-size:12px}.salary-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.date-cell{color:var(--text-secondary);font-size:13px;white-space:nowrap}.action-buttons{gap:6px}.btn-delete,.btn-edit,.btn-key{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all var(--transition-fast)}.btn-edit{color:var(--primary)}.btn-edit:hover{background:var(--primary-100)}.btn-key{color:var(--warning-600)}.btn-key:hover{background:var(--warning-100)}.btn-delete{color:var(--danger-600)}.btn-delete:hover{background:var(--danger-100)}.btn-delete svg,.btn-edit svg,.btn-key svg{height:18px;width:18px}.no-users{color:var(--text-muted);padding:48px 20px;text-align:center}.no-users svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.no-users p{font-size:15px;margin:0}.success-message{font-size:14px;margin-bottom:16px}.error-message,.success-message{align-items:center;gap:10px;padding:12px 16px}.emp-status-wrapper{display:inline-block;position:relative}.emp-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.emp-status-btn{border:none;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.emp-status-btn:hover{opacity:.85;transform:translateY(-1px)}.status-active{background:var(--success-100);color:var(--success-700)}.status-notice{background:var(--warning-100);color:var(--warning-700)}.status-inactive{background:#f1f5f9;background:var(--secondary-100,#f1f5f9);color:var(--text-secondary)}.status-exited{background:var(--danger-100);color:var(--danger-700)}.status-absconded{background:#f3e8ff;color:#7e22ce}.emp-status-dropdown{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f172a1f;left:0;min-width:148px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:100}.emp-status-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:9px 14px;text-align:left;transition:background var(--transition-fast);width:100%}.emp-status-dropdown-item:hover{background:var(--bg-tertiary)}.emp-status-dropdown-item.is-current{font-weight:700}.emp-status-dropdown-item.status-active{color:var(--success-700)}.emp-status-dropdown-item.status-notice{color:var(--warning-700)}.emp-status-dropdown-item.status-inactive{color:var(--text-secondary)}.emp-status-dropdown-item.status-exited{color:var(--danger-700)}.emp-status-dropdown-item.status-absconded{color:#7e22ce}.view-tabs{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:4px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.view-tab{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:7px 20px;transition:all var(--transition-fast)}.view-tab--active{background:var(--bg-secondary);box-shadow:0 1px 4px #0f172a14;color:var(--primary-600);font-weight:600}.full-detail-container{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;position:relative;width:100%}.full-detail-container::-webkit-scrollbar{height:7px}.full-detail-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.full-detail-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.full-detail-container::-webkit-scrollbar-thumb:hover{background:var(--primary)}.full-detail-table{font-size:13px;max-width:none;min-width:2600px;width:-webkit-max-content;width:max-content}.full-detail-table th{white-space:nowrap}.full-detail-table td{padding:12px 14px;white-space:nowrap}.mono-cell{color:var(--text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;letter-spacing:.03em}.num-cell{color:var(--text-primary);font-weight:600;text-align:center}@media (max-width:768px){.user-management{padding:16px}.management-header{align-items:flex-start;flex-direction:column;gap:16px}.add-user-btn{justify-content:center;width:100%}.filters-section{flex-direction:column;gap:12px}.role-filter select{width:100%}.users-stats{grid-template-columns:repeat(2,1fr)}.users-table-container{overflow-x:auto}.users-table{min-width:900px}}@media (max-width:480px){.users-stats{grid-template-columns:1fr}}.table-container{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:var(--radius-2xl);box-shadow:0 22px 48px #0f172a14;overflow-x:auto;padding:var(--space-8)}.table-container h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.03em;margin-bottom:var(--space-5)}.data-table{border-collapse:collapse;min-width:800px;width:100%}.data-table th,.data-table thead{background:#f8fafcf5}.data-table th{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.7px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-table td,.data-table th{padding:var(--space-4) var(--space-3)}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-base);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast),transform var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:#f8fafc85}.data-table tbody tr:hover{background:#ecfdf5db}.badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:5px 10px}.badge.low{background:var(--info-100);border-color:#0ea5e924;color:var(--info-700)}.badge.medium{background:var(--warning-100);border-color:#f59e0b29;color:var(--warning-700)}.badge.high{background:var(--danger-100);border-color:#ef444424;color:var(--danger-700)}.badge.critical{background:var(--danger-600);color:var(--text-inverse)}.badge.open{background:var(--warning-100);border-color:#f59e0b29;color:var(--warning-700)}.badge.resolved{background:var(--success-100);border-color:#10b98129;color:var(--success-700)}.badge.pending{background:var(--warning-100);border-color:#f59e0b29;color:var(--warning-700)}.badge.approved{background:var(--success-100);border-color:#10b98129;color:var(--success-700)}.badge.rejected{background:var(--danger-100);border-color:#ef444424;color:var(--danger-700)}.action-btn{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:0 8px 18px #0f172a14;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1);margin-right:var(--space-2);padding:9px 14px;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.resolve{background:var(--success-600);color:var(--text-inverse)}.action-btn.resolve:hover:not(:disabled){background:var(--success-700)}.action-btn.approve{background:var(--success-600);color:var(--text-inverse)}.action-btn.approve:hover:not(:disabled){background:var(--success-700)}.action-btn.reject{background:var(--danger-600);color:var(--text-inverse)}.action-btn.reject:hover:not(:disabled){background:var(--danger-700)}.no-data{font-size:var(--text-lg);padding:var(--space-10)}.leaves-container{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:var(--radius-2xl);box-shadow:0 22px 48px #0f172a14;overflow-x:auto;padding:var(--space-8)}.leaves-container h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-5)}.leaves-table{border-collapse:collapse;min-width:1000px;width:100%}.leaves-table th,.leaves-table thead{background:#f8fafcf5}.leaves-table th{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.7px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.leaves-table td,.leaves-table th{padding:var(--space-4) var(--space-3)}.leaves-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-base);vertical-align:middle}.leaves-table tbody tr{transition:background var(--transition-fast)}.leaves-table tbody tr:nth-child(2n){background:#f8fafc85}.leaves-table tbody tr:hover{background:#ecfdf5db}.status-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.status-badge.status-pending-manager-approval{background:var(--warning-100);color:var(--warning-700)}.status-badge.status-pending-hr-approval{background:var(--info-100);color:var(--info-700)}.status-badge.status-approved{background:var(--success-100);color:var(--success-700)}.status-badge.status-rejected{background:var(--danger-100);color:var(--danger-700)}.approve-btn{align-items:center;background:var(--success-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1);margin-right:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.approve-btn:hover:not(:disabled){background:var(--success-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.approve-btn:disabled{cursor:not-allowed;opacity:.5}.reject-btn{align-items:center;background:var(--danger-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.reject-btn:hover:not(:disabled){background:var(--danger-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.reject-btn:disabled{cursor:not-allowed;opacity:.5}.error-message,.success-message{font-size:var(--text-base);padding:var(--space-4)}.revoke-btn{background:var(--danger-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.revoke-btn:hover:not(:disabled){background:var(--danger-700)}.revoke-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:var(--warning-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.cancel-btn:hover:not(:disabled){background:var(--warning-700)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.info-text{color:var(--text-muted);font-size:var(--text-base)}.approval-info,.rejection-info{font-size:var(--text-xs);text-align:left}.approved-badge{background:var(--success-100);color:var(--success-700)}.approved-badge,.rejected-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-1);padding:2px var(--space-2)}.rejected-badge{background:var(--danger-100);color:var(--danger-700)}.pending-text{color:var(--warning-600);font-style:italic}.approver,.pending-text{font-size:var(--text-xs)}.approver{color:var(--text-secondary);margin-top:2px}.comment{background:var(--surface-1);color:var(--text-primary);font-style:italic}.comment,.reason{border-radius:var(--radius-sm);font-size:var(--text-xs);margin-top:var(--space-1);padding:var(--space-1)}.reason{background:var(--danger-50);color:var(--danger-700);font-weight:var(--font-medium)}.attachment-cell{min-width:120px}.attachment-actions{display:flex}.attachment-actions,.download-btn{align-items:center;gap:var(--space-1)}.download-btn{background:var(--info-100);border:1px solid var(--info-500);border-radius:var(--radius-md);color:var(--info-700);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);max-width:150px;overflow:hidden;padding:var(--space-1) var(--space-2);text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.download-btn:hover{background:var(--info-50);border-color:var(--info-600);box-shadow:var(--shadow-xs)}.delete-attachment-btn{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.delete-attachment-btn:hover{background:var(--danger-100);border-color:var(--danger-500)}.upload-label{cursor:pointer;display:inline-block}.upload-btn{align-items:center;background:var(--surface-1);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.upload-btn:hover{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.no-attachment{color:var(--text-muted);font-size:var(--text-xs)}.export-btn{background:var(--primary);border:none;color:var(--text-inverse);padding:var(--space-2) var(--space-3)}.export-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm)}@media (max-width:768px){.leaves-container,.table-container{border-radius:var(--radius-lg);padding:var(--space-4)}.leaves-container h2,.table-container h2{font-size:var(--text-xl)}.data-table,.leaves-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.action-btn:focus-visible,.approve-btn:focus-visible,.cancel-btn:focus-visible,.download-btn:focus-visible,.export-btn:focus-visible,.reject-btn:focus-visible,.revoke-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.al-list-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;overflow:hidden}.al-action-header{align-items:center;background:var(--bg-tertiary);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 24px 16px}.al-action-header,.al-tabs{border-bottom:1px solid var(--border-light);display:flex}.al-tabs{background:var(--bg-secondary);gap:2px;padding:12px 24px 0}.al-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:7px;margin-bottom:-1px;padding:9px 16px;transition:all .15s;white-space:nowrap}.al-tab:hover:not(.al-tab--active){background:var(--bg-tertiary);color:var(--text-primary)}.al-tab--active{background:var(--bg-secondary);border-bottom-color:#10b981;border-bottom-color:var(--primary-500,#10b981);color:#047857;color:var(--primary-700,#047857);font-weight:var(--font-semibold)}.al-tab-count{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);font-size:11px;font-weight:var(--font-bold);min-width:20px;padding:1px 7px;text-align:center;transition:all .15s}.al-tab--active .al-tab-count{background:#d1fae5;background:var(--primary-100,#d1fae5);color:#047857;color:var(--primary-700,#047857)}.al-tab--pending.al-tab--active{border-bottom-color:#f59e0b;border-bottom-color:var(--warning-500,#f59e0b);color:#b45309;color:var(--warning-700,#b45309)}.al-tab--pending.al-tab--active .al-tab-count{background:var(--warning-100);color:var(--warning-700)}.al-tab--approved.al-tab--active{border-bottom-color:#22c55e;border-bottom-color:var(--success-500,#22c55e);color:#15803d;color:var(--success-700,#15803d)}.al-tab--approved.al-tab--active .al-tab-count{background:var(--success-100);color:var(--success-700)}.al-tab--rejected.al-tab--active{border-bottom-color:#ef4444;border-bottom-color:var(--danger-500,#ef4444);color:#b91c1c;color:var(--danger-700,#b91c1c)}.al-tab--rejected.al-tab--active .al-tab-count{background:var(--danger-100);color:var(--danger-700)}.al-filters{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:10px;padding:12px 24px}.al-search-wrap{flex:1 1;max-width:320px;min-width:180px;position:relative}.al-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.al-search{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:7px 30px 7px 32px;transition:border-color .15s;width:100%}.al-search:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #ecfdf5;box-shadow:0 0 0 3px var(--primary-50,#ecfdf5);outline:none}.al-search-clear,.al-search::placeholder{color:var(--text-muted)}.al-search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px}.al-search-clear:hover{background:var(--border-default);color:var(--text-primary)}.al-filter-wrap{position:relative}.al-filter-icon{color:var(--text-muted);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.al-select{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);min-width:130px;padding:7px 10px 7px 28px;transition:border-color .15s}.al-select:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #ecfdf5;box-shadow:0 0 0 3px var(--primary-50,#ecfdf5);outline:none}.al-clear-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:5px;padding:6px 12px;transition:all .15s;white-space:nowrap}.al-clear-btn:hover{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.al-result-count{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto;white-space:nowrap}.al-table-scroll{max-height:520px;overflow-x:auto;overflow-y:auto}.al-table-scroll::-webkit-scrollbar{height:6px;width:6px}.al-table-scroll::-webkit-scrollbar-track{background:#0000}.al-table-scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.al-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.al-table{min-width:700px}.al-id{color:var(--text-muted);font-size:var(--text-xs);width:48px}.al-name{font-weight:var(--font-semibold)}.al-date{white-space:nowrap}.al-date,.al-days{color:var(--text-secondary);font-size:var(--text-sm)}.al-days{font-weight:var(--font-semibold);text-align:center}.al-applied{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.al-type-tag{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:var(--font-semibold);padding:2px 10px;white-space:nowrap}.al-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;padding:56px 24px}.al-empty p{font-size:var(--text-base);margin:0}@media (max-width:640px){.al-action-header,.al-filters,.al-tabs{padding-left:16px;padding-right:16px}.al-tabs{gap:0;overflow-x:auto}.al-result-count{display:none}.al-table-scroll{max-height:420px}}.form-container{background:linear-gradient(180deg,#fffffff5,#f8fafceb);border:1px solid #e2e8f0eb;border-radius:var(--radius-2xl);box-shadow:0 20px 44px #0f172a14;max-width:700px;padding:var(--space-8)}.form-container h2{color:var(--text-primary);font-size:var(--text-2xl);letter-spacing:-.03em;margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{font-weight:var(--font-semibold);letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{background:#ffffffeb;border-radius:var(--radius-lg);padding:12px 14px;transition:border-color var(--transition-slow),box-shadow var(--transition-slow),background var(--transition-slow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-secondary)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f1f5f9eb;color:var(--text-muted);cursor:not-allowed}.form-row{grid-gap:var(--space-5);gap:var(--space-5)}.form-actions{align-items:center;border-top:1px solid #e2e8f0e0;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5)}.form-actions .btn,.form-actions button{min-height:42px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:var(--font-medium)!important;gap:var(--space-2)}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;transform:scale(1.2);width:auto!important}.checkbox-label span{-webkit-user-select:none;user-select:none}.info-box{background:linear-gradient(180deg,#f0f9fff2,#e0f2fee6);border:1px solid #7dd3fc73;border-left:4px solid var(--info-500);border-radius:var(--radius-md);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.info-box p{color:var(--info-700);font-size:var(--text-base);line-height:1.5;margin:0}.info-box strong{font-weight:var(--font-semibold)}.lop-preview-card{background:linear-gradient(180deg,#fffffff0,#f8fafceb);border:1px solid #cbd5e1e0;border-radius:var(--radius-lg);box-shadow:0 12px 28px #0f172a0d;margin-bottom:var(--space-4);padding:var(--space-4)}.lop-preview-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.04em;margin-bottom:var(--space-3);text-transform:uppercase}.lop-loading{color:var(--text-muted);font-style:italic;font-weight:var(--font-normal)}.lop-stats-row{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-3)}.lop-stat{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center}.lop-stat--danger{background:var(--error-50);border-color:var(--error-300)}.lop-stat-val{color:var(--text-primary);display:block;font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.2}.lop-stat--danger .lop-stat-val{color:var(--error-600)}.lop-stat-lbl{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:2px}.lop-breakdown{border-bottom:1px solid var(--border-default);border-top:1px solid var(--border-default);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-2) 0}.lop-awl{color:var(--warning-600)}.lop-deduction-line{background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-sm);color:var(--error-700);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3)}.lop-formula{color:var(--error-500);font-size:var(--text-xs);font-weight:var(--font-normal);margin-left:var(--space-1)}.lop-clean{color:var(--success-600);font-weight:var(--font-medium)}.lop-clean,.lop-na{font-size:var(--text-sm)}.lop-na{color:var(--text-muted);margin:0}.submit-btn{background:var(--primary-gradient);border-radius:var(--radius-lg);box-shadow:0 14px 30px #10b9812e;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:12px 24px;transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)}.submit-btn:hover{box-shadow:0 18px 34px #10b9813d;filter:saturate(1.04);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.file-input-wrapper{flex-direction:column}.file-input{background:var(--bg-tertiary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-2);transition:border-color var(--transition-slow),background var(--transition-slow)}.file-input:hover{background:var(--accent-50);border-color:var(--accent-500)}.file-input:focus{border-color:var(--accent-500);outline:none}.file-selected{align-items:center;background:var(--success-50);border-radius:var(--radius-sm);color:var(--success-700);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.remove-file-btn{background:var(--danger-500);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--text-xs);margin-left:auto;padding:var(--space-1) var(--space-2);transition:background var(--transition-normal)}.remove-file-btn:hover{background:var(--danger-600)}.file-hint{color:var(--text-muted);font-size:var(--text-xs)}.holiday-form{padding:30px}.form-group input,.form-group textarea{font-family:inherit;padding:12px 15px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f}.form-group input:read-only{background:var(--bg-tertiary);cursor:not-allowed}.checkbox-group{display:flex;flex-direction:column;gap:5px}.checkbox-group label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;transform:scale(1.2);width:auto}.checkbox-group span{font-size:14px}@media (max-width:768px){.modal-content{border-radius:8px;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:20px}.holiday-form{padding:20px}.form-actions{margin:0 -20px -20px;padding:15px 20px}}.holiday-management{margin:0 auto;max-width:1480px;padding:30px}.add-holiday-btn{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 14px 28px #10b9812e;color:var(--text-inverse);cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:transform .2s,box-shadow .2s}.add-holiday-btn:hover{box-shadow:0 18px 34px #10b98138;transform:translateY(-2px)}.year-filter{align-items:center;display:flex;gap:10px}.year-filter label{color:var(--text-secondary);font-size:14px;font-weight:600}.year-filter select{background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;cursor:pointer;font-size:14px;min-width:180px;padding:12px 15px}.year-filter select:focus{border-color:var(--primary);outline:none}.holidays-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat-box{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 18px 36px #0f172a0f;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.stat-box:hover{box-shadow:0 24px 44px #0f172a14;transform:translateY(-2px)}.stat-box.stat-active{border-left-color:var(--primary-400)}.stat-box.stat-inactive{border-left-color:var(--danger-500)}.stat-value{color:var(--primary)}.stat-active .stat-value{color:var(--primary-400)}.stat-inactive .stat-value{color:var(--danger-500)}.holidays-table-container{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;overflow:hidden}.holidays-table{border-collapse:collapse;width:100%}.holidays-table thead{background:#f8fafcf5}.holidays-table th{border-bottom:2px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;padding:15px 12px;text-align:left;text-transform:uppercase}.holidays-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-base);padding:15px 12px;vertical-align:middle}.holidays-table tbody tr:nth-child(2n){background:#f8fafc85}.holidays-table tbody tr:hover{background:#ecfdf5d1}.holidays-table tbody tr.inactive-row{background:#f8fafcb3;opacity:.6}.status-badge{border:1px solid #0000;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-400) 100%);color:var(--text-inverse)}.status-inactive{background:linear-gradient(135deg,var(--text-muted) 0,var(--text-muted) 100%);color:var(--text-inverse)}.action-buttons{gap:8px}.btn-delete,.btn-edit{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:10px;box-shadow:0 8px 18px #0f172a0d;font-size:18px;padding:6px 10px;transition:background .2s,transform .2s,border-color .2s}.btn-edit:hover{border-color:#38bdf866;transform:scale(1.1)}.btn-delete:hover{border-color:#f8717166;transform:scale(1.1)}.no-holidays{background:linear-gradient(180deg,#ffffffd1,#f8fafcf0);border:1px dashed #cbd5e1e0;border-radius:24px;padding:60px 20px}.no-holidays p{font-size:16px;margin:0}@media (max-width:768px){.holiday-management{padding:15px}.management-header{align-items:flex-start;flex-direction:column;gap:15px}.holidays-table-container{overflow-x:auto}.holidays-table{min-width:1000px}}.tlbh-page{padding:var(--space-5)}.tlbh-skeleton-header{animation:tlbh-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-lg);height:56px;margin-bottom:var(--space-5)}.tlbh-skeleton-card{height:100px}.tlbh-skeleton-card,.tlbh-skeleton-table{animation:tlbh-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-xl)}.tlbh-skeleton-table{height:320px}@keyframes tlbh-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tlbh-header{flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.tlbh-header,.tlbh-header-left{align-items:flex-start;display:flex}.tlbh-header-left{gap:var(--space-3)}.tlbh-back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-top:2px;transition:all .15s;width:34px}.tlbh-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tlbh-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 4px}.tlbh-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.tlbh-emp-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tlbh-meta-chip{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;padding:2px 8px}.tlbh-meta-chip--team{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.tlbh-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tlbh-filter-select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:7px 12px}.tlbh-export-btn,.tlbh-filter-select{cursor:pointer;font-size:var(--text-sm)}.tlbh-export-btn{align-items:center;background:#059669;background:var(--primary-600,#059669);border:none;border-radius:var(--radius-md);color:#fff;display:flex;font-weight:var(--font-medium);gap:6px;padding:7px 14px;transition:background .15s;white-space:nowrap}.tlbh-export-btn:hover{background:#047857;background:var(--primary-700,#047857)}.tlbh-export-btn:disabled{cursor:not-allowed;opacity:.6}.tlbh-summary-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(5,1fr);margin-bottom:var(--space-5)}.tlbh-summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);border-top:3px solid var(--border-light);display:flex;gap:var(--space-3);padding:var(--space-4)}.tlbh-summary-card--casual{border-top-color:#3b82f6;border-top-color:var(--info-500,#3b82f6)}.tlbh-summary-card--sick{border-top-color:#ef4444;border-top-color:var(--danger-500,#ef4444)}.tlbh-summary-card--earned{border-top-color:#f59e0b;border-top-color:var(--warning-500,#f59e0b)}.tlbh-summary-card--month{border-top-color:#10b981;border-top-color:var(--primary-500,#10b981)}.tlbh-summary-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.tlbh-summary-card--casual .tlbh-summary-icon{background:#eff6ff;background:var(--info-50,#eff6ff);color:#2563eb;color:var(--info-600,#2563eb)}.tlbh-summary-card--sick .tlbh-summary-icon{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#dc2626;color:var(--danger-600,#dc2626)}.tlbh-summary-card--earned .tlbh-summary-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#d97706;color:var(--warning-600,#d97706)}.tlbh-summary-card--month .tlbh-summary-icon{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#059669;color:var(--primary-600,#059669)}.tlbh-summary-val{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1}.tlbh-summary-label{color:var(--text-muted);font-size:11px;margin-top:2px}.tlbh-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.tlbh-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);border-top:3px solid #0000;padding:var(--space-5)}.tlbh-card--casual{border-top-color:#3b82f6;border-top-color:var(--info-500,#3b82f6)}.tlbh-card--sick{border-top-color:#ef4444;border-top-color:var(--danger-500,#ef4444)}.tlbh-card--earned{border-top-color:#f59e0b;border-top-color:var(--warning-500,#f59e0b)}.tlbh-card-top{gap:var(--space-2);margin-bottom:var(--space-3)}.tlbh-card-icon,.tlbh-card-top{align-items:center;display:flex}.tlbh-card-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);height:30px;justify-content:center;width:30px}.tlbh-card--casual .tlbh-card-icon{background:#eff6ff;background:var(--info-50,#eff6ff);color:#2563eb;color:var(--info-600,#2563eb)}.tlbh-card--sick .tlbh-card-icon{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#dc2626;color:var(--danger-600,#dc2626)}.tlbh-card--earned .tlbh-card-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#d97706;color:var(--warning-600,#d97706)}.tlbh-card-label{color:var(--text-secondary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium)}.tlbh-low-chip{background:var(--danger-100);border-radius:var(--radius-full);color:var(--danger-600);font-size:10px;font-weight:var(--font-semibold);letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.tlbh-card-balance{color:var(--text-primary);font-size:2rem;font-weight:var(--font-bold);line-height:1;margin-bottom:2px}.tlbh-card--casual .tlbh-card-balance{color:#2563eb;color:var(--info-600,#2563eb)}.tlbh-card--sick .tlbh-card-balance{color:#dc2626;color:var(--danger-600,#dc2626)}.tlbh-card--earned .tlbh-card-balance{color:#d97706;color:var(--warning-600,#d97706)}.tlbh-card-sub{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-3)}.tlbh-card-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;margin-bottom:6px;overflow:hidden}.tlbh-card-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.tlbh-card--casual .tlbh-card-bar-fill{background:#60a5fa;background:var(--info-400,#60a5fa)}.tlbh-card--sick .tlbh-card-bar-fill{background:#f87171;background:var(--danger-400,#f87171)}.tlbh-card--earned .tlbh-card-bar-fill{background:#fbbf24;background:var(--warning-400,#fbbf24)}.tlbh-card-stats{color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between}.tlbh-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-5)}.tlbh-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.tlbh-table-wrap{overflow-x:auto}.tlbh-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.tlbh-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.tlbh-table td,.tlbh-table th{border-bottom:1px solid var(--border-light);padding:10px 14px}.tlbh-table td{vertical-align:middle}.tlbh-table tbody tr:last-child td{border-bottom:none}.tlbh-table tbody tr:hover td{background:var(--bg-tertiary)}.tlbh-row--current{background:#ecfdf5!important;background:var(--primary-50,#ecfdf5)!important}.tlbh-center{text-align:center}.tlbh-dash{color:var(--text-muted)}.tlbh-month-cell{align-items:center;display:flex;gap:8px}.tlbh-month-name{color:var(--text-primary);font-weight:var(--font-medium)}.tlbh-now-chip{background:#d1fae5;background:var(--primary-100,#d1fae5);border-radius:var(--radius-full);color:#047857;color:var(--primary-700,#047857);font-size:10px;font-weight:var(--font-bold);letter-spacing:.05em;padding:1px 6px;text-transform:uppercase}.tlbh-shortday{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.tlbh-month-badge,.tlbh-shortday{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px}.tlbh-month-badge{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.tlbh-emp-info{align-items:center;display:flex;gap:var(--space-3)}.tlbh-emp-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-500,#10b981),var(--primary-700,#047857));border-radius:var(--radius-full);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:11px;font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.tlbh-emp-name-wrap{display:flex;flex-direction:column;gap:1px}.tlbh-emp-name{color:var(--text-primary);font-weight:var(--font-medium);white-space:nowrap}.tlbh-emp-id{color:var(--text-muted);font-size:11px}.tlbh-team-chip{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-radius:var(--radius-full);color:#047857;color:var(--primary-700,#047857);font-size:11px;font-weight:var(--font-medium);padding:3px 9px;white-space:nowrap}.tlbh-mini-cell{min-width:90px}.tlbh-mini-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.tlbh-mini-balance{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.tlbh-mini-balance--low{color:#dc2626;color:var(--danger-600,#dc2626)}.tlbh-mini-used{color:var(--text-muted);font-size:10px}.tlbh-mini-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:4px;overflow:hidden}.tlbh-mini-fill{border-radius:var(--radius-full);height:100%;transition:width .4s ease}.tlbh-mini--casual{background:#60a5fa;background:var(--info-400,#60a5fa)}.tlbh-mini--sick{background:#f87171;background:var(--danger-400,#f87171)}.tlbh-mini--earned{background:#fbbf24;background:var(--warning-400,#fbbf24)}.tlbh-history-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:5px 10px;transition:all .15s;white-space:nowrap}.tlbh-history-btn:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#a7f3d0;border-color:var(--primary-200,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.tlbh-error{background:#fef2f2;background:var(--danger-50,#fef2f2);border-radius:var(--radius-md);color:#dc2626;color:var(--danger-600,#dc2626);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:10px 14px}@media (max-width:1200px){.tlbh-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tlbh-summary-grid{grid-template-columns:repeat(2,1fr)}.tlbh-cards-grid{grid-template-columns:1fr}.tlbh-header{flex-direction:column}.tlbh-toolbar{width:100%}}.todo-container{padding:1.5rem;padding:var(--space-6,1.5rem)}.todo-toast{animation:toast-slide-in .25s ease;border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:.875rem;font-weight:600;padding:.65rem 1.1rem;position:fixed;right:1.25rem;top:1.25rem;z-index:9999}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.todo-toast--success{background:#d1fae5;background:var(--success-100,#d1fae5);border:1px solid #34d399;border:1px solid var(--success-400,#34d399);color:#065f46;color:var(--success-700,#065f46)}.todo-toast--error{background:#fee2e2;background:var(--danger-100,#fee2e2);border:1px solid #f87171;border:1px solid var(--danger-400,#f87171);color:#b91c1c;color:var(--danger-700,#b91c1c)}.todo-skeleton-heading,.todo-skeleton-row,.todo-skeleton-stats{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--surface-1,#f3f4f6) 25%,var(--surface-2,#e5e7eb) 50%,var(--surface-1,#f3f4f6) 75%);background-size:200% 100%;border-radius:8px;margin-bottom:.875rem}.todo-skeleton-heading{height:44px;width:40%}.todo-skeleton-stats{height:64px}.todo-skeleton-row{height:68px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.todo-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.todo-header-left{align-items:center;display:flex;gap:.875rem}.todo-header-icon{align-items:center;background:#10b981;background:var(--primary-500,#10b981);border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:var(--text-inverse);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.todo-header-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.35rem;font-weight:700;margin:0 0 .15rem}.todo-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;margin:0}.todo-view-toggle{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.4rem .85rem;transition:all .15s;white-space:nowrap}.view-btn:hover{background:#f3f4f6;background:var(--surface-2,#f3f4f6);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.view-btn--active{background:#10b981;background:var(--primary-500,#10b981);box-shadow:0 1px 4px #10b9814d;color:var(--text-inverse)}.todo-stats-bar{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:1.25rem;padding:.85rem 1.1rem}.todo-stats-counts{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.65rem}.tsc{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-flex;font-size:.8rem;gap:.35rem}.tsc b{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.tsc--overdue,.tsc--overdue b{color:#dc2626;color:var(--danger-600,#dc2626)}.tsc--done svg{color:#10b981;color:var(--success-500,#10b981)}.tsc--progress svg{color:var(--info-500)}.tsc--pending svg{color:var(--warning-500)}.tsc--overdue svg{color:#ef4444;color:var(--danger-500,#ef4444)}.todo-progress-wrap{align-items:center;display:flex;gap:.75rem}.todo-progress-track{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border-radius:99px;display:flex;flex:1 1;height:7px;overflow:hidden}.todo-progress-seg{height:100%;transition:width .6s ease}.todo-progress-seg--done{background:#10b981;background:var(--success-500,#10b981)}.todo-progress-seg--progress{background:var(--info-500)}.todo-progress-seg--overdue{background:#f87171;background:var(--danger-400,#f87171)}.todo-progress-pct{color:#059669;color:var(--primary-600,#059669);font-size:.75rem;font-weight:700;white-space:nowrap}.todo-add-section{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;box-shadow:0 1px 3px #0000000a;margin-bottom:1.25rem;padding:1rem 1.1rem}.todo-form{display:flex;flex-direction:column;gap:.6rem}.todo-input-wrapper{align-items:stretch;display:flex;gap:.5rem}.todo-input-icon-wrap{flex:1 1;position:relative}.todo-input-icon{color:#10b981;color:var(--primary-500,#10b981);left:.8rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.todo-input{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light,#e5e7eb);border-radius:9px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.875rem;padding:.65rem .9rem .65rem 2.35rem;transition:border-color .15s,box-shadow .15s;width:100%}.todo-input:focus{background:var(--bg-secondary);border-color:#10b981;border-color:var(--primary-500,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.todo-input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.todo-input:disabled{opacity:.6}.todo-add-actions{display:flex;gap:.4rem}.todo-assign-toggle{align-items:center;background:#f9fafb;background:var(--surface-1,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light,#e5e7eb);border-radius:9px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:0 .75rem;transition:all .15s}.todo-assign-toggle:hover{border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.todo-assign-toggle--active{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#10b981;border-color:var(--primary-500,#10b981);color:#059669;color:var(--primary-600,#059669)}.todo-add-btn{background:#10b981;background:var(--primary-500,#10b981);border:none;border-radius:9px;color:var(--text-inverse);cursor:pointer;font-size:.875rem;font-weight:600;padding:.65rem 1.1rem;transition:background .15s,transform .1s;white-space:nowrap}.todo-add-btn:hover:not(:disabled){background:#059669;background:var(--primary-600,#059669);transform:translateY(-1px)}.todo-add-btn:disabled{cursor:not-allowed;opacity:.5}.todo-assign-row{align-items:center;background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px dashed #d1d5db;border:1px dashed var(--border-light,#d1d5db);border-radius:8px;display:flex;gap:.6rem;padding:.55rem .8rem}.assign-icon{color:#10b981;color:var(--primary-500,#10b981);flex-shrink:0}.assign-select{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;flex:1 1;font-size:.825rem;padding:.35rem .6rem}.assign-select:focus{border-color:#10b981;border-color:var(--primary-500,#10b981);outline:none}.todo-hint{align-items:flex-start;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:.73rem;gap:.4rem;line-height:1.4;margin:0}.todo-hint svg{color:var(--warning-500);flex-shrink:0;margin-top:1px}.todo-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.todo-search{flex:1 1;min-width:180px;position:relative}.todo-search input{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.825rem;padding:.55rem 2.2rem .55rem 2rem;transition:border-color .15s;width:100%}.todo-search input:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #10b98114;outline:none}.todo-search-icon{left:.6rem;pointer-events:none}.todo-search-clear,.todo-search-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);position:absolute;top:50%;transform:translateY(-50%)}.todo-search-clear{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:.1rem;right:.5rem}.todo-search-clear:hover{color:#6b7280;color:var(--text-secondary,#6b7280)}.todo-filters{display:flex;flex-wrap:wrap;gap:.35rem}.filter-btn{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:99px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.78rem;font-weight:500;padding:.4rem .8rem;transition:all .15s;white-space:nowrap}.filter-btn:hover{border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.filter-btn--active{background:#10b981;background:var(--primary-500,#10b981);border-color:#0000;box-shadow:0 1px 4px #10b98140;color:var(--text-inverse)}.todo-group{margin-bottom:1.5rem}.todo-group-header{align-items:center;border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--border-light,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;gap:.5rem;margin-bottom:.65rem;padding-bottom:.5rem}.todo-group-header--overdue{border-bottom-color:#fecaca;border-bottom-color:var(--danger-200,#fecaca);color:#dc2626;color:var(--danger-600,#dc2626)}.todo-group-title{flex:1 1;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.todo-group-count{background:#f3f4f6;background:var(--surface-2,#f3f4f6);border-radius:99px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.72rem;font-weight:700;padding:1px .5rem}.todo-group-header--overdue .todo-group-count{background:#fee2e2;background:var(--danger-100,#fee2e2);color:#b91c1c;color:var(--danger-700,#b91c1c)}.todo-list{display:flex;flex-direction:column;gap:.5rem}.todo-item{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:10px;display:flex;gap:.75rem;overflow:hidden;padding:.7rem .9rem .7rem 0;position:relative;transition:box-shadow .15s,transform .12s}.todo-item:hover{box-shadow:0 3px 12px #00000012;transform:translateY(-1px)}.todo-item--overdue{background:var(--danger-50);border-color:#fecaca;border-color:var(--danger-200,#fecaca)}.todo-item--completed{opacity:.6}.todo-stripe{align-self:stretch;border-radius:0 2px 2px 0;flex-shrink:0;width:4px}.todo-stripe--pending{background:var(--warning-500)}.todo-stripe--in_progress{background:var(--info-500)}.todo-stripe--completed{background:#34d399;background:var(--success-400,#34d399)}.todo-check-wrap{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0}.todo-check-input{height:0;opacity:0;position:absolute;width:0}.todo-check-box{align-items:center;background:var(--bg-secondary);border:2px solid #d1d5db;border:2px solid var(--border-default,#d1d5db);border-radius:5px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s;width:18px}.todo-check-box:after{border:2px solid var(--text-inverse);border-left:none;border-top:none;content:"";height:9px;margin-top:-2px;transform:rotate(45deg) scaleY(0);transition:transform .15s;width:5px}.todo-check-input:checked+.todo-check-box,.todo-check-wrap:hover .todo-check-box{border-color:#10b981;border-color:var(--success-500,#10b981)}.todo-check-input:checked+.todo-check-box{background:#10b981;background:var(--success-500,#10b981)}.todo-check-input:checked+.todo-check-box:after{transform:rotate(45deg) scaleY(1)}.todo-content{flex:1 1;min-width:0}.todo-title-row{align-items:flex-start;display:flex;gap:.6rem;margin-bottom:.25rem}.todo-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:.875rem;font-weight:600;line-height:1.35}.todo-title--done{color:#9ca3af;color:var(--text-muted,#9ca3af);text-decoration:line-through}.todo-priority{align-items:center;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;gap:3px;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.priority-urgent{background:var(--danger-50);color:var(--danger-600)}.priority-high{background:var(--warning-100);color:var(--warning-600)}.priority-medium{background:var(--warning-50);color:#a16207;color:var(--warning-700,#a16207)}.priority-low{background:var(--primary-100);color:var(--primary-hover)}.todo-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;line-height:1.45;margin:0 0 .3rem}.todo-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.todo-due{align-items:center;background:#f9fafb;background:var(--surface-1,#f9fafb);border-radius:5px;color:#9ca3af;color:var(--text-muted,#9ca3af);display:inline-flex;font-size:.7rem;gap:3px;padding:2px 6px}.todo-due--overdue{background:#fee2e2;background:var(--danger-100,#fee2e2);color:#b91c1c;color:var(--danger-700,#b91c1c);font-weight:600}.todo-due--today{font-weight:600}.todo-assigned-chip,.todo-due--today{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.todo-assigned-chip{align-items:center;gap:3px;padding:2px 6px}.todo-assigned-chip,.todo-category-chip{border-radius:5px;display:inline-flex;font-size:.7rem;font-weight:500}.todo-category-chip{background:#f3f4f6;background:var(--surface-2,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);padding:2px 7px}.todo-edit-form{display:flex;flex-direction:column;gap:.4rem}.todo-edit-title{background:var(--bg-secondary);border:1.5px solid #10b981;border:1.5px solid var(--primary-500,#10b981);border-radius:7px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.875rem;font-weight:600;padding:.45rem .65rem;width:100%}.todo-edit-title:focus{box-shadow:0 0 0 3px #10b98126;outline:none}.todo-edit-desc{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;box-sizing:border-box;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;padding:.4rem .65rem;width:100%}.todo-edit-desc:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);outline:none}.todo-edit-actions{display:flex;gap:.35rem}.edit-save-btn{align-items:center;background:#059669;background:var(--success-600,#059669);border:none;border-radius:6px;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:600;gap:4px;padding:.35rem .65rem;transition:background .15s}.edit-save-btn:hover{background:#047857;background:var(--success-700,#047857)}.edit-cancel-btn{align-items:center;background:#f3f4f6;background:var(--surface-2,#f3f4f6);border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:600;gap:4px;padding:.35rem .65rem;transition:background .15s}.edit-cancel-btn:hover{background:#e5e7eb;background:var(--surface-3,#e5e7eb)}.todo-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem;padding-right:.65rem}.todo-status-badge{align-items:center;border:none;border-radius:99px;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;padding:.28rem .6rem;transition:all .15s;white-space:nowrap}.todo-status-badge:hover{filter:brightness(.92);transform:scale(.97)}.todo-status-badge--pending{background:var(--warning-100);color:var(--warning-600)}.todo-status-badge--in_progress{background:var(--info-100);color:var(--info-600)}.todo-status-badge--completed{background:var(--primary-100);color:var(--primary-hover)}.status-badge-arrow{margin-left:1px;opacity:.5}.todo-status-badge:hover .status-badge-arrow{opacity:1}.todo-delete-btn,.todo-edit-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;padding:.3rem;transition:all .15s}.todo-edit-btn:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#059669;color:var(--primary-600,#059669)}.todo-delete-btn:hover{color:#dc2626;color:var(--danger-600,#dc2626)}.todo-delete-btn:hover,.todo-delete-confirm{background:#fff1f2;background:var(--danger-50,#fff1f2)}.todo-delete-confirm{align-items:center;animation:confirm-pop .18s ease;border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:8px;display:flex;gap:.3rem;padding:.25rem .55rem}@keyframes confirm-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-confirm-label{color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:.72rem;font-weight:600;white-space:nowrap}.delete-yes-btn{background:#ef4444;background:var(--danger-500,#ef4444);border:none;border-radius:5px;color:var(--text-inverse);cursor:pointer;font-size:.72rem;font-weight:700;padding:.2rem .5rem;transition:background .12s}.delete-yes-btn:hover{background:#dc2626;background:var(--danger-600,#dc2626)}.delete-no-btn{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:5px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.72rem;font-weight:700;padding:.2rem .5rem;transition:background .12s}.delete-no-btn:hover{background:#f3f4f6;background:var(--surface-2,#f3f4f6)}.todo-empty{background:#fff;background:var(--surface-0,#fff);border:2px dashed #e5e7eb;border:2px dashed var(--border-light,#e5e7eb);border-radius:14px;padding:3.5rem 1.5rem;text-align:center}.todo-empty-icon{align-items:center;animation:float 3s ease-in-out infinite;background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-radius:16px;color:#10b981;color:var(--primary-500,#10b981);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.todo-empty-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.05rem;font-weight:700;margin:0 0 .4rem}.todo-empty-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.825rem;margin:0 auto;max-width:300px}@media (max-width:640px){.todo-container{padding:1rem}.todo-header{flex-direction:column}.todo-view-toggle{width:100%}.view-btn{flex:1 1;justify-content:center}.todo-input-wrapper{flex-direction:column}.todo-add-btn{justify-content:center;width:100%}.todo-add-actions{width:100%}.todo-assign-toggle{flex:1 1;justify-content:center}.todo-toolbar{flex-direction:column}.todo-search{width:100%}.todo-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}.filter-btn{flex-shrink:0}.todo-actions,.todo-item{flex-wrap:wrap}.todo-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light,#f3f4f6);margin-top:.25rem;padding:.5rem .65rem .5rem 1.35rem;width:100%}.todo-stats-counts{gap:.65rem}}.modal-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a80;overflow-y:auto}.modal-content{animation:modalSlideIn .25s cubic-bezier(.25,.46,.45,.94);max-width:600px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0}.close-btn{background:none;border-radius:var(--radius-full);color:var(--text-muted);display:flex;font-size:28px;height:40px;transition:background var(--transition-fast),color var(--transition-fast);width:40px}.setting-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:12px 15px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f;outline:none}.form-group input.disabled-input{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-hint{color:var(--text-muted);display:block;font-size:12px;font-style:italic;margin-top:5px}.form-actions{background:#f8fafce6;border-top:1px solid var(--border-light);bottom:0;display:flex;gap:15px;justify-content:flex-end;margin:0 -30px -30px;padding:20px 30px;position:-webkit-sticky;position:sticky}.btn-cancel{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:0 10px 22px #0f172a0d;color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:12px 30px;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-cancel:hover{background:#f8fafcf5;border-color:#94a3b8f2;color:var(--text-primary);transform:translateY(-1px)}.btn-submit{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 14px 28px #10b9812e;color:var(--text-inverse);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:12px 30px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-submit:hover:not(:disabled){box-shadow:0 18px 34px #10b98138;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{margin:0 30px 20px}@media (max-width:768px){.modal-content{border-radius:8px;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:20px}.setting-form{padding:20px}.form-actions{margin:0 -20px -20px;padding:15px 20px}}.company-settings{margin:0 auto;max-width:1800px;padding:30px}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.settings-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.header-left h2{color:var(--text-primary);font-size:28px;margin:0 0 5px}.subtitle{color:var(--text-secondary);font-size:14px;margin:0}.add-setting-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s,box-shadow .2s,transform .15s}.add-setting-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.salary-cycle-btn{align-items:center;background:#f8fafc;border:1px solid #94a3b847;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background .2s,box-shadow .2s,transform .15s}.salary-cycle-btn:hover{background:#eef8f4;box-shadow:0 4px 12px #0f766e29;transform:translateY(-1px)}.salary-cycle-modal{border-radius:16px;overflow:hidden;padding:0;width:min(500px,calc(100vw - 32px))}.salary-cycle-modal .modal-header{border-bottom:1px solid var(--border-light)}.salary-cycle-modal__title{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.salary-cycle-modal__icon{align-items:center;background:#0f766e1a;border-radius:10px;color:#0f766e;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.salary-cycle-modal__title h2{font-size:18px;margin:0 0 2px}.salary-cycle-modal__title p{color:var(--text-secondary);font-size:13px;margin:0}.salary-cycle-body{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px}.salary-cycle-current{align-items:center;background:#0f766e14;border-radius:10px;color:#0f766e;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px}.salary-cycle-example{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:13px;line-height:1.5;padding:12px 14px}.salary-cycle-mode-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.salary-cycle-mode-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.salary-cycle-mode-card:hover{border-color:#0f766e4d;transform:translateY(-1px)}.salary-cycle-mode-card--active{background:linear-gradient(135deg,#f0fdfaf5,#ecfdf5f5);border-color:#0f766e8c;box-shadow:0 0 0 3px #0f766e1f}.salary-cycle-mode-card strong{color:var(--text-primary);font-size:14px}.salary-cycle-mode-card span{color:var(--text-secondary);font-size:13px}.salary-cycle-mode-card small{color:var(--text-muted);font-size:12px}.salary-cycle-exception{background:linear-gradient(135deg,#fff7edf5,#fffbebf5);border:1px solid #b453092e;border-radius:12px;padding:14px 16px}.salary-cycle-exception__title{color:#9a3412;font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.salary-cycle-exception p{color:#7c2d12;font-size:13px;line-height:1.55;margin:0}.salary-cycle-examples-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.salary-cycle-examples-card{background:#ffffffc7;border:1px solid #b453091f;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.salary-cycle-examples-card strong{color:#7c2d12;font-size:13px}.salary-cycle-examples-card span{color:#92400e;font-size:12px}.salary-cycle-examples-card small{color:#78350f;font-size:12px}.salary-cycle-fields{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.salary-cycle-fields--disabled{opacity:.78}.salary-cycle-field{display:flex;flex-direction:column;gap:6px}.salary-cycle-field label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.salary-cycle-field input{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:22px;font-weight:700;padding:12px;text-align:center;width:100%}.salary-cycle-field input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.salary-cycle-field input:disabled{background:#f4f7f6;color:#5f6b76;cursor:not-allowed}.salary-cycle-field small{color:var(--text-muted);font-size:11px;text-align:center}.salary-cycle-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.btn-secondary-outline{background:#0000;border:1.5px solid var(--border-light);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 18px;transition:background .15s}.btn-secondary-outline:hover:not(:disabled){background:var(--bg-tertiary)}.salary-cycle-save{background:linear-gradient(135deg,#0f766e,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 20px;transition:opacity .15s,transform .15s}.salary-cycle-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-secondary-outline:disabled,.salary-cycle-save:disabled{cursor:not-allowed;opacity:.5}.filters-section{margin-bottom:25px}.category-filter{align-items:center;display:flex;gap:10px}.category-filter label{color:var(--text-secondary);font-size:14px;font-weight:600}.category-filter select{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;font-size:14px;min-width:200px;padding:12px 15px}.category-filter select:focus{border-color:var(--accent-500);outline:none}.stat-box.stat-system{border-left-color:#0f766e}.stat-system .stat-value{color:#0f766e}.settings-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat-box{background:var(--bg-secondary);border-left:4px solid var(--accent-500);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.stat-box.stat-leave-policy{border-left-color:var(--info-500)}.stat-box.stat-general{border-left-color:var(--text-muted)}.stat-value{color:var(--accent-500);display:block;font-size:32px;font-weight:700;margin-bottom:5px}.stat-leave-policy .stat-value{color:var(--info-500)}.stat-general .stat-value{color:var(--text-muted)}.stat-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.setting-card{background:var(--bg-secondary);border-left:4px solid var(--accent-500);border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s,box-shadow .2s}.setting-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-3px)}.setting-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.setting-info{flex:1 1}.setting-key{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px;word-break:break-word}.setting-value{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:12px;word-break:break-all}.setting-description,.setting-value strong{color:var(--text-secondary)}.setting-description{font-size:13px;line-height:1.5;margin-bottom:12px}.setting-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:12px}.setting-updated{color:var(--text-muted);font-size:var(--text-xs)}.category-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.category-leave-policy{background:linear-gradient(135deg,var(--info-500) 0,var(--info-600) 100%);color:var(--text-inverse)}.category-general{background:linear-gradient(135deg,var(--text-muted) 0,var(--text-muted) 100%);color:var(--text-inverse)}.category-salary{background:linear-gradient(135deg,#0f766e,#059669);color:var(--text-inverse)}.category-system{background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-700) 100%);color:var(--text-inverse)}.category-notification{background:linear-gradient(135deg,var(--warning-500) 0,#e67e22 100%);background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600,#e67e22) 100%);color:var(--text-inverse)}.setting-actions{display:flex;gap:6px}.btn-delete,.btn-edit{align-items:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:background .15s,border-color .15s,color .15s}.btn-edit{color:#0284c7;color:var(--info-600,#0284c7)}.btn-edit:hover{background:var(--info-50);border-color:#7dd3fc;border-color:var(--info-300,#7dd3fc);color:#0369a1;color:var(--info-700,#0369a1)}@media (max-width:960px){.management-header{align-items:stretch;flex-direction:column;gap:16px}.settings-actions{width:100%}.add-setting-btn,.salary-cycle-btn{justify-content:center;width:100%}.salary-cycle-examples-grid,.salary-cycle-fields,.salary-cycle-mode-grid{grid-template-columns:1fr}.salary-cycle-footer{flex-direction:column-reverse}.btn-secondary-outline,.salary-cycle-save{width:100%}}.btn-delete{color:var(--danger-500)}.btn-delete:hover{background:var(--danger-50);border-color:#fca5a5;border-color:var(--danger-300,#fca5a5);color:#b91c1c;color:var(--danger-700,#b91c1c)}.no-settings{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 10px #00000014;color:var(--text-muted);padding:60px 20px;text-align:center}.no-settings p{font-size:16px;margin:0}.success-message{background:var(--primary-100);border:1px solid #c3e6cb;border:1px solid var(--primary-200,#c3e6cb);color:#155724;color:var(--primary-800,#155724)}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:15px 20px}.error-message{border:1px solid var(--danger-100)}@media (max-width:768px){.company-settings{padding:15px}.management-header{align-items:flex-start;flex-direction:column;gap:15px}.settings-grid{grid-template-columns:1fr}.setting-header{flex-direction:column;gap:10px}.setting-actions{align-self:flex-end}}.plv-page{padding:1.5rem}.plv-toast{animation:plv-toast-in .25s ease;border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:.875rem;font-weight:600;padding:.65rem 1.1rem;position:fixed;right:1.25rem;top:1.25rem;z-index:9999}@keyframes plv-toast-in{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.plv-toast--success{background:#d1fae5;background:var(--success-100,#d1fae5);border:1px solid #34d399;border:1px solid var(--success-400,#34d399);color:#065f46;color:var(--success-700,#065f46)}.plv-toast--error{background:#fee2e2;background:var(--danger-100,#fee2e2);border:1px solid #f87171;border:1px solid var(--danger-400,#f87171);color:#b91c1c;color:var(--danger-700,#b91c1c)}.plv-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.plv-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.4rem;font-weight:700;margin:0 0 .2rem}.plv-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.825rem;margin:0}.plv-header-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.plv-refresh-btn{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:.45rem;transition:all .15s}.plv-refresh-btn:hover{background:#f9fafb;background:var(--surface-1,#f9fafb);color:#059669;color:var(--primary-600,#059669)}.plv-export-btn{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .15s}.plv-export-btn:hover:not(:disabled){border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.plv-export-btn:disabled{cursor:not-allowed;opacity:.5}.plv-summary{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem}.plv-summary-chip{align-items:center;border:1px solid #0000;border-radius:99px;display:inline-flex;font-size:.78rem;font-weight:500;gap:.4rem;padding:.35rem .8rem}.plv-summary-chip--total{background:#f9fafb;background:var(--surface-1,#f9fafb);border-color:#e5e7eb;border-color:var(--border-light,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.plv-summary-chip--mgr{background:var(--warning-50);border-color:#fde68a;border-color:var(--warning-200,#fde68a);color:#a16207;color:var(--warning-700,#a16207)}.plv-summary-chip--hr{background:var(--info-100);border-color:var(--info-100);color:var(--info-600)}.plv-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.plv-search-wrap{flex:1 1;min-width:220px;position:relative}.plv-search-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);left:.65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.plv-search{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.825rem;padding:.5rem 2.2rem .5rem 2rem;transition:border-color .15s;width:100%}.plv-search:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #10b9811a;outline:none}.plv-search-clear{background:none;border:none;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.plv-type-filters{display:flex;flex-wrap:wrap;gap:.35rem}.plv-type-btn{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:99px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.775rem;font-weight:500;padding:.4rem .75rem;transition:all .15s;white-space:nowrap}.plv-type-btn:hover{border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.plv-type-btn--active{background:#10b981;background:var(--primary-500,#10b981);border-color:#0000;color:var(--text-inverse)}.plv-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1rem}.plv-card{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;padding:1rem 1.1rem;position:relative;transition:box-shadow .18s,transform .15s}.plv-card:before{background:#34d399;background:var(--primary-400,#34d399);border-radius:14px 14px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.plv-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.plv-card--rejecting{border-color:#fca5a5;border-color:var(--danger-300,#fca5a5)}.plv-card--rejecting:before{background:#f87171;background:var(--danger-400,#f87171)}.plv-card-header{gap:.65rem}.plv-avatar,.plv-card-header{align-items:center;display:flex}.plv-avatar{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-500,#10b981),var(--primary-700,#047857));border-radius:var(--radius-full);color:var(--text-inverse);flex-shrink:0;font-size:.8rem;font-weight:700;height:38px;justify-content:center;letter-spacing:.02em;width:38px}.plv-employee-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.plv-emp-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plv-emp-team{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.72rem}.plv-status-chip{border-radius:99px;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.status--mgr{background:var(--warning-50);color:#a16207;color:var(--warning-700,#a16207)}.status--hr{background:var(--info-100);color:var(--info-600)}.plv-details{align-items:center;display:flex;gap:.5rem}.plv-type-pill{border-radius:99px;display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px}.plv-duration{background:#f9fafb;background:var(--surface-1,#f9fafb);border-radius:6px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.8rem;font-weight:700;margin-left:auto;padding:2px 8px}.plv-dates{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.78rem;gap:.4rem}.plv-dates svg{color:#10b981;color:var(--primary-500,#10b981);flex-shrink:0}.plv-date-sep{color:#9ca3af;color:var(--text-muted,#9ca3af)}.plv-reason-wrap{position:relative}.plv-reason{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:.8rem;line-height:1.45;margin:0;overflow:hidden}.plv-reason--expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.plv-reason-toggle{background:none;border:none;cursor:pointer;display:inline-flex;font-weight:600;gap:2px;margin-top:2px;padding:0}.plv-attachment,.plv-reason-toggle{align-items:center;color:#059669;color:var(--primary-600,#059669);font-size:.72rem}.plv-attachment{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-radius:6px;display:flex;gap:.35rem;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.plv-reject-form{animation:plv-slide-in .18s ease;background:#fff1f2;background:var(--danger-50,#fff1f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}@keyframes plv-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.plv-reject-label{color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:.75rem;font-weight:700}.plv-reject-textarea{background:var(--bg-secondary);border:1px solid #fca5a5;border:1px solid var(--danger-300,#fca5a5);border-radius:7px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.8rem;padding:.5rem .65rem;resize:none;width:100%}.plv-reject-textarea:focus{border-color:#ef4444;border-color:var(--danger-500,#ef4444);box-shadow:0 0 0 3px #ef44441a;outline:none}.plv-reject-actions{display:flex;gap:.4rem}.plv-card-actions{display:flex;gap:.5rem;margin-top:.25rem}.plv-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;padding:.45rem .85rem;transition:all .15s}.plv-btn:disabled{cursor:not-allowed;opacity:.5}.plv-btn--approve{background:#10b981;background:var(--primary-500,#10b981);color:var(--text-inverse);flex:1 1;justify-content:center}.plv-btn--approve:hover:not(:disabled){background:#059669;background:var(--primary-600,#059669)}.plv-btn--reject{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);color:#dc2626;color:var(--danger-600,#dc2626);flex:1 1;justify-content:center}.plv-btn--reject:hover:not(:disabled){background:#fff1f2;background:var(--danger-50,#fff1f2);border-color:#f87171;border-color:var(--danger-400,#f87171)}.plv-btn--reject-confirm{background:#ef4444;background:var(--danger-500,#ef4444);color:var(--text-inverse);flex:1 1;justify-content:center}.plv-btn--reject-confirm:hover:not(:disabled){background:#dc2626;background:var(--danger-600,#dc2626)}.plv-btn--cancel{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.plv-btn--cancel:hover{background:#f3f4f6;background:var(--surface-2,#f3f4f6)}.plv-empty{background:#fff;background:var(--surface-0,#fff);border:2px dashed #e5e7eb;border:2px dashed var(--border-light,#e5e7eb);border-radius:16px;padding:4rem 2rem;text-align:center}.plv-empty-icon{align-items:center;animation:plv-float 3s ease-in-out infinite;background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-radius:16px;color:#10b981;color:var(--primary-500,#10b981);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}@keyframes plv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.plv-empty-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700;margin:0 0 .4rem}.plv-empty-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.825rem;margin:0}.plv-count{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.78rem;margin:0;text-align:right}.plv-skeleton-head{border-radius:8px;height:52px;margin-bottom:1.25rem;width:35%}.plv-skeleton-card,.plv-skeleton-head{animation:plv-shimmer 1.4s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--surface-1,#f3f4f6) 25%,var(--surface-2,#e5e7eb) 50%,var(--surface-1,#f3f4f6) 75%);background-size:200% 100%}.plv-skeleton-card{border-radius:14px;height:210px}@keyframes plv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.plv-view-toggle{border:1px solid var(--border-light);border-radius:8px;display:flex;overflow:hidden}.plv-view-btn{align-items:center;background:var(--bg-secondary);border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.4rem .55rem;transition:all .15s}.plv-view-btn:hover:not(.plv-view-btn--active){background:var(--bg-tertiary);color:var(--text-secondary)}.plv-view-btn--active{background:#10b981;background:var(--primary-500,#10b981);color:var(--text-inverse)}.plv-type-pill{background:var(--bg-tertiary);color:var(--text-secondary)}.plv-pill--casual{background:var(--info-100);color:var(--info-700)}.plv-pill--sick{background:var(--danger-100);color:var(--danger-700)}.plv-pill--earned{background:var(--success-100);color:var(--success-700)}.plv-pill--shortday{background:var(--warning-100);color:var(--warning-700)}.plv-list-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:.5rem;overflow:hidden;overflow-x:auto}.plv-list-wrap::-webkit-scrollbar{height:6px;width:6px}.plv-list-wrap::-webkit-scrollbar-track{background:#0000}.plv-list-wrap::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.plv-list-wrap::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.plv-list-table{border-collapse:collapse;font-size:.85rem;min-width:720px;width:100%}.plv-list-table thead tr{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.plv-list-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.6rem .9rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.plv-row td{border-bottom:1px solid var(--border-light);padding:.6rem .9rem;vertical-align:middle}.plv-row:last-of-type td{border-bottom:none}.plv-row:hover td{background:#ecfdf5;background:var(--primary-50,#ecfdf5)}.plv-row--rejecting td{background:var(--danger-50)!important}.plv-row-emp{gap:.5rem}.plv-row-avatar,.plv-row-emp{align-items:center;display:flex}.plv-row-avatar{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-500,#10b981),var(--primary-700,#047857));border-radius:var(--radius-full);color:var(--text-inverse);flex-shrink:0;font-size:.65rem;font-weight:700;height:30px;justify-content:center;width:30px}.plv-row-name{color:var(--text-primary);font-size:.85rem;font-weight:600;white-space:nowrap}.plv-row-team{color:var(--text-muted);font-size:.7rem}.plv-row-dates{color:var(--text-secondary);font-size:.82rem;white-space:nowrap}.plv-row-dur{color:var(--text-primary);font-weight:700;text-align:center;white-space:nowrap}.plv-row-reason{color:var(--text-secondary);font-size:.8rem;max-width:200px}.plv-row-actions{align-items:center;display:flex;gap:.35rem}.plv-btn--sm{font-size:.72rem;padding:.3rem .65rem}.plv-reject-row td{background:var(--danger-50);border-bottom:1px solid var(--border-light);padding:0 .9rem .6rem}.plv-reject-inline{align-items:flex-start;background:var(--danger-50);border:1px solid var(--danger-200);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .6rem}.plv-reject-textarea--inline{background:var(--bg-secondary);border:1px solid var(--danger-300);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.8rem;padding:.4rem .6rem;resize:none}.plv-reject-textarea--inline:focus{border-color:var(--danger-500);box-shadow:0 0 0 2px #ef44441a;outline:none}@media (max-width:640px){.plv-page{padding:1rem}.plv-cards-grid{grid-template-columns:1fr}.plv-toolbar{flex-direction:column}.plv-search-wrap{width:100%}.plv-type-filters{flex-wrap:nowrap;overflow-x:auto}.plv-type-btn{flex-shrink:0}}.hl-page{padding:1.5rem}.hl-toast{animation:hl-toast-in .25s ease;border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:.875rem;font-weight:600;padding:.65rem 1.1rem;position:fixed;right:1.25rem;top:1.25rem;z-index:9999}@keyframes hl-toast-in{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.hl-toast--success{background:#d1fae5;background:var(--success-100,#d1fae5);border:1px solid #34d399;border:1px solid var(--success-400,#34d399);color:#065f46;color:var(--success-700,#065f46)}.hl-toast--error{background:#fee2e2;background:var(--danger-100,#fee2e2);border:1px solid #f87171;border:1px solid var(--danger-400,#f87171);color:#b91c1c;color:var(--danger-700,#b91c1c)}.hl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.1rem}.hl-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.4rem;font-weight:700;margin:0 0 .2rem}.hl-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.825rem;margin:0}.hl-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.hl-btn-primary{align-items:center;background:#10b981;background:var(--primary-500,#10b981);border:none;border-radius:8px;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:700;gap:.35rem;padding:.5rem 1rem;transition:background .15s,transform .1s}.hl-btn-primary:hover:not(:disabled){background:#059669;background:var(--primary-600,#059669);transform:translateY(-1px)}.hl-btn-primary:disabled{cursor:not-allowed;opacity:.5}.hl-btn-secondary{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:600;gap:.35rem;padding:.5rem .9rem;transition:all .15s}.hl-btn-secondary:hover:not(:disabled){border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.hl-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.hl-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.hl-stat{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border-radius:10px;border-top:3px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-top:3px solid var(--border-light,#e5e7eb);display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:90px;padding:.65rem 1rem}.hl-stat--approved{border-top-color:#34d399;border-top-color:var(--success-400,#34d399)}.hl-stat--pending{border-top-color:var(--warning-500)}.hl-stat--rejected{border-top-color:#f87171;border-top-color:var(--danger-400,#f87171)}.hl-stat-val{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:800;line-height:1}.hl-stat-lbl{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hl-add-panel{animation:hl-slide-down .22s ease;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;margin-bottom:1.25rem;padding:1.25rem 1.5rem}@keyframes hl-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hl-add-panel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.1rem}.hl-add-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.05rem;font-weight:700;margin:0 0 .2rem}.hl-add-note{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;margin:0}.hl-add-close{background:none;border:none;border-radius:6px;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;padding:.25rem;transition:color .15s}.hl-add-close:hover{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.hl-form{display:flex;flex-direction:column;gap:.75rem}.hl-form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hl-form-group{display:flex;flex-direction:column;gap:.35rem}.hl-form-group--full{grid-column:1/-1}.hl-form-group--check{justify-content:flex-end}.hl-form-group label{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.78rem;font-weight:600;gap:.4rem}.hl-form-group input,.hl-form-group select,.hl-form-group textarea{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.85rem;padding:.5rem .75rem;transition:border-color .15s}.hl-form-group input:focus,.hl-form-group select:focus,.hl-form-group textarea:focus{background:var(--bg-secondary);border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #10b9811a;outline:none}.hl-form-group input:disabled,.hl-form-group select:disabled{cursor:not-allowed;opacity:.5}.hl-form-group textarea{resize:vertical}.hl-check-label{align-items:center;color:#1a1a2e!important;color:var(--text-primary,#1a1a2e)!important;cursor:pointer;display:flex;font-size:.85rem;font-weight:500!important;gap:.5rem}.hl-check-label input[type=checkbox]{accent-color:#10b981;accent-color:var(--primary-500,#10b981);height:16px;width:16px}.hl-same-date{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.68rem;font-weight:400}.hl-info-box{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:8px;color:#047857;color:var(--primary-700,#047857);font-size:.78rem;padding:.55rem .85rem}.hl-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.hl-tabs{border-bottom:1px solid var(--border-light);display:flex;gap:2px;margin-bottom:0;overflow-x:auto;padding:.75rem 0 0}.hl-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:var(--font-medium);gap:6px;margin-bottom:-1px;padding:8px 15px;transition:all .15s;white-space:nowrap}.hl-tab:hover:not(.hl-tab--active){background:var(--bg-tertiary);color:var(--text-primary)}.hl-tab--active{border-bottom-color:#10b981;border-bottom-color:var(--primary-500,#10b981);color:#047857;color:var(--primary-700,#047857);font-weight:var(--font-semibold)}.hl-tab-count{background:var(--bg-tertiary);border-radius:99px;color:var(--text-muted);font-size:11px;font-weight:var(--font-bold);min-width:18px;padding:1px 6px;text-align:center;transition:all .15s}.hl-tab--active .hl-tab-count{background:#d1fae5;background:var(--primary-100,#d1fae5);color:#047857;color:var(--primary-700,#047857)}.hl-tab--pending.hl-tab--active{border-bottom-color:var(--warning-500);color:#b45309;color:var(--warning-700,#b45309)}.hl-tab--pending.hl-tab--active .hl-tab-count{background:var(--warning-100);color:var(--warning-700)}.hl-tab--approved.hl-tab--active{border-bottom-color:var(--success-500);color:#15803d;color:var(--success-700,#15803d)}.hl-tab--approved.hl-tab--active .hl-tab-count{background:var(--success-100);color:var(--success-700)}.hl-tab--rejected.hl-tab--active{border-bottom-color:var(--danger-500);color:#b91c1c;color:var(--danger-700,#b91c1c)}.hl-tab--rejected.hl-tab--active .hl-tab-count{background:var(--danger-100);color:var(--danger-700)}.hl-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;padding-top:.75rem}.hl-result-count{color:var(--text-muted);font-size:.75rem;margin-left:auto;white-space:nowrap}.hl-search-wrap{flex:1 1;min-width:200px;position:relative}.hl-search-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);left:.65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hl-search{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.825rem;padding:.5rem 2.2rem .5rem 2rem;transition:border-color .15s;width:100%}.hl-search:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);box-shadow:0 0 0 3px #10b9811a;outline:none}.hl-search-clear{background:none;border:none;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.hl-filter-select{background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;font-size:.825rem;padding:.5rem .75rem;transition:border-color .15s}.hl-filter-select:focus{border-color:#34d399;border-color:var(--primary-400,#34d399);outline:none}.hl-clear-filters{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;padding:.5rem .75rem;transition:all .15s}.hl-clear-filters:hover{border-color:#fca5a5;border-color:var(--danger-300,#fca5a5);color:#dc2626;color:var(--danger-600,#dc2626)}.hl-table-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;max-height:520px;overflow:hidden;overflow-x:auto;overflow-y:auto}.hl-table-wrap::-webkit-scrollbar{height:6px;width:6px}.hl-table-wrap::-webkit-scrollbar-track{background:#0000}.hl-table-wrap::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.hl-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.hl-table{border-collapse:collapse;font-size:.85rem;width:100%}.hl-table thead tr{background:#f9fafb;background:var(--surface-1,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb)}.hl-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.65rem .9rem;text-align:left;text-transform:uppercase;white-space:nowrap}.hl-th-action{text-align:center}.hl-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);padding:.65rem .9rem;vertical-align:middle}.hl-table tbody tr:last-child td{border-bottom:none}.hl-table tbody tr:hover td{background:#f9fafb;background:var(--surface-1,#f9fafb)}.hl-row--confirming td{background:var(--danger-50)!important}.hl-emp-cell{gap:.55rem}.hl-emp-avatar,.hl-emp-cell{align-items:center;display:flex}.hl-emp-avatar{background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-500,#10b981),var(--primary-700,#047857));border-radius:var(--radius-full);color:var(--text-inverse);flex-shrink:0;font-size:.68rem;font-weight:700;height:30px;justify-content:center;width:30px}.hl-emp-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:600;white-space:nowrap}.hl-type-pill{background:var(--bg-tertiary);border-radius:99px;color:var(--text-secondary);display:inline-block;font-size:.7rem;font-weight:700;padding:3px 9px;white-space:nowrap}.hl-type--casual{background:var(--info-100);color:var(--info-700)}.hl-type--sick{background:var(--danger-100);color:var(--danger-700)}.hl-type--earned{background:var(--success-100);color:var(--success-700)}.hl-type--shortday{background:var(--warning-100);color:var(--warning-700)}.hl-status{background:var(--bg-tertiary);border-radius:99px;color:var(--text-secondary);display:inline-block;font-size:.7rem;font-weight:700;padding:3px 9px;white-space:nowrap}.hl-status--approved{background:var(--success-100);color:var(--success-700)}.hl-status--pending{background:var(--warning-100);color:var(--warning-700)}.hl-status--info{background:var(--info-100);color:var(--info-700)}.hl-status--rejected{background:var(--danger-100);color:var(--danger-700)}.hl-dates-cell{align-items:center;display:inline-flex;gap:.35rem}.hl-date{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.8rem}.hl-date-sep{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.7rem}.hl-dur-cell{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:700;white-space:nowrap}.hl-reason-cell{color:#6b7280;color:var(--text-secondary,#6b7280);max-width:200px}.hl-applied-cell{font-size:.78rem;white-space:nowrap}.hl-applied-cell,.hl-delete-btn{color:#9ca3af;color:var(--text-muted,#9ca3af)}.hl-delete-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;padding:.35rem;transition:all .15s}.hl-delete-btn:hover{background:#fff1f2;background:var(--danger-50,#fff1f2);color:#dc2626;color:var(--danger-600,#dc2626)}.hl-delete-confirm{align-items:center;animation:hl-pop .15s ease;background:var(--danger-50);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:7px;display:flex;gap:.3rem;padding:.25rem .5rem;white-space:nowrap}@keyframes hl-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hl-confirm-text{color:#b91c1c;color:var(--danger-700,#b91c1c);font-size:.72rem;font-weight:700}.hl-confirm-yes{background:#ef4444;background:var(--danger-500,#ef4444);border:none;border-radius:5px;color:var(--text-inverse);cursor:pointer;font-size:.72rem;font-weight:700;padding:2px 8px;transition:background .12s}.hl-confirm-yes:hover{background:#dc2626;background:var(--danger-600,#dc2626)}.hl-confirm-yes:disabled{opacity:.5}.hl-confirm-no{background:#f9fafb;background:var(--surface-1,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:5px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.72rem;font-weight:700;padding:2px 8px}.hl-confirm-no:hover{background:#f3f4f6;background:var(--surface-2,#f3f4f6)}.hl-empty{align-items:center;border:2px dashed #e5e7eb;border:2px dashed var(--border-light,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:3.5rem}.hl-count,.hl-empty{color:#9ca3af;color:var(--text-muted,#9ca3af)}.hl-count{font-size:.78rem;margin:.6rem 0 0;text-align:right}@media (max-width:768px){.hl-page{padding:1rem}.hl-stats{gap:.5rem}.hl-stat{min-width:70px}.hl-toolbar{flex-direction:column}.hl-search-wrap{width:100%}.hl-form-grid{grid-template-columns:1fr}.hl-form-group--full{grid-column:1}}.attendance-dashboard{animation:att-enter .35s ease;background:#0000;margin:0 auto;max-width:1480px;min-height:calc(100vh - 80px);padding:var(--space-6)}@keyframes att-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-header h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.3px;margin:0 0 var(--space-1) 0}.dashboard-header p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:flex-start;background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:18px;border-top:3px solid #0000;box-shadow:0 18px 36px #0f172a0f;gap:var(--space-3);min-width:0;padding:14px 16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 24px 44px #0f172a14;transform:translateY(-3px)}.stat-card:has(.present-icon){border-top-color:var(--primary-500)}.stat-card:has(.work-hours-icon){border-top-color:var(--info-500)}.stat-card:has(.overtime-icon){border-top-color:var(--warning-500)}.stat-card:has(.punctuality-icon){border-top-color:var(--accent-500)}.stat-card:has(.average-icon){border-top-color:var(--primary-400)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:1px;transition:transform var(--transition-normal);width:36px}.stat-card:hover .stat-icon{transform:scale(1.08)}.present-icon{background:var(--success-100);color:var(--success-600)}.work-hours-icon{background:var(--info-100);color:var(--info-600)}.overtime-icon{background:var(--warning-100);color:var(--warning-600)}.punctuality-icon{background:var(--accent-100);color:var(--accent-600)}.average-icon{background:var(--primary-100);color:var(--primary-600)}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.15}.stat-subtitle,.stat-value{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-subtitle{color:var(--text-muted);font-size:var(--text-xs);min-height:1.2em}.tabs-container{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;overflow:hidden}.tabs-nav{background:#f8fafcf5;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:4px;padding:var(--space-2) var(--space-3)}.tab-btn{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:6px 14px;transition:all var(--transition-normal);white-space:nowrap}.tab-btn:hover{border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7)}.tab-btn.active,.tab-btn:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.tab-btn.active{border-color:#10b981;border-color:var(--primary-500,#10b981);box-shadow:0 10px 20px #10b9811a;font-weight:var(--font-semibold)}.tab-content{padding:var(--space-6)}.attendance-table-container{border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 20px 42px #0f172a0f;overflow-x:auto}.attendance-table{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border-collapse:collapse;width:100%}.attendance-table th{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#f8fafcf5;border-bottom:2px solid var(--border-light);color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.6px;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.attendance-table td{font-feature-settings:"tnum";border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4)}.attendance-table tbody tr{transition:background var(--transition-fast)}.attendance-table tbody tr:nth-child(2n){background:#f8fafc85}.attendance-table tbody tr:hover{background:#ecfdf5d1}.attendance-table tbody tr:last-child td{border-bottom:none}.no-data{color:var(--text-muted);font-size:var(--text-base);font-style:italic;padding:var(--space-10)!important;text-align:center}.records-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding:0 2px}.records-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.records-header-actions{align-items:center;display:flex;gap:var(--space-3)}.att-filter-bar{align-items:flex-end;background:linear-gradient(180deg,#ffffffe6,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 16px 34px #0f172a0d;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.att-filter-group{display:flex;flex-direction:column;gap:5px}.att-filter-group label{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.att-filter-group input,.att-filter-group select{background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-size:var(--text-sm);min-width:140px;padding:9px 10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.att-filter-group input:focus,.att-filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1f;box-shadow:0 0 0 3px rgba(var(--primary-rgb,34 197 94)/.12);outline:none}.att-filter-clear{align-items:center;align-self:flex-end;background:none;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:5px;padding:7px 14px;transition:color .15s,border-color .15s;white-space:nowrap}.att-filter-clear:hover{border-color:#ef4444;border-color:var(--danger-500,#ef4444);color:#dc2626;color:var(--danger-600,#dc2626)}.filter-group input::placeholder{color:var(--text-muted)}.filter-actions{align-items:flex-end;display:flex;gap:var(--space-2)}.clear-filters-btn{align-items:center;background:#0000;border:1px solid var(--danger-500);border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.clear-filters-btn:hover{background:var(--danger-600);color:var(--text-inverse)}.status-badge{font-weight:650;gap:5px;letter-spacing:.2px;padding:3px var(--space-3);white-space:nowrap}.status-badge:before{border-radius:var(--radius-full);content:"";flex-shrink:0;height:6px;width:6px}.status-working{background:var(--success-100);color:var(--success-700)}.status-working:before{background:var(--success-500)}.status-on_break{background:var(--warning-100);color:var(--warning-700)}.status-on_break:before{animation:pulse-dot 2s ease-in-out infinite;background:var(--warning-500)}.status-logged_out{background:var(--surface-2);color:var(--text-secondary)}.status-logged_out:before{background:var(--text-muted)}.status-present{background:var(--success-100);color:var(--success-700)}.status-present:before{background:var(--success-500)}.status-absent{background:var(--danger-100);color:var(--danger-700)}.status-absent:before{background:var(--danger-500)}.status-holiday{background:var(--accent-100);color:var(--accent-700)}.status-holiday:before{background:var(--accent-500)}.status-leave{background:var(--info-100);color:var(--info-700)}.status-leave:before{background:var(--info-500)}.status-half_day{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#065f46;color:var(--primary-800,#065f46)}.status-half_day:before{background:#10b981;background:var(--primary-500,#10b981)}.status-pending{background:var(--surface-2);color:var(--text-secondary)}.status-pending:before{background:var(--text-muted)}.office-badge-small,.wfh-badge-small{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.3px;padding:2px var(--space-3)}.wfh-badge-small{background:var(--info-50);color:var(--info-500)}.office-badge-small{background:var(--success-50);color:var(--success-500)}.edit-btn{align-items:center;background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);justify-content:center;padding:6px 10px;transition:all var(--transition-fast)}.edit-btn:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);box-shadow:0 2px 6px #10b98126;color:#047857;color:var(--primary-700,#047857);transform:translateY(-1px)}.badge-count{background:var(--danger-500);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);height:20px;justify-content:center;margin-left:var(--space-1);min-width:20px;padding:0 var(--space-2)}.badge-count,.pending-count{align-items:center;border-radius:var(--radius-full);display:inline-flex}.pending-count{background:var(--warning-100);color:var(--warning-700);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.action-buttons{display:flex;gap:var(--space-2)}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:5px;letter-spacing:.2px;padding:6px 12px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.approve-btn{background:var(--success-100);border:1px solid var(--success-200);color:var(--success-700)}.approve-btn:hover{background:var(--success-600);border-color:var(--success-600);box-shadow:0 3px 8px #05966940;color:var(--text-inverse);transform:translateY(-1px)}.reject-btn{background:var(--danger-100);border:1px solid var(--danger-200);color:var(--danger-700)}.reject-btn:hover{background:var(--danger-600);border-color:var(--danger-600);box-shadow:0 3px 8px #dc262640;color:var(--text-inverse);transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.reason-cell{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{animation:att-modal-bg .2s ease;background:#0f172a99;padding:var(--space-4);z-index:var(--z-modal)}@keyframes att-modal-bg{0%{opacity:0}to{opacity:1}}.modal-content{animation:att-modal-in .25s cubic-bezier(.34,1.56,.64,1);border-radius:var(--radius-2xl);width:100%}@keyframes att-modal-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#fffc;border-bottom:1px solid var(--border-light);padding:var(--space-5) var(--space-6)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.close-btn:hover{background:#f8fafcf5;color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin:0 0 var(--space-5) 0}.modal-footer{background:#f8fafce6;border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-group input,.form-group textarea{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-100);outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-message,.success-message{font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.success-message{border-left:3px solid var(--success-500);border-radius:var(--radius-md)}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--surface-2);color:var(--text-secondary)}.btn-secondary:hover{background:var(--surface-3);color:var(--text-primary)}.changed-cell{background:var(--warning-50)!important;color:var(--warning-700);font-weight:var(--font-semibold)}.empty-state{flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{animation:att-float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--surface-1) 0,var(--surface-2) 100%);border-radius:var(--radius-full);color:var(--text-muted);height:64px;margin-bottom:var(--space-4);width:64px}@keyframes att-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-title{color:var(--text-primary);font-size:var(--text-base);font-weight:650;margin:0 0 var(--space-1) 0}.empty-state-description{color:var(--text-muted);font-size:var(--text-sm);margin:0;max-width:280px}.edit-summary{background:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-5)}.edit-summary h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:650;letter-spacing:.4px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.edit-comparison{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.comparison-row{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.comparison-row .label{color:var(--text-muted);font-weight:var(--font-medium);width:60px}.comparison-row .original{color:var(--text-muted);text-decoration:line-through}.comparison-row .arrow{color:var(--text-muted)}.comparison-row .changed{color:var(--success-600);font-weight:var(--font-semibold)}.reason-display{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-sm);padding-top:var(--space-3)}.reason-display strong{color:var(--text-primary)}.export-btn{background:var(--surface-0);border:1px solid var(--primary-200);border-radius:var(--radius-full);box-shadow:0 1px 2px #0000000a;color:var(--primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.export-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:0 3px 8px #10b98133;color:var(--text-inverse);transform:translateY(-1px)}.export-btn:disabled{opacity:.5}@media (max-width:992px){.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.attendance-dashboard{padding:var(--space-4)}.dashboard-header h2{font-size:var(--text-2xl)}.stats-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-5)}.tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:var(--space-1)}.tab-btn{font-size:var(--text-xs);padding:var(--space-3) var(--space-4)}.tab-content{padding:var(--space-4)}.records-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.filter-row{gap:var(--space-3);grid-template-columns:1fr}.filter-actions{width:100%}.attendance-table{font-size:var(--text-xs)}.attendance-table td,.attendance-table th{padding:var(--space-3) var(--space-2)}}@media (max-width:640px){.team-today-bar{align-items:stretch;flex-direction:column}.team-today-stats{flex-wrap:wrap}.team-today-stat{min-width:calc(50% - var(--space-3))}.team-today-bar>.export-btn{align-self:flex-end}}@media (max-width:480px){.attendance-dashboard{padding:var(--space-3)}.dashboard-header{margin-bottom:var(--space-4)}.dashboard-header h2{font-size:var(--text-xl)}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.2rem}.modal-content{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}}.my-row--absent td{background:#fef2f2;background:var(--danger-50,#fef2f2)}.my-row--halfday td{background:#ecfdf5;background:var(--primary-50,#ecfdf5)}.my-row--late td{background:#fffbeb;background:var(--warning-50,#fffbeb)}.my-rec-date{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.my-late-pill,.my-wfh-pill{border-radius:99px;display:inline-block;font-size:.65rem;font-weight:700;margin-right:4px;margin-top:3px;padding:1px 6px}.my-late-pill{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.my-wfh-pill{background:#e0f2fe;background:var(--info-100,#e0f2fe);color:#0369a1;color:var(--info-700,#0369a1)}.my-hours{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.my-overtime-pill{background:#e0e7ff;background:var(--accent-100,#e0e7ff);border-radius:99px;color:#764ba2;color:var(--accent-700,#764ba2);display:inline-block;font-size:.65rem;font-weight:700;margin-left:6px;padding:1px 6px}.my-break{color:var(--text-secondary);font-size:var(--text-sm)}.my-na{color:var(--text-muted)}.my-active{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:600}.my-no-login{color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.edit-btn span{font-size:var(--text-xs);font-weight:var(--font-medium)}.team-att-container{display:flex;flex-direction:column;gap:var(--space-4)}.team-today-bar{align-items:center;background:#ecfdf5;background:var(--primary-50,#ecfdf5);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.team-today-stats{display:flex;flex:1 1;gap:var(--space-3)}.team-today-stat{align-items:center;border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-2) var(--space-3);text-align:center}.team-today-val{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}.team-today-lbl,.team-today-val{display:block;text-align:center;width:100%}.team-today-lbl{font-size:.68rem;font-weight:600;letter-spacing:.05em;margin-top:3px;text-transform:uppercase;white-space:nowrap}.team-today-stat--present{color:#059669;color:var(--primary-600,#059669)}.team-today-stat--absent{color:#dc2626;color:var(--danger-600,#dc2626)}.team-today-stat--total{color:#047857;color:var(--primary-700,#047857)}.team-today-stat--rate{color:#059669;color:var(--primary-600,#059669)}.team-emp-list{display:flex;flex-direction:column;gap:.5rem}.team-emp-card{background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow .2s}.team-emp-card.is-open{border-color:#c7d2fe;border-color:var(--primary-200,#c7d2fe);box-shadow:var(--shadow-md)}.team-emp-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-align:left;transition:background .15s;width:100%}.team-emp-header:hover{background:var(--surface-1)}.team-emp-card.is-open .team-emp-header{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-bottom:1px solid var(--border-light)}.team-emp-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#047857);background:linear-gradient(135deg,var(--primary-500,#10b981),var(--primary-700,#047857));border-radius:50%;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:42px;justify-content:center;letter-spacing:.02em;width:42px}.team-emp-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.team-emp-name{color:var(--text-primary);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-emp-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:.4rem}.team-emp-team-tag{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-radius:99px;color:#047857;color:var(--primary-700,#047857);display:inline-block;font-size:.7rem;font-weight:600;padding:1px 7px}.team-emp-stats{display:flex;flex-shrink:0;gap:var(--space-3)}.team-emp-stat{align-items:center;display:flex;flex-direction:column;min-width:44px}.team-emp-stat-val{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.team-emp-stat-lbl{color:var(--text-muted);font-size:.62rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.team-emp-stat-present{color:#059669;color:var(--primary-600,#059669)}.team-emp-stat-absent{color:#dc2626;color:var(--danger-600,#dc2626)}.team-emp-stat-late{color:#d97706;color:var(--warning-600,#d97706)}.team-emp-stat-wfh{color:#0284c7;color:var(--info-600,#0284c7)}.team-emp-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.team-emp-chevron.open{transform:rotate(180deg)}.team-emp-records{animation:slide-down .2s ease;background:var(--surface-1);overflow-x:auto;padding:0 var(--space-5) var(--space-4)}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.team-row--absent td{background:#fef2f2;background:var(--danger-50,#fef2f2)}.team-row--late td{background:#fffbeb;background:var(--warning-50,#fffbeb)}.team-row--halfday td{background:#ecfdf5;background:var(--primary-50,#ecfdf5)}.team-rec-date{font-weight:600;margin-right:.35rem}.team-late-pill{background:#fef3c7;background:var(--warning-100,#fef3c7);border-radius:99px;color:#b45309;color:var(--warning-700,#b45309);display:inline-block;font-size:.68rem;font-weight:700;padding:1px 6px}.team-active-now{color:#059669;color:var(--primary-600,#059669);font-size:.8rem;font-weight:600}.team-na{color:var(--text-muted)}.team-overtime{color:#764ba2;color:var(--accent-700,#764ba2);font-size:.82rem;font-weight:600}@keyframes att-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.att-skel-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:var(--space-8)}.att-skel-stat-card{animation:att-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-lg);height:76px}.sessions-cell{display:flex;flex-direction:column;gap:4px}.session-entry{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:6px}.session-tag{align-items:center;border-radius:99px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:1px 7px}.session-tag.wfh{background:#e0f2fe;background:var(--info-100,#e0f2fe);color:#0369a1;color:var(--info-700,#0369a1)}.session-tag.office{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.session-times{color:var(--text-secondary);font-size:.78rem}.session-times em{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:500}.session-hours{color:var(--text-primary);font-size:.78rem;font-weight:600;margin-left:auto}.session-times-single{color:var(--text-secondary);font-size:.84rem}.session-times-single em{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:500}.multi-session-row{background:var(--bg-secondary)}.attendance-badge{border-radius:99px;display:inline-block;font-size:.72rem;font-weight:600;padding:2px 10px;text-transform:capitalize}.attendance-badge.attendance-present{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.attendance-badge.attendance-half_day{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.attendance-badge.attendance-absent{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#b91c1c;color:var(--danger-700,#b91c1c)}.attendance-badge.attendance-pending{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#4338ca;color:var(--accent-800,#4338ca)}.ac-container{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 300px}.ac-left{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.ac-left,.ac-right{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.ac-right{position:-webkit-sticky;position:sticky;top:var(--space-5)}.ac-nav{align-items:flex-start;display:flex;justify-content:space-between}.ac-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 2px}.ac-month-label{color:var(--text-muted);font-size:var(--text-sm);margin:0}.ac-nav-btns{gap:4px}.ac-nav-btn,.ac-nav-btns{align-items:center;display:flex}.ac-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:all .15s}.ac-nav-btn--today,.ac-nav-btn:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);color:#047857;color:var(--primary-700,#047857)}.ac-month-chip,.ac-nav-btn--today{font-weight:var(--font-semibold)}.ac-month-chip{align-items:center;border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:5px;height:30px;justify-content:center;min-width:110px;padding:0 10px;white-space:nowrap}.ac-month-chip--current{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.ac-today-dot{background:#10b981;background:var(--primary-500,#10b981);border-radius:50%;flex-shrink:0;height:6px;width:6px}.ac-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ac-summary-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;height:60px;justify-content:center;min-width:64px;padding:8px 14px;text-align:center}.ac-summary-num{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;margin-bottom:4px}.ac-summary-lbl,.ac-summary-num{display:block;text-align:center;width:100%}.ac-summary-lbl{color:var(--text-muted);font-size:10px;font-weight:var(--font-medium);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ac-summary-item--present .ac-summary-num{color:#16a34a;color:var(--success-600,#16a34a)}.ac-summary-item--absent .ac-summary-num{color:#dc2626;color:var(--danger-600,#dc2626)}.ac-summary-item--leave .ac-summary-num{color:#d97706;color:var(--warning-600,#d97706)}.ac-summary-item--half-day .ac-summary-num{color:#0284c7;color:var(--info-600,#0284c7)}.ac-summary-item--holiday .ac-summary-num{color:#059669;color:var(--primary-600,#059669)}.ac-grid{display:flex;flex-direction:column;gap:4px}.ac-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.ac-weekday{color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.05em;padding:4px 0;text-align:center;text-transform:uppercase}.ac-weekday--end{color:#10b981;color:var(--primary-500,#10b981)}.ac-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.ac-day{align-items:center;aspect-ratio:1;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:44px;overflow:hidden;padding:2px;position:relative;transition:all .12s}.ac-day--filler{border:none;cursor:default}.ac-day:not(.ac-day--filler):hover{background:var(--bg-tertiary);border-color:var(--border-light)}.ac-day--present{background:#f0fdf4;background:var(--success-50,#f0fdf4);border-color:#dcfce7;border-color:var(--success-100,#dcfce7)}.ac-day--absent{background:#fef2f2;background:var(--danger-50,#fef2f2);border-color:#fee2e2;border-color:var(--danger-100,#fee2e2)}.ac-day--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7)}.ac-day--half-day{background:#eff6ff;background:var(--info-50,#eff6ff);border-color:#dbeafe;border-color:var(--info-100,#dbeafe)}.ac-day--holiday{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#d1fae5;border-color:var(--primary-100,#d1fae5)}.ac-day--pending,.ac-day--weekend{background:var(--bg-tertiary)}.ac-day--pending{border-color:var(--border-default)}.ac-day--empty,.ac-day--upcoming{background:#0000}.ac-day--selected{border-color:#34d399!important;border-color:var(--primary-400,#34d399)!important;box-shadow:0 0 0 2px #34d399;box-shadow:0 0 0 2px var(--primary-400,#34d399);z-index:1}.ac-day--today .ac-day-num{align-items:center;background:#059669;background:var(--primary-600,#059669);border-radius:var(--radius-full);color:var(--text-inverse);display:flex;height:22px;justify-content:center;width:22px}.ac-day-num{color:var(--text-primary);font-size:12px;font-weight:var(--font-semibold);line-height:1}.ac-day-dot{border-radius:50%;bottom:4px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.ac-day--present .ac-day-dot{background:#22c55e;background:var(--success-500,#22c55e)}.ac-day--absent .ac-day-dot{background:#ef4444;background:var(--danger-500,#ef4444)}.ac-day--leave .ac-day-dot{background:#f59e0b;background:var(--warning-500,#f59e0b)}.ac-day--half-day .ac-day-dot{background:#3b82f6;background:var(--info-500,#3b82f6)}.ac-day-hours{background:#dcfce7;background:var(--success-100,#dcfce7);color:#15803d;color:var(--success-700,#15803d);font-weight:var(--font-semibold);padding:0 3px}.ac-day-hours,.ac-day-leave-initial{border-radius:3px;font-size:9px;line-height:14px;position:absolute;right:3px;top:3px}.ac-day-leave-initial{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309);font-weight:var(--font-bold);padding:0 4px;text-transform:uppercase}.ac-loading{padding:4px 0}.ac-loading-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}@keyframes ac-shimmer{0%,to{opacity:1}50%{opacity:.4}}.ac-loading-cell{animation:ac-shimmer 1.4s linear infinite;aspect-ratio:1;background:var(--bg-tertiary);border-radius:var(--radius-md);min-height:44px}.ac-legend{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:10px;padding-top:var(--space-2)}.ac-legend-item{align-items:center;display:flex;gap:5px}.ac-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ac-legend-dot--present{background:#22c55e;background:var(--success-500,#22c55e)}.ac-legend-dot--absent{background:#ef4444;background:var(--danger-500,#ef4444)}.ac-legend-dot--leave{background:#f59e0b;background:var(--warning-500,#f59e0b)}.ac-legend-dot--half-day{background:#3b82f6;background:var(--info-500,#3b82f6)}.ac-legend-dot--holiday{background:#10b981;background:var(--primary-500,#10b981)}.ac-legend-dot--weekend{background:var(--border-default)}.ac-legend-label{color:var(--text-muted);font-size:11px;font-weight:var(--font-medium)}.ac-detail-title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0;padding:16px 18px 12px}.ac-detail-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:48px var(--space-4);text-align:center}.ac-detail-empty-icon{color:var(--border-default)}.ac-detail-empty p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.ac-detail-body{display:flex;flex-direction:column;gap:var(--space-3);padding:16px 18px}.ac-detail-date-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.ac-detail-date-text{align-items:center;display:flex;gap:10px}.ac-detail-daynum{color:var(--text-primary);font-size:2rem;font-weight:var(--font-bold);line-height:1}.ac-detail-weekday{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ac-detail-monthyear{color:var(--text-muted);font-size:var(--text-xs);margin-top:1px}.ac-status-pill{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);gap:5px;padding:4px 10px;white-space:nowrap}.ac-status-pill--present{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.ac-status-pill--absent{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.ac-status-pill--leave{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.ac-status-pill--half-day{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.ac-status-pill--holiday{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.ac-status-pill--upcoming,.ac-status-pill--weekend{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-muted)}.ac-status-pill--pending{background:var(--bg-tertiary);border-color:var(--border-default);color:var(--text-secondary)}.ac-time-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.ac-time-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:10px 12px}.ac-time-label{color:var(--text-muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.ac-time-label,.ac-time-value{font-weight:var(--font-semibold)}.ac-time-value{color:var(--text-primary);font-size:var(--text-sm)}.ac-time-card--in .ac-time-value{color:#16a34a;color:var(--success-600,#16a34a)}.ac-time-card--out .ac-time-value{color:#dc2626;color:var(--danger-600,#dc2626)}.ac-time-card--hours .ac-time-value{color:#059669;color:var(--primary-600,#059669)}.ac-time-card--overtime .ac-time-value{color:#d97706;color:var(--warning-600,#d97706)}.ac-info-box{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:10px;padding:12px 14px}.ac-info-box--leave{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.ac-info-box--holiday{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.ac-info-box--upcoming,.ac-info-box--weekend{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-muted)}.ac-info-box--pending{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.ac-info-box--absent{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.ac-info-title{font-size:var(--text-sm);font-weight:var(--font-semibold)}.ac-info-sub{font-size:var(--text-xs);margin-top:2px;opacity:.8}@media (max-width:900px){.ac-container{grid-template-columns:1fr}.ac-right{position:static}}@media (max-width:480px){.ac-day{min-height:36px}.ac-time-grid{grid-template-columns:1fr}}.whos-in{display:flex;flex-direction:column;gap:var(--space-6)}.whos-in-toolbar{flex-wrap:wrap;justify-content:space-between}.whos-in-live-indicator,.whos-in-toolbar{align-items:center;display:flex;gap:var(--space-2)}.whos-in-live-indicator{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.live-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--success-500);border-radius:var(--radius-full);height:8px;width:8px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #10b98166;opacity:1}50%{box-shadow:0 0 0 4px #10b98100;opacity:.7}}.whos-in-toolbar-right{align-items:center;display:flex;gap:var(--space-3)}.last-updated{color:var(--text-muted);font-size:var(--text-xs)}.refresh-btn{background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--accent-400);color:var(--accent-600)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn .spin{animation:spin .8s linear infinite}.whos-in-summary{display:flex;gap:var(--space-4)}.summary-item{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:var(--space-5) var(--space-4);position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.summary-item:after{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.summary-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-item--working{background:var(--success-50);border-color:var(--success-100)}.summary-item--working:after{background:var(--success-500)}.summary-item--break{background:var(--warning-50);border-color:var(--warning-100)}.summary-item--break:after{background:var(--warning-500)}.summary-item--offline{background:var(--surface-1);border-color:var(--border-light)}.summary-item--offline:after{background:var(--surface-4)}.summary-count{font-feature-settings:"tnum";font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.summary-item--working .summary-count{color:var(--success-600)}.summary-item--break .summary-count{color:var(--warning-600)}.summary-item--offline .summary-count{color:var(--text-muted)}.summary-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:650;letter-spacing:.5px;margin-top:var(--space-2);text-transform:uppercase}.whos-in-columns{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.whos-in-column{display:flex;flex-direction:column;gap:var(--space-3)}.column-header{align-items:center;border-bottom:2px solid var(--border-light);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:650;gap:var(--space-2);letter-spacing:.2px;margin-bottom:var(--space-1);padding-bottom:var(--space-3)}.column-header--working{border-bottom-color:var(--success-300)}.column-header--break{border-bottom-color:var(--warning-300)}.column-header--offline{border-bottom-color:var(--surface-3)}.column-dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.column-dot--working{background:var(--success-500)}.column-dot--break{background:var(--warning-500)}.column-dot--offline{background:var(--text-muted)}.column-empty{background:var(--surface-1);border:1px dashed var(--border-light);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--text-xs);font-style:italic;padding:var(--space-8) var(--space-4);text-align:center}.person-card{align-items:flex-start;background:var(--surface-0);border:1px solid var(--border-light);border-left:3px solid #0000;border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.person-card--working{border-left-color:var(--success-400)}.person-card--break{border-left-color:var(--warning-400)}.person-card--offline{border-left-color:var(--surface-3);opacity:.75}.person-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.person-card--offline:hover{opacity:1}.person-avatar{align-items:center;border-radius:var(--radius-xl);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:36px;justify-content:center;letter-spacing:.3px;width:36px}.person-avatar--working{background:linear-gradient(135deg,var(--success-400) 0,var(--success-600) 100%)}.person-avatar--break{background:linear-gradient(135deg,var(--warning-400) 0,var(--warning-600) 100%)}.person-avatar--offline{background:var(--surface-3);color:var(--text-secondary)}.person-info{flex:1 1;min-width:0}.person-name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:600;gap:var(--space-2)}.wfh-tag{align-items:center;background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--radius-full);color:var(--info-600);display:inline-flex;font-size:9px;font-weight:700;gap:3px;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.person-meta{color:var(--text-secondary);font-size:var(--text-xs);margin-top:1px}.person-team{color:var(--text-muted);font-size:var(--text-xs)}.person-login-time{color:var(--text-muted);font-size:10px;margin-top:2px}.person-break-info{align-items:center;display:flex;gap:var(--space-2);margin-top:4px}.break-type-label{background:var(--warning-50);border:1px solid var(--warning-100);border-radius:var(--radius-full);color:var(--warning-700);font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.break-timer{font-feature-settings:"tnum";color:var(--warning-600);font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800}.skeleton-summary-item{border-radius:var(--radius-lg);flex:1 1;height:80px}.skeleton-card{border-radius:var(--radius-lg);height:72px}@media (max-width:992px){.whos-in-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.whos-in-summary{flex-direction:row;gap:var(--space-3)}.summary-item{padding:var(--space-3) var(--space-2)}.summary-count{font-size:var(--text-2xl)}}@media (max-width:640px){.whos-in-columns{grid-template-columns:1fr}}.sm-page{animation:sm-enter .25s ease;padding:0;position:relative}@keyframes sm-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.sm-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.sm-tabs{border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:0}.sm-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:6px;margin-bottom:-2px;padding:9px 16px;position:relative;transition:color .18s ease;white-space:nowrap}.sm-tab:hover{color:var(--text-primary)}.sm-tab--active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.sm-tab-count{align-items:center;background:var(--primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.sm-table-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.sm-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.sm-table thead tr{background:var(--bg-tertiary)}.sm-table th{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.6px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.sm-table td,.sm-table th{border-bottom:1px solid var(--border-light)}.sm-table td{color:var(--text-primary);padding:13px 16px;vertical-align:middle}.sm-table tbody tr:last-child td{border-bottom:none}.sm-table tbody tr{transition:background var(--transition-fast)}.sm-table tbody tr:hover{background:var(--bg-tertiary)}.sm-row--inactive{opacity:.5}.sm-name-cell{gap:10px}.sm-name-cell,.sm-shift-icon{align-items:center;display:flex}.sm-shift-icon{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-600);flex-shrink:0;height:28px;justify-content:center;width:28px}.sm-shift-name{color:var(--text-primary);font-weight:500}.sm-dept-cell{color:var(--text-secondary);font-size:13px}.sm-desc-cell{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-nil{color:var(--text-muted)}.sm-default-tag{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 7px}.sm-time-range{font-feature-settings:"tnum";align-items:center;color:var(--text-secondary);display:inline-flex;font-size:13px;font-variant-numeric:tabular-nums;gap:6px}.sm-time-sep{color:var(--text-muted);font-size:11px}.sm-hours-pill{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-weight:600}.sm-hours-pill,.sm-shift-pill{display:inline-block;font-size:12px;padding:3px 10px}.sm-shift-pill{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500}.sm-row-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end}.sm-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.2px;padding:3px 10px;white-space:nowrap}.sm-badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.sm-badge--success{background:var(--success-100);color:var(--success-600)}.sm-badge--warning{background:var(--warning-100);color:var(--warning-700)}.sm-badge--info{background:var(--info-100);color:var(--info-600)}.sm-badge--danger{background:var(--danger-100);color:var(--danger-600)}.sm-badge--default{background:var(--bg-tertiary);color:var(--text-muted)}.sm-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:6px;line-height:1;padding:8px 16px;transition:all var(--transition-fast);white-space:nowrap}.sm-btn:disabled{cursor:not-allowed;opacity:.45}.sm-btn--primary{background:var(--primary);box-shadow:var(--shadow-xs);color:#fff}.sm-btn--primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sm-btn--ghost{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary)}.sm-btn--ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.sm-btn--outline{background:#0000;border:1px solid var(--primary-200);color:var(--primary-600)}.sm-btn--outline:hover:not(:disabled){background:var(--primary-50)}.sm-btn--success{background:var(--success-600);color:#fff}.sm-btn--success:hover:not(:disabled){background:var(--success-700)}.sm-btn--danger{background:var(--danger-600);color:#fff}.sm-btn--danger:hover:not(:disabled){background:var(--danger-700)}.sm-btn--review{background:var(--primary-100);border:1px solid var(--primary-200);color:var(--primary-700)}.sm-btn--review:hover:not(:disabled){background:var(--primary-200)}.sm-btn--sm{font-size:12px;gap:4px;padding:5px 10px}.sm-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.sm-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sm-icon-btn--danger:hover{background:var(--danger-100);color:var(--danger-600)}.sm-role-chip{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:500;padding:3px 9px;text-transform:capitalize}.sm-unassigned{color:var(--text-muted);font-size:13px;font-style:italic}.sm-avatar{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;letter-spacing:.5px;width:30px}.sm-assign-inline,.sm-avatar{align-items:center;display:flex}.sm-assign-inline{gap:6px}.sm-assign-inline select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;min-width:130px;outline:none;padding:5px 8px}.sm-assign-inline select:focus{border-color:var(--primary)}.sm-my-shift{display:flex;flex-direction:column;gap:var(--space-5);max-width:680px}.sm-current-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;position:relative}.sm-current-card:before{background:var(--primary-500);border-radius:0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sm-current-card-label{align-items:center;color:var(--primary-600);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;padding:12px 20px 0 24px;text-transform:uppercase}.sm-current-card-body{padding:10px 20px 20px 24px}.sm-current-name{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2;margin-bottom:14px}.sm-current-times{align-items:stretch;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden;width:-webkit-fit-content;width:fit-content}.sm-time-block{align-items:center;display:flex;flex-direction:column;gap:2px;padding:10px 20px}.sm-time-block-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sm-time-block-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.sm-time-divider{align-self:stretch;background:var(--border-light);width:1px}.sm-current-desc{border-top:1px solid var(--border-light);color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:14px 0 0;padding-top:12px}.sm-current-none{color:var(--text-muted);font-style:italic;padding:10px 20px 20px 24px}.sm-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.sm-section-hd{background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase}.sm-req-row,.sm-section-hd{border-bottom:1px solid var(--border-light)}.sm-req-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;transition:background var(--transition-fast)}.sm-req-row:last-child{border-bottom:none}.sm-req-row:hover{background:var(--bg-tertiary)}.sm-req-row--past{opacity:.7}.sm-req-name{color:var(--text-primary);flex-shrink:0;font-size:var(--text-sm);font-weight:600}.sm-req-eff{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:12px;gap:4px;margin-left:auto}.sm-req-reason-text{color:var(--text-secondary);font-style:italic}.sm-req-reason-text,.sm-req-rejection{flex:1 1 100%;font-size:12px;padding-top:2px}.sm-req-rejection{color:var(--danger-600)}.sm-pending{display:flex;flex-direction:column;gap:var(--space-3)}.sm-approval-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:16px 18px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.sm-approval-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.sm-approval-card--open{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.sm-approval-left{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.sm-approval-info{display:flex;flex-direction:column;gap:5px;min-width:0}.sm-approval-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.sm-approval-route{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:6px}.sm-approval-arrow{color:var(--text-muted);flex-shrink:0}.sm-approval-target{color:var(--primary-600);font-weight:600}.sm-approval-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:5px}.sm-approval-meta svg{flex-shrink:0}.sm-meta-sep{color:var(--border-light)}.sm-approval-reason-text{font-style:italic;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-approval-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.sm-approval-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.sm-comment-input{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;min-width:160px;outline:none;padding:5px 10px;transition:border-color .18s ease,box-shadow .18s ease}.sm-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.sm-empty{flex-direction:column;gap:10px;padding:60px 24px;text-align:center}.sm-empty,.sm-empty-icon{align-items:center;display:flex}.sm-empty-icon{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:50%;color:var(--text-muted);height:52px;justify-content:center;margin-bottom:4px;width:52px}.sm-empty-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.sm-empty-sub{color:var(--text-muted);font-size:13px;line-height:1.5;max-width:280px}.sm-modal-backdrop{align-items:center;animation:sm-backdrop-in .18s ease;background:var(--overlay-dark);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal-backdrop)}@keyframes sm-backdrop-in{0%{opacity:0}to{opacity:1}}.sm-modal{animation:sm-modal-in .2s ease;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;overflow:hidden;width:100%}@keyframes sm-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sm-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.sm-modal-title-group{align-items:center;display:flex;gap:10px}.sm-modal-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-600);display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.sm-modal-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.sm-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:20px}.sm-modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-light);display:flex;gap:var(--space-2);justify-content:flex-end;padding:14px 20px}.sm-field{display:flex;flex-direction:column;gap:6px}.sm-field label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.1px}.sm-optional{color:var(--text-muted);font-weight:400}.sm-field input,.sm-field select,.sm-field textarea{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;padding:9px 12px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus{background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.sm-field textarea{line-height:1.5;min-height:80px;resize:vertical}.sm-field-row{grid-gap:var(--space-3);align-items:end;display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr auto}.sm-field--sm{min-width:90px}.sm-toast{align-items:center;animation:sm-toast-in .22s ease;border-radius:var(--radius-lg);bottom:24px;box-shadow:0 4px 20px #00000026;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:8px;padding:11px 18px;position:fixed;right:24px;z-index:var(--z-toast)}@keyframes sm-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sm-toast--success{background:var(--success-600);color:#fff}.sm-toast--error{background:var(--danger-600);color:#fff}@media (max-width:640px){.sm-toolbar{align-items:flex-start;flex-direction:column}.sm-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%}.sm-field-row{grid-template-columns:1fr 1fr}.sm-field--sm{grid-column:1/-1}.sm-approval-card{flex-direction:column}.sm-approval-right{align-items:flex-start;width:100%}.sm-approval-actions{justify-content:flex-start}.sm-current-times{width:100%}.sm-time-block{flex:1 1}.sm-comment-input{min-width:100px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-container{background:#0000;margin:0 auto;max-width:1480px;min-height:calc(100vh - 80px);padding:var(--space-6)}.calendar-container h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-3xl);font-weight:var(--font-bold);gap:12px;margin:0 0 8px}.calendar-instruction{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:8px;margin-bottom:var(--space-5)}.info-banner{background:linear-gradient(180deg,#f0f9fff5,#e0f2fee6);border:1px solid #7dd3fc73;border-radius:var(--radius-lg);box-shadow:0 14px 28px #0ea5e90f;color:var(--info-700);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.info-banner strong{color:var(--info-700);font-weight:var(--font-bold)}.calendar-wrapper{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 320px;margin-bottom:var(--space-8)}.calendar-legend-horizontal{align-items:center;background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6)}.calendar-legend-horizontal .legend-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:0;padding:6px 12px;transition:all var(--transition-fast)}.calendar-legend-horizontal .legend-item:hover{background:#f8fafcf5;transform:translateY(-2px)}.calendar-legend-horizontal .legend-color{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;height:24px;justify-content:center;position:relative;width:24px}.calendar-legend-horizontal .legend-item span:last-child{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.react-calendar{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;font-family:var(--font-sans);max-width:600px;padding:var(--space-5);width:100%!important}.react-calendar__navigation{display:flex;height:48px;margin-bottom:var(--space-5)}.react-calendar__navigation button{background:#fffffff5;border:1px solid #e2e8f0eb;border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);min-width:48px;transition:all var(--transition-fast)}.react-calendar__navigation button:hover{background:#f8fafcf5;border-color:#cbd5e1f2}.react-calendar__navigation button:first-child{margin-right:8px}.react-calendar__navigation button:last-child{margin-left:8px}.react-calendar__navigation__label{background:#0000!important;border:none!important;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.react-calendar__month-view__weekdays{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-bold);padding:8px 0;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:12px 0}.react-calendar__tile{align-items:center;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);justify-content:center;margin:3px;min-height:56px!important;position:relative;transition:all var(--transition-fast)}.react-calendar__tile:hover{background-color:var(--bg-tertiary)!important;transform:translateY(-1px)}.react-calendar__tile--active{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)!important}.react-calendar__tile--active,.react-calendar__tile.selected-date{box-shadow:var(--shadow-md);color:var(--text-inverse)!important;font-weight:var(--font-bold)}.react-calendar__tile.selected-date{background:linear-gradient(135deg,var(--info-500) 0,#0284c7 100%)!important;background:linear-gradient(135deg,var(--info-500) 0,var(--info-600,#0284c7) 100%)!important}.react-calendar__tile.selected-date:hover{background:linear-gradient(135deg,#0284c7 0,var(--info-700) 100%)!important;background:linear-gradient(135deg,var(--info-600,#0284c7) 0,var(--info-700) 100%)!important}.react-calendar__tile.approved-leave{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)}.react-calendar__tile.approved-leave,.react-calendar__tile.pending-leave{box-shadow:var(--shadow-sm);color:var(--text-inverse);font-weight:var(--font-bold)}.react-calendar__tile.pending-leave{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%)}.react-calendar__tile.company-holiday{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-500,#10b981) 0,var(--primary-600,#059669) 100%);box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:default;font-weight:var(--font-bold)}.react-calendar__tile.company-holiday:hover{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--primary-600,#059669) 0,var(--primary-700,#047857) 100%)}.react-calendar__tile.team-leave{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-50,#ecfdf5) 0,var(--primary-100,#d1fae5) 100%);color:#047857;color:var(--primary-700,#047857);font-weight:var(--font-semibold)}.react-calendar__month-view__days__day--neighboringMonth{color:var(--border-default);opacity:.5}.react-calendar__tile--now{background:#0000;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px var(--primary);color:var(--text-primary);font-weight:var(--font-bold)}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--selected:enabled:hover{background:var(--info-700)!important}.leave-indicator{font-size:12px;font-weight:700;position:absolute;right:2px;top:2px}.holiday-indicator{font-size:14px;position:absolute;right:2px;top:2px}.team-leave-indicator{background:#ffffffe6;border-radius:3px;bottom:2px;font-size:11px;left:2px;padding:2px 4px;position:absolute}.selected-indicator{color:var(--text-inverse);line-height:1;opacity:.9;position:absolute;right:2px;top:2px}.calendar-legend{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-width:260px;padding:var(--space-6)}.calendar-legend h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:10px;margin:0 0 var(--space-5) 0}.calendar-legend h3:before{background:linear-gradient(135deg,var(--info-500) 0,#0284c7 100%);background:linear-gradient(135deg,var(--info-500) 0,var(--info-600,#0284c7) 100%);border-radius:2px;content:"";display:inline-block;height:20px;width:4px}.calendar-legend .legend-item{align-items:center;border-radius:var(--radius-lg);display:flex;gap:14px;margin-bottom:var(--space-4);padding:10px;transition:all var(--transition-fast)}.calendar-legend .legend-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.calendar-legend .legend-item:last-child{margin-bottom:0}.calendar-legend .legend-color{border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-shrink:0;height:36px;overflow:hidden;position:relative;width:36px}.calendar-legend .legend-color:after{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.legend-color.holiday{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-500,#10b981) 0,var(--primary-600,#059669) 100%);border:2px solid #047857;border:2px solid var(--primary-700,#047857)}.legend-color.selected{background:linear-gradient(135deg,var(--info-500) 0,#0284c7 100%);background:linear-gradient(135deg,var(--info-500) 0,var(--info-600,#0284c7) 100%);border:2px solid var(--info-700)}.legend-color.approved{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:2px solid var(--success-700)}.legend-color.pending{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);border:2px solid var(--warning-700)}.legend-color.team{background:linear-gradient(135deg,#ecfdf5,#d1fae5);background:linear-gradient(135deg,var(--primary-50,#ecfdf5) 0,var(--primary-100,#d1fae5) 100%);border:2px solid #6ee7b7;border:2px solid var(--primary-300,#6ee7b7)}.calendar-legend .legend-item span:last-child{color:var(--text-secondary);flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium)}.legend-item .legend-icon{color:var(--text-inverse);font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.legend-color.team .legend-icon{color:#059669;color:var(--primary-600,#059669)}.selected-dates-info{background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--primary-100,#d1fae5);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-6);padding:var(--space-6)}.selected-dates-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:10px;margin:0 0 var(--space-5) 0}.dates-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--space-6)}.date-tag{background:linear-gradient(135deg,var(--info-500) 0,#0284c7 100%);background:linear-gradient(135deg,var(--info-500) 0,var(--info-600,#0284c7) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-base);font-weight:var(--font-semibold);gap:8px;padding:10px 18px}.date-tag,.proceed-btn{align-items:center;color:var(--text-inverse);display:inline-flex}.proceed-btn{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;font-family:inherit;font-size:var(--text-lg);font-weight:var(--font-bold);gap:10px;padding:14px 36px;transition:all var(--transition-slow)}.proceed-btn:hover{background:linear-gradient(135deg,var(--success-600) 0,var(--success-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.proceed-btn:active{transform:translateY(0)}.proceed-btn:disabled{background:var(--border-default);box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-content{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 28px 80px #0f172a3d;max-height:90vh;max-width:480px;overflow-y:auto;width:92%}.modal-header{align-items:center;background:#ffffffc7;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-content h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;line-height:1;margin:0}.modal-content h2 svg{color:var(--info-500)}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.modal-close-btn:hover{background:#f8fafcf5;color:var(--text-primary)}.modal-body{padding:20px 24px}.summary-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.summary-chip{align-items:center;background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:20px;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:6px 12px}.summary-chip svg{color:var(--info-500)}.summary-chip-label{color:var(--text-secondary);font-weight:500}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.modal-body .form-group select,.modal-body .form-group textarea{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:var(--info-500);box-shadow:0 0 0 4px #0ea5e91f;outline:none}.modal-body .form-group textarea{resize:vertical}.time-slot-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.time-slot-card{align-items:center;background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;letter-spacing:normal;margin:0;padding:10px 12px;text-transform:none;transition:all .15s ease}.time-slot-card input[type=radio]{display:none}.time-slot-card:hover{background:var(--info-50);border-color:#38bdf8;border-color:var(--info-400,#38bdf8)}.time-slot-card.time-slot-selected{background:var(--info-50);border-color:var(--info-500);color:#0284c7;color:var(--info-600,#0284c7)}.time-slot-info{display:flex;flex-direction:column}.time-slot-time{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.time-slot-selected .time-slot-time{color:#0284c7;color:var(--info-600,#0284c7)}.time-slot-label{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1}.modal-error{align-items:flex-start;animation:shakeIn .3s ease;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:10px;color:var(--danger-700);display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4;margin:0 24px 16px;padding:10px 14px}.modal-error svg{color:var(--danger-500);flex-shrink:0;margin-top:1px}@keyframes shakeIn{0%{opacity:0;transform:translateX(-6px)}40%{transform:translateX(4px)}70%{transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}.modal-actions{background:#f8fafce6;border-top:1px solid var(--border-light);gap:8px;justify-content:flex-end;padding:16px 24px 20px}.cancel-btn{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:9px 18px;transition:all .15s ease}.cancel-btn:hover{background:#f8fafcf5;color:var(--text-primary)}.submit-btn{background:linear-gradient(135deg,var(--info-500) 0,var(--info-600) 100%);border:none;border-radius:10px;box-shadow:0 14px 28px #0ea5e929;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:9px 20px;transition:all .15s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7 0,var(--info-700) 100%);background:linear-gradient(135deg,var(--info-600,#0284c7) 0,var(--info-700) 100%);box-shadow:0 18px 34px #0ea5e933}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{border:2px solid var(--danger-100);border-radius:var(--radius-lg)}.error-message,.success-message{align-items:flex-start;display:flex;font-weight:var(--font-medium);gap:12px;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.success-message{background:var(--success-50);border:2px solid var(--success-100);border-radius:var(--radius-lg);color:var(--success-700);white-space:pre-line}@media (max-width:1024px){.calendar-wrapper{grid-template-columns:1fr}.upcoming-holidays-section{max-width:100%;width:100%}.holidays-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.holiday-list-item{flex-wrap:wrap}}@media (max-width:768px){.calendar-container{padding:var(--space-4)}.calendar-legend-horizontal{gap:var(--space-3);padding:var(--space-4)}.calendar-legend-horizontal .legend-item{padding:4px 8px}.react-calendar{max-width:100%}.modal-content{width:95%}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-actions{flex-direction:column-reverse;padding:12px 16px 16px}.cancel-btn,.submit-btn{display:flex;justify-content:center;text-align:center;width:100%}.time-slot-options{grid-template-columns:1fr}}.upcoming-holidays-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);max-width:320px;min-width:280px;padding:var(--space-6)}.upcoming-holidays-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:8px;margin:0 0 var(--space-5) 0}.holidays-list{display:flex;flex-direction:column;gap:8px}.holiday-list-item{align-items:center;background:var(--bg-tertiary);border-left:3px solid #34d399;border-left:3px solid var(--primary-400,#34d399);border-radius:var(--radius-lg);display:flex;gap:12px;padding:10px 12px;transition:all var(--transition-fast)}.holiday-list-item:hover{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-left-color:#10b981;border-left-color:var(--primary-500,#10b981);transform:translateX(3px)}.holiday-list-date{align-items:center;background:var(--bg-secondary);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;min-width:38px;overflow:hidden}.holiday-list-date:before{background:#10b981;background:var(--primary-500,#10b981);content:"";display:block;flex-shrink:0;height:4px;width:100%}.holiday-day{color:#047857;color:var(--primary-700,#047857);font-size:var(--text-lg);line-height:1;padding:3px 6px 1px}.holiday-day,.holiday-month{font-weight:var(--font-bold)}.holiday-month{color:#10b981;color:var(--primary-500,#10b981);font-size:9px;letter-spacing:.05em;padding-bottom:3px;text-transform:uppercase}.holiday-list-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.holiday-list-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-list-day{color:var(--text-secondary);font-size:var(--text-xs)}.holiday-list-countdown{flex-shrink:0;text-align:right}.countdown-today{background:#d1fae5;background:var(--primary-100,#d1fae5);color:#047857;color:var(--primary-700,#047857)}.countdown-today,.countdown-tomorrow{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:var(--font-semibold);padding:3px 8px}.countdown-tomorrow{background:var(--warning-100);color:var(--warning-700)}.countdown-days{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:var(--font-semibold);padding:3px 8px}.more-holidays-note{font-size:var(--text-xs);font-style:italic;margin:12px 0 0}.more-holidays-note,.no-holidays{color:var(--text-muted);text-align:center}.no-holidays{font-size:var(--text-base);margin:0;padding:var(--space-5) 0}.leads-dashboard{padding:24px}.leads-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;gap:16px;padding:20px;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.stat-card .stat-icon svg{height:24px;width:24px}.stat-card .stat-content h3{color:var(--text-primary);font-size:26px;font-weight:700;margin:0}.stat-card .stat-content p{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.stat-card.total{border-left:3px solid var(--primary)}.stat-card.total .stat-icon{background:var(--primary-100);color:var(--primary-600)}.stat-card.pipeline{border-left:3px solid var(--warning-600)}.stat-card.pipeline .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-card.won{border-left:3px solid var(--success-600)}.stat-card.won .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-card.conversion{border-left:3px solid var(--accent-600)}.stat-card.conversion .stat-icon{background:var(--accent-100);color:var(--accent-600)}.leads-pipeline{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:24px;padding:24px}.leads-pipeline h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.pipeline-stages{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.stage{border-radius:var(--radius-lg);min-width:100px;padding:16px 20px;text-align:center;transition:all var(--transition-fast)}.stage:hover{transform:translateY(-2px)}.stage-count{display:block;font-size:28px;font-weight:700}.stage-label{display:block;font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.stage.new{background:var(--info-100);color:var(--info-700)}.stage.contacted{background:var(--warning-100);color:var(--warning-700)}.stage.qualified{background:var(--primary-100);color:var(--primary-700)}.stage.proposal{background:var(--accent-100);color:var(--accent-700)}.stage.negotiation{background:var(--danger-100);color:var(--danger-700)}.stage.won{background:var(--success-100);color:var(--success-700)}.stage-arrow{color:var(--text-muted);font-size:20px}.follow-ups-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:24px;padding:24px}.follow-ups-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.follow-ups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.follow-up-card{border-radius:var(--radius-lg);padding:16px}.follow-up-card h4{font-size:13px;font-weight:600;margin:0 0 14px}.follow-up-card.overdue{background:var(--danger-50);border:1px solid var(--danger-100)}.follow-up-card.overdue h4{color:var(--danger-600)}.follow-up-card.today{background:var(--warning-50);border:1px solid var(--warning-100)}.follow-up-card.today h4{color:var(--warning-700)}.follow-up-card.upcoming{background:var(--success-50);border:1px solid var(--success-100)}.follow-up-card.upcoming h4{color:var(--success-600)}.follow-up-card ul{list-style:none;margin:0;padding:0}.follow-up-card li{background:var(--overlay-light);border-radius:var(--radius-md);cursor:pointer;margin-bottom:6px;padding:10px;transition:all var(--transition-fast)}.follow-up-card li:hover{background:var(--surface-0);box-shadow:var(--shadow-xs)}.follow-up-card .lead-title{color:var(--text-primary);display:block;font-size:13px;font-weight:500}.follow-up-card .lead-company{color:var(--text-muted);display:block;font-size:12px}.leads-simple-header{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid var(--primary);border-radius:var(--radius-xl);margin-bottom:24px;padding:24px}.leads-simple-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.leads-simple-header .leads-hint{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.leads-actions{margin-bottom:16px}.create-lead-btn{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.create-lead-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.create-lead-btn svg{height:18px;width:18px}.leads-list-container{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px}.leads-list-container h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.leads-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;position:relative;z-index:10}.leads-filters .filter-group{flex:0 0 auto}.leads-filters .filter-group select{min-width:140px}.leads-filters input,.leads-filters select{-webkit-appearance:auto;appearance:auto;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13.5px;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.leads-filters input:focus,.leads-filters select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.leads-filters .search-group{flex:1 1 220px;max-width:320px;min-width:180px;position:relative}.leads-filters .search-icon{color:var(--text-muted);left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.leads-filters .search-input{padding-left:34px;padding-right:12px;width:100%}.leads-filters .filter-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.refresh-btn{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:6px;height:40px;padding:0 16px;transition:all .15s;white-space:nowrap}.refresh-btn:hover{background:var(--border-light);border-color:var(--text-muted);color:var(--text-primary)}.refresh-btn svg{height:15px;width:15px}.export-btn{align-items:center;background:#f0fdf4;background:var(--primary-50,#f0fdf4);border:1.5px solid #a7f3d0;border:1.5px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-md);color:#10b981;color:var(--primary,#10b981);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:6px;height:40px;padding:0 16px;transition:all .15s;white-space:nowrap}.export-btn:hover:not(:disabled){background:#d1fae5;background:var(--primary-100,#d1fae5);border-color:#10b981;border-color:var(--primary,#10b981)}.export-btn:disabled{cursor:not-allowed;opacity:.6}.leads-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-lg);max-height:65vh;overflow-x:auto;overflow-y:auto}.leads-table{border-collapse:collapse;min-width:900px;width:100%}.leads-table th{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.3px;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:2}.leads-table td{border-bottom:1px solid var(--border-light);font-size:14px;padding:12px 14px}.leads-table .lead-row{cursor:pointer;transition:background var(--transition-fast)}.leads-table .lead-row:hover{background:var(--bg-tertiary)}.lead-title-cell .lead-title{color:var(--text-primary);display:block;font-weight:500}.lead-title-cell .lead-source{color:var(--text-muted);display:block;font-size:11px;text-transform:capitalize}.contact-info .contact-name{color:var(--text-primary);display:block;font-weight:500}.contact-info .contact-email{color:var(--text-secondary);display:block;font-size:12px}.assignee-info .assignee-name{color:var(--text-primary);display:block;font-weight:500}.assignee-info .assignee-team{color:var(--text-muted);display:block;font-size:11px}.unassigned{color:var(--text-muted);font-style:italic}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.status-new{background:var(--info-100);color:var(--info-700)}.status-contacted{background:var(--warning-100);color:var(--warning-700)}.status-qualified{background:var(--primary-100);color:var(--primary-700)}.status-proposal{background:var(--accent-100);color:var(--accent-700)}.status-negotiation{background:var(--danger-100);color:var(--danger-700)}.status-won{background:var(--success-100);color:var(--success-700)}.status-lost{background:var(--danger-100);color:var(--danger-700)}.priority-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.priority-low{background:var(--secondary-100);color:var(--secondary-600)}.priority-medium{background:var(--warning-100);color:var(--warning-700)}.priority-high{background:var(--danger-100);color:var(--danger-700)}.priority-hot{background:var(--danger-600);color:var(--text-inverse)}.overdue{color:var(--danger-600);font-weight:600}.pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;margin-top:20px;padding-top:20px}.pagination button{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:14px;padding:8px 14px;transition:all var(--transition-fast)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:not(:disabled):hover{background:var(--bg-tertiary);border-color:var(--primary)}.pagination span{color:var(--text-secondary);font-size:14px}.no-leads{color:var(--text-muted);padding:40px;text-align:center}.no-leads svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.lead-detail{background:var(--bg-primary);min-height:100%}.lead-detail-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:20px;margin-bottom:20px;padding:20px 24px}.lead-title-section{flex:1 1}.lead-title-section h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.lead-title-section .company-name{color:var(--text-secondary);font-size:14px}.lead-actions{display:flex;gap:10px}.assign-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all var(--transition-fast)}.assign-btn:hover{background:var(--primary-hover)}.close-lead-btn{background:var(--warning-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all var(--transition-fast)}.close-lead-btn:hover{background:var(--warning-700)}.lead-detail-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:340px 1fr;padding:0 24px 24px}.lead-info-section{display:flex;flex-direction:column;gap:16px}.info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px}.info-card h4{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.info-row{align-items:center;font-size:14px;justify-content:space-between;padding:8px 0}.info-row label{color:var(--text-secondary)}.info-row span{color:var(--text-primary);font-weight:500}.info-row a{color:var(--primary);text-decoration:none}.info-row a:hover{text-decoration:underline}.source-badge{background:var(--info-100);border-radius:var(--radius-full);color:var(--info-700);font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.actual-value{color:var(--success-600);font-weight:600}.description-text{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.closure-card{border-left:4px solid var(--warning-500)}.status-card{border-left:4px solid var(--primary)}.status-selector{display:flex;flex-wrap:wrap;gap:8px}.status-option{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;text-transform:capitalize;transition:all var(--transition-fast)}.status-option:hover:not(.disabled){background:var(--primary-100);border-color:var(--primary)}.status-option.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.status-option.disabled{cursor:not-allowed;opacity:.5}.final-status{border-radius:var(--radius-full);font-size:12px;font-weight:600;padding:6px 14px}.final-status.won{background:var(--success-100);color:var(--success-700)}.final-status.lost{background:var(--danger-100);color:var(--danger-700)}.lead-pipeline-wrap{margin-bottom:20px;padding:0 24px}.lead-pipeline{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);gap:0;overflow-x:auto;padding:14px 20px}.lead-pipeline,.pipeline-step{align-items:center;display:flex}.pipeline-step{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px;padding:4px 8px;transition:all var(--transition-fast)}.pipeline-step:hover .pipeline-dot{background:var(--primary-50);border-color:var(--primary)}.pipeline-dot{align-items:center;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:50%;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.pipeline-step.active .pipeline-dot,.pipeline-step.done .pipeline-dot{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.pipeline-step.active .pipeline-dot{box-shadow:0 0 0 4px var(--primary-100)}.pipeline-label{color:var(--text-muted);font-size:11px;font-weight:500;text-transform:capitalize;white-space:nowrap}.pipeline-step.active .pipeline-label{color:var(--primary);font-weight:600}.pipeline-step.done .pipeline-label{color:var(--text-secondary)}.pipeline-connector{background:var(--border-default);flex:1 1;height:2px;margin-bottom:18px;min-width:20px;transition:background var(--transition-fast)}.pipeline-connector.done{background:var(--primary)}.pipeline-final-banner{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 20px}.pipeline-final-banner.won{background:var(--success-50);border:1px solid #bbf7d0;border:1px solid var(--success-200,#bbf7d0);color:var(--success-700)}.pipeline-final-banner.lost{background:var(--danger-50);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);color:var(--danger-700)}.contact-name-row{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:10px}.contact-chips{display:flex;flex-wrap:wrap;gap:8px}.contact-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all var(--transition-fast)}.contact-chip.chip-email{background:var(--warning-50);border:1px solid #fde68a;border:1px solid var(--warning-200,#fde68a);color:var(--warning-700)}.contact-chip.chip-email:hover{background:var(--warning-100)}.contact-chip.chip-phone{background:var(--primary-50);border:1px solid var(--primary-200);color:#047857;color:var(--primary-700,#047857)}.contact-chip.chip-phone:hover{background:var(--primary-100)}.follow-up-block{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.follow-up-datetime{color:var(--text-primary);font-size:14px;font-weight:500}.follow-up-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.follow-up-badge.fup-urgent{background:var(--danger-100);color:var(--danger-700)}.follow-up-badge.fup-today{background:var(--warning-100);color:var(--warning-700)}.follow-up-badge.fup-soon{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#4338ca;color:var(--accent-700,#4338ca)}.follow-up-badge.fup-ok{background:var(--success-50);color:var(--success-700)}.info-empty{color:var(--text-muted);font-size:13px;font-style:italic}.quick-activity-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-activity-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all var(--transition-fast)}.quick-activity-btn:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.quick-activity-btn.qab-active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.qab-call.qab-active,.qab-call:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.qab-call.qab-active{background:var(--primary);color:var(--text-inverse)}.qab-email.qab-active,.qab-email:hover{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-700)}.qab-email.qab-active{background:var(--warning-500);color:var(--text-inverse)}.qab-meeting.qab-active,.qab-meeting:hover{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.qab-meeting.qab-active{background:var(--success-600);color:var(--text-inverse)}.qab-note.qab-active,.qab-note:hover{background:var(--info-50);border-color:var(--info-500);color:var(--info-700)}.qab-note.qab-active{background:var(--info-500);color:var(--text-inverse)}.qab-follow_up.qab-active,.qab-follow_up:hover{background:#eef2ff;background:var(--accent-50,#eef2ff);border-color:#6366f1;border-color:var(--accent-500,#6366f1);color:#4338ca;color:var(--accent-700,#4338ca)}.qab-follow_up.qab-active{background:#6366f1;background:var(--accent-500,#6366f1);color:var(--text-inverse)}.activity-type-tag{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.atype-call{background:var(--primary-100);color:#047857;color:var(--primary-700,#047857)}.atype-email{background:var(--warning-100);color:var(--warning-700)}.atype-meeting{background:var(--success-100);color:var(--success-700)}.atype-note{background:var(--info-100);color:var(--info-700)}.atype-follow_up{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#4338ca;color:var(--accent-700,#4338ca)}.atype-assignment,.atype-status_change{background:var(--bg-tertiary);color:var(--text-secondary)}.activity-item.call{border-left:3px solid var(--primary);padding-left:11px}.activity-item.email{border-left:3px solid var(--warning-500);padding-left:11px}.activity-item.meeting{border-left:3px solid var(--success-500);padding-left:11px}.activity-item.note{border-left:3px solid var(--info-500);padding-left:11px}.activity-item.follow_up{border-left:3px solid #6366f1;border-left:3px solid var(--accent-500,#6366f1);padding-left:11px}.activity-count{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);font-size:12px;font-weight:500;padding:2px 8px}.aaf-inline-row{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row-item label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:6px}.add-activity-form input,.add-activity-form select,.add-activity-form textarea{background:var(--bg-primary);color:var(--text-primary)}.activities-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px}.activities-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.activities-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.add-activity-btn{align-items:center;background:var(--success-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.add-activity-btn:hover{background:var(--success-700)}.add-activity-btn svg{height:16px;width:16px}.add-activity-form{background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.add-activity-form .form-row{margin-bottom:14px}.add-activity-form label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.add-activity-form input,.add-activity-form select,.add-activity-form textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.add-activity-form input:focus,.add-activity-form select:focus,.add-activity-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.add-activity-form .form-actions{display:flex;gap:10px;margin-top:16px}.add-activity-form button{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all var(--transition-fast)}.add-activity-form button[type=submit]{background:var(--success-600);border:none;color:var(--text-inverse)}.add-activity-form button[type=submit]:hover{background:var(--success-700)}.add-activity-form button[type=button]{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-secondary)}.add-activity-form button[type=button]:hover{background:var(--border-light)}.activity-timeline{position:relative}.activity-item{border-bottom:1px solid var(--border-light);display:flex;gap:14px;padding:14px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon svg{height:18px;width:18px}.activity-item.call .activity-icon{background:var(--primary-100);color:var(--primary-600)}.activity-item.email .activity-icon{background:var(--warning-100);color:var(--warning-600)}.activity-item.meeting .activity-icon{background:var(--success-100);color:var(--success-600)}.activity-item.status_change .activity-icon{background:var(--accent-100);color:var(--accent-600)}.activity-content{flex:1 1}.activity-header{align-items:center;display:flex;gap:10px;margin-bottom:4px}.activity-type{background:var(--secondary-100);border-radius:var(--radius-sm);color:var(--secondary-600);font-size:11px;font-weight:500;padding:2px 8px;text-transform:capitalize}.activity-subject{color:var(--text-primary);font-size:14px;font-weight:600}.activity-time{color:var(--text-muted);font-size:12px;margin-left:auto}.activity-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:4px 0}.activity-user{color:var(--text-muted);font-size:12px}.no-activities{color:var(--text-muted);padding:32px;text-align:center}.no-activities svg{height:40px;margin-bottom:10px;opacity:.5;width:40px}.assignment-history{border-top:1px solid var(--border-light);margin-top:24px;padding-top:20px}.assignment-history h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 14px}.history-item{background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:13px;margin-bottom:10px;padding:12px}.history-date{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px}.history-text{color:var(--text-primary);display:block;font-weight:500}.history-reason{color:var(--text-secondary);font-style:italic}.history-by,.history-reason{display:block;margin-top:4px}.history-by{color:var(--text-muted);font-size:11px}.modal-overlay{align-items:center;background:var(--overlay-dark);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.modal .form-group{margin-bottom:16px}.modal .form-group label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.modal input,.modal select,.modal textarea{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions button{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all var(--transition-fast)}.modal-actions button[type=submit]{background:var(--primary);border:none;color:var(--text-inverse)}.modal-actions button[type=submit]:hover{background:var(--primary-hover)}.modal-actions button[type=submit].won{background:var(--success-600)}.modal-actions button[type=submit].won:hover{background:var(--success-700)}.modal-actions button[type=submit].lost{background:var(--danger-600)}.modal-actions button[type=submit].lost:hover{background:var(--danger-700)}.modal-actions button[type=button]{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-secondary)}.modal-actions button[type=button]:hover{background:var(--bg-tertiary)}.outcome-options{display:flex;gap:16px}.outcome-option{border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-weight:600;padding:16px;text-align:center;transition:all var(--transition-fast)}.outcome-option input{display:none}.outcome-option.won.selected{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.outcome-option.lost.selected{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.create-lead-modal{max-width:620px}.lead-value-fields{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr 90px}.lead-value-fields input,.lead-value-fields select{margin:0}.create-lead-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.close-modal-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.close-modal-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.close-modal-btn svg{height:20px;width:20px}.form-section{margin-bottom:24px}.form-section h4{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row.three-col{grid-template-columns:repeat(3,1fr)}.create-lead-modal .form-group{margin-bottom:14px}.create-lead-modal .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.create-lead-modal input,.create-lead-modal select,.create-lead-modal textarea{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.create-lead-modal input:disabled,.create-lead-modal select:disabled,.create-lead-modal textarea:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.create-lead-modal input:focus,.create-lead-modal select:focus,.create-lead-modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.create-lead-modal .modal-actions{border-top:1px solid var(--border-light);padding-top:16px}.cancel-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;color:var(--text-secondary)!important}.cancel-btn:hover{background:var(--bg-tertiary)!important}.submit-btn{background:var(--primary)!important;border:none!important}.submit-btn:hover{background:var(--primary-hover)!important}.error-message{background:var(--danger-50);border-left:3px solid var(--danger-500);border-radius:var(--radius-md);color:var(--danger-700);font-size:14px;margin-bottom:16px;padding:12px 14px}.form-help{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}@media (max-width:1024px){.form-row,.form-row.three-col,.lead-detail-content,.lead-value-fields{grid-template-columns:1fr}}@media (max-width:768px){.leads-dashboard{padding:16px}.leads-stats-grid{grid-template-columns:1fr 1fr}.pipeline-stages{flex-direction:column}.stage-arrow{transform:rotate(90deg)}.lead-detail-header,.leads-filters{flex-direction:column}.lead-detail-header{align-items:flex-start}.lead-actions{width:100%}.lead-actions button{flex:1 1}}.file-input-wrapper{align-items:center;display:flex;gap:var(--space-2)}.file-input-label{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);max-width:300px;overflow:hidden;padding:var(--space-2) var(--space-3);text-overflow:ellipsis;transition:all var(--transition-normal);white-space:nowrap}.file-input-label:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.file-remove-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:2px 6px;transition:color var(--transition-fast)}.file-remove-btn:hover{color:var(--danger-600)}.attachment-download-btn{align-items:center;background:var(--primary-light);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-sm);color:var(--primary-dark);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal)}.attachment-download-btn:hover{background:var(--primary-100);border-color:var(--primary)}.lead-type-pill{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;margin-top:3px;padding:2px 8px}.lt-portal_lead{background:var(--info-100);color:var(--info-600)}.lt-staff_augmentation{background:#ede9fe;background:var(--accent-100,#ede9fe);color:#6d28d9;color:var(--accent-700,#6d28d9)}.lt-direct_lead{background:var(--primary-100);color:#15803d;color:var(--primary-dark,#15803d)}.lt-linkedin{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#3730a3;color:var(--accent-800,#3730a3)}.lead-type-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.lead-type-badge{font-weight:700}.lead-sub-type-badge,.lead-type-badge{border-radius:12px;font-size:11px;padding:3px 10px}.lead-sub-type-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:500}.form-row.two-col{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.leads-kpi-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.kpi-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;flex:1 1 150px;gap:12px;padding:16px 18px;position:relative;transition:box-shadow .15s,transform .15s}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-icon-wrap{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.kpi-total{border-top:3px solid var(--primary)}.kpi-total .kpi-icon-wrap{background:var(--primary-100);color:var(--primary-600)}.kpi-pipeline{border-top:3px solid var(--warning-500)}.kpi-pipeline .kpi-icon-wrap{background:var(--warning-50);color:var(--warning-600)}.kpi-won{border-top:3px solid var(--primary)}.kpi-won .kpi-icon-wrap{background:var(--primary-50);color:#059669;color:var(--primary-600,#059669)}.kpi-conversion{border-top:3px solid #6366f1;border-top:3px solid var(--accent-500,#6366f1)}.kpi-conversion .kpi-icon-wrap{background:#eef2ff;background:var(--accent-50,#eef2ff);color:#4f46e5;color:var(--accent-600,#4f46e5)}.kpi-followup{border-top:3px solid var(--warning-600)}.kpi-followup .kpi-icon-wrap{background:var(--warning-50);color:#ea580c;color:var(--warning-700,#ea580c)}.kpi-hot{border-top:3px solid var(--danger-500)}.kpi-hot .kpi-icon-wrap{background:var(--danger-50);color:var(--danger-600)}.kpi-body{flex:1 1;min-width:0}.kpi-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-label{color:var(--text-muted);font-size:12px;font-weight:500;margin-top:3px}.kpi-badge{align-items:center;border-radius:20px;display:flex;font-size:10px;font-weight:600;gap:3px;padding:2px 7px;position:absolute;right:12px;top:10px}.kpi-badge-up{background:var(--primary-100);color:var(--success-600)}.kpi-badge-danger{background:var(--danger-100);color:var(--danger-600)}.leads-intel-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.leads-intel-row{grid-template-columns:1fr}}.leads-funnel-card,.leads-priority-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px 22px}.intel-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.intel-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:13.5px;font-weight:600;gap:8px}.intel-section-sub{color:var(--text-muted);font-size:12px}.funnel-bars{display:flex;flex-direction:column;gap:10px}.funnel-row{align-items:center;display:flex;gap:10px}.funnel-label{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500;text-align:right;width:82px}.funnel-label-lost{color:var(--text-muted)}.funnel-bar-track{background:var(--bg-tertiary);border-radius:6px;flex:1 1;height:10px;overflow:hidden}.funnel-bar-fill{border-radius:6px;height:100%;transition:width .4s ease}.funnel-count{color:var(--text-primary);flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:28px}.funnel-count-lost{color:var(--text-muted)}.funnel-lost-row{opacity:.65}.priority-bars{display:flex;flex-direction:column;gap:11px;margin-bottom:4px}.priority-bar-row{align-items:center;display:flex;gap:10px}.priority-bar-label{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500;width:52px}.priority-bar-track{background:var(--bg-tertiary);border-radius:6px;flex:1 1;height:8px;overflow:hidden}.priority-bar-fill{border-radius:6px;height:100%;transition:width .4s ease}.priority-bar-count{flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:24px}.intel-divider{background:var(--border-light);height:1px;margin:16px 0 12px}.fup-summary-pills{display:flex;flex-wrap:wrap;gap:8px}.fup-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px}.fup-overdue{background:var(--danger-100);color:var(--danger-600)}.fup-today{background:var(--warning-50);color:var(--warning-600)}.fup-upcoming{background:var(--info-50);color:var(--info-600)}.follow-up-card li{align-items:center;display:flex;justify-content:space-between}.fup-lead-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.fup-arrow{color:var(--text-muted);flex-shrink:0;margin-left:8px}.attention-dot{animation:pulse-red 1.5s ease-in-out infinite;background:var(--danger-500);border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.leads-list-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.leads-list-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.leads-count-badge{background:var(--primary-100);border-radius:20px;color:var(--primary-700);font-size:12px;font-weight:600;padding:2px 8px;vertical-align:middle}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background:var(--border-light)!important}.th-inner{align-items:center;display:inline-flex;gap:5px}.sort-icon{flex-shrink:0;opacity:.4}.sort-icon-active{color:var(--primary-600);opacity:1}.sort-icon-neutral{opacity:.3}.lead-age-badge{font-feature-settings:"tnum";border-radius:20px;display:inline-block;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 8px}.age-fresh{background:var(--primary-50);color:var(--success-600)}.age-warn{background:var(--warning-50);color:var(--warning-600)}.age-old{background:var(--danger-50);color:var(--danger-600)}.leads-empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 24px}.leads-empty-state .leads-empty-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-xl);display:flex;height:56px;justify-content:center;margin-bottom:8px;width:56px}.leads-empty-state p{color:var(--text-secondary);font-size:15px;font-weight:600;margin:0}.leads-empty-state span{color:var(--text-muted);font-size:13px}.stakeholders-card{position:relative}.stakeholders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stakeholders-header h4{margin:0}.add-stakeholder-btn{align-items:center;background:#10b9811a;background:var(--primary-light,#10b9811a);border:1px solid #10b98140;border:1px solid var(--primary-200,#10b98140);border-radius:6px;color:var(--primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;transition:all .15s}.add-stakeholder-btn:hover{background:var(--primary);color:#fff}.stakeholders-list{display:flex;flex-direction:column;gap:6px}.stakeholder-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:7px 10px}.sr-info{display:flex;flex-direction:column;gap:1px}.sr-name{color:var(--text-primary);font-size:13px;font-weight:600}.sr-meta{font-size:11px;text-transform:capitalize}.sr-meta,.sr-remove{color:var(--text-muted)}.sr-remove{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:3px;transition:all .15s}.sr-remove:hover{background:#ef44441a;background:var(--danger-light,#ef44441a);color:#ef4444;color:var(--danger,#ef4444)}.people-picker-wrap{margin-top:8px;position:relative}.stake-picker{margin-top:10px}.people-search-input-wrap{align-items:center;background:var(--bg-primary);border:1px solid var(--border-default,var(--border));border-radius:8px;display:flex;gap:8px;padding:8px 12px}.ps-icon{color:var(--text-muted);flex-shrink:0}.people-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:13px;outline:none}.ps-close{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:2px}.ps-close:hover{color:var(--text-primary)}.people-dropdown{background:var(--bg-primary);border:1px solid var(--border-default,var(--border));border-radius:10px;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg,0 8px 24px #00000026);left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.people-option{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:9px 14px;transition:background .1s}.people-option:hover:not(.already-added){background:var(--bg-secondary)}.people-option.already-added{cursor:default;opacity:.5}.po-name{color:var(--text-primary);font-size:13px;font-weight:600}.po-meta{color:var(--text-muted);flex:1 1;font-size:11px;text-transform:capitalize}.po-added{background:#10b9811a;background:var(--primary-light,#10b9811a);border-radius:10px;color:var(--primary);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px}.stakeholder-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stakeholder-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;display:flex;font-size:12px;gap:5px;padding:4px 8px 4px 10px}.sc-name{color:var(--text-primary);font-weight:600}.sc-team{font-size:11px}.sc-remove,.sc-team{color:var(--text-muted)}.sc-remove{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:0 2px;transition:all .1s}.sc-remove:hover{background:#ef44441a;background:var(--danger-light,#ef44441a);color:#ef4444;color:var(--danger,#ef4444)}.mention-textarea-wrap{position:relative}.mention-dropdown{background:var(--bg-primary);border:1px solid var(--border-default,var(--border));border-radius:10px;box-shadow:0 8px 24px #0000002e;box-shadow:var(--shadow-lg,0 8px 24px #0000002e);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.mention-option{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:9px 14px;transition:background .1s}.mention-option:hover{background:var(--bg-secondary)}.mo-name{color:var(--text-primary);font-size:13px;font-weight:600}.mo-meta{color:var(--text-muted);font-size:11px}.mention-tag{background:#10b9811a;background:var(--primary-light,#10b9811a);border-radius:4px;color:var(--primary);display:inline;font-weight:600;padding:0 3px}.input-error{border-color:#ef4444!important;border-color:var(--danger,#ef4444)!important;box-shadow:0 0 0 3px #ef44441f!important}.field-error{color:#ef4444;color:var(--danger,#ef4444);display:block;font-size:12px;font-weight:500;margin-top:4px}.lbh-page{padding:var(--space-5)}.lbh-skeleton-header{animation:lbh-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-lg);height:56px;margin-bottom:var(--space-5)}.lbh-skeleton-card{height:140px}.lbh-skeleton-card,.lbh-skeleton-table{animation:lbh-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-xl)}.lbh-skeleton-table{height:300px}@keyframes lbh-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.lbh-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.lbh-header>.page-hd{margin-bottom:0}.lbh-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 2px}.lbh-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.lbh-header-right{align-items:center;display:flex;gap:var(--space-2)}.lbh-year-select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:7px 12px}.lbh-export-btn,.lbh-year-select{cursor:pointer;font-size:var(--text-sm)}.lbh-export-btn{align-items:center;background:#059669;background:var(--primary-600,#059669);border:none;border-radius:var(--radius-md);color:#fff;display:flex;font-weight:var(--font-medium);gap:6px;padding:7px 14px;transition:background .15s}.lbh-export-btn:hover{background:#047857;background:var(--primary-700,#047857)}.lbh-export-btn:disabled{cursor:not-allowed;opacity:.6}.lbh-cards-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.lbh-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);border-top:3px solid #0000;padding:14px 16px}.lbh-card--casual{border-top-color:#3b82f6;border-top-color:var(--info-500,#3b82f6)}.lbh-card--sick{border-top-color:#ef4444;border-top-color:var(--danger-500,#ef4444)}.lbh-card--earned{border-top-color:#f59e0b;border-top-color:var(--warning-500,#f59e0b)}.lbh-card-top{gap:8px;margin-bottom:8px}.lbh-card-icon,.lbh-card-top{align-items:center;display:flex}.lbh-card-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;height:26px;justify-content:center;width:26px}.lbh-card--casual .lbh-card-icon{background:#eff6ff;background:var(--info-50,#eff6ff);color:#2563eb;color:var(--info-600,#2563eb)}.lbh-card--sick .lbh-card-icon{background:#fef2f2;background:var(--danger-50,#fef2f2);color:#dc2626;color:var(--danger-600,#dc2626)}.lbh-card--earned .lbh-card-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#d97706;color:var(--warning-600,#d97706)}.lbh-card-label{color:var(--text-muted);flex:1 1;font-size:var(--text-xs)}.lbh-card-label,.lbh-low-chip{font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.lbh-low-chip{background:var(--danger-100);border-radius:var(--radius-full);color:var(--danger-600);font-size:10px;padding:1px 6px}.lbh-card-balance{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold);line-height:1;margin-bottom:1px}.lbh-card--casual .lbh-card-balance{color:#2563eb;color:var(--info-600,#2563eb)}.lbh-card--sick .lbh-card-balance{color:#dc2626;color:var(--danger-600,#dc2626)}.lbh-card--earned .lbh-card-balance{color:#d97706;color:var(--warning-600,#d97706)}.lbh-card-sub{color:var(--text-muted);font-size:11px;margin-bottom:8px}.lbh-card-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:4px;margin-bottom:5px;overflow:hidden}.lbh-card-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.lbh-card--casual .lbh-card-bar-fill{background:#60a5fa;background:var(--info-400,#60a5fa)}.lbh-card--sick .lbh-card-bar-fill{background:#f87171;background:var(--danger-400,#f87171)}.lbh-card--earned .lbh-card-bar-fill{background:#fbbf24;background:var(--warning-400,#fbbf24)}.lbh-card-stats{color:var(--text-muted);display:flex;font-size:10px;justify-content:space-between}.lbh-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-5)}.lbh-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.lbh-table-wrap{overflow-x:auto}.lbh-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.lbh-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.lbh-table td,.lbh-table th{border-bottom:1px solid var(--border-light);padding:10px 14px}.lbh-table td{vertical-align:middle}.lbh-table tbody tr:last-child td{border-bottom:none}.lbh-row--current{background:#ecfdf5;background:var(--primary-50,#ecfdf5)}.lbh-center{text-align:center}.lbh-dash{color:var(--text-muted)}.lbh-month-cell{align-items:center;display:flex;gap:8px;white-space:nowrap}.lbh-month-name{color:var(--text-primary);font-weight:var(--font-medium)}.lbh-now-chip{background:#d1fae5;background:var(--primary-100,#d1fae5);border-radius:var(--radius-full);color:#047857;color:var(--primary-700,#047857);font-size:10px;font-weight:var(--font-bold);letter-spacing:.05em;padding:1px 6px;text-transform:uppercase}.lbh-shortday{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.lbh-month-badge,.lbh-shortday{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px}.lbh-month-badge{background:#ecfdf5;background:var(--primary-50,#ecfdf5);color:#047857;color:var(--primary-700,#047857)}.lbh-leave-cell{min-width:80px}.lbh-leave-cell-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.lbh-leave-balance{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.lbh-leave-balance--low{color:#dc2626;color:var(--danger-600,#dc2626)}.lbh-leave-used{color:var(--text-muted);font-size:10px}.lbh-mini-track{background:var(--bg-tertiary);height:4px;overflow:hidden}.lbh-mini-fill,.lbh-mini-track{border-radius:var(--radius-full)}.lbh-mini-fill{height:100%;transition:width .4s ease}.lbh-mini--casual{background:#60a5fa;background:var(--info-400,#60a5fa)}.lbh-mini--sick{background:#f87171;background:var(--danger-400,#f87171)}.lbh-mini--earned{background:#fbbf24;background:var(--warning-400,#fbbf24)}.lbh-chart{display:flex;height:200px;max-width:680px;padding:10px 0}.lbh-y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:24px;text-align:right;width:28px}.lbh-y-tick{color:var(--text-muted);font-size:10px;line-height:1}.lbh-chart-area{flex:1 1;padding-bottom:24px;position:relative}.lbh-grid-lines{bottom:24px;pointer-events:none;top:0}.lbh-grid-line,.lbh-grid-lines{left:0;position:absolute;right:0}.lbh-grid-line{border-top:1px dashed var(--border-light)}.lbh-bars{align-items:stretch;display:flex;height:calc(100% - 24px);justify-content:space-between;position:relative;z-index:1}.lbh-bar-group{align-items:center;animation:lbh-bar-grow .5s cubic-bezier(.25,.46,.45,.94) both;display:flex;flex-direction:column;justify-content:flex-end;width:8.33333%}@keyframes lbh-bar-grow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}.lbh-stacked-bar{border-radius:4px 4px 0 0;display:flex;flex-direction:column-reverse;min-height:3px;overflow:hidden;position:relative;transition:opacity .15s;width:32px}.lbh-stacked-bar:hover{opacity:.85}.lbh-seg{flex-shrink:0;width:100%}.lbh-seg--casual{background:#60a5fa;background:var(--info-400,#60a5fa)}.lbh-seg--sick{background:#f87171;background:var(--danger-400,#f87171)}.lbh-seg--earned{background:#fbbf24;background:var(--warning-400,#fbbf24)}.lbh-bar-val{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);line-height:1;margin-bottom:3px;white-space:nowrap}.lbh-bar-label{color:var(--text-muted);font-size:10px;margin-top:6px;text-transform:uppercase}.lbh-chart-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.lbh-legend{display:flex;gap:20px;justify-content:center;margin-top:12px}.lbh-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:5px}.lbh-dot{border-radius:2px;height:10px;width:10px}.lbh-dot--casual{background:#3b82f6;background:var(--info-500,#3b82f6)}.lbh-dot--sick{background:#ef4444;background:var(--danger-500,#ef4444)}.lbh-dot--earned{background:#f59e0b;background:var(--warning-500,#f59e0b)}.lbh-empty{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-muted);padding:var(--space-10);text-align:center}.lbh-error{background:#fef2f2;background:var(--danger-50,#fef2f2);border-radius:var(--radius-md);color:#dc2626;color:var(--danger-600,#dc2626);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:10px 14px}@media (max-width:768px){.lbh-cards-grid{grid-template-columns:1fr}.lbh-header{flex-direction:column}.lbh-bar{width:12px}}.ss-page{padding:var(--space-5)}.ss-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.ss-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 2px}.ss-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.ss-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 16px;transition:all .15s}.ss-export-btn:hover{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-600)}.ss-export-btn:disabled{cursor:not-allowed;opacity:.5}.ss-year-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.ss-year-tab{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:5px 14px;transition:all .15s}.ss-year-tab:hover{border-color:var(--primary-300);color:var(--primary-600)}.ss-year-tab--active{background:var(--primary-600);border-color:var(--primary-600);color:var(--text-inverse)}.ss-shell{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:220px 1fr}.ss-list-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.ss-search-wrap{align-items:center;border-bottom:1px solid var(--border-light);display:flex;padding:10px 12px;position:relative}.ss-search-icon{color:var(--text-muted);left:22px;pointer-events:none;position:absolute}.ss-search-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:6px 28px 6px 26px;transition:border-color .15s;width:100%}.ss-search-input::placeholder{color:var(--text-muted)}.ss-search-input:focus{border-color:var(--primary-400)}.ss-search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:22px;transition:background .15s;width:18px}.ss-search-clear:hover{background:var(--border-light);color:var(--text-secondary)}.ss-filter-pills{border-bottom:1px solid var(--border-light);display:flex;gap:6px;padding:8px 12px}.ss-filter-pill{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:var(--font-semibold);padding:3px 10px;transition:all .15s}.ss-filter-pill:hover{border-color:var(--primary-300);color:var(--primary-600)}.ss-filter-pill--active{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-700)}.ss-no-results{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-5);text-align:center}.ss-month-list{max-height:480px;overflow-y:auto}.ss-month-item{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:var(--space-2);justify-content:space-between;padding:12px 14px;transition:background .12s}.ss-month-item:last-child{border-bottom:none}.ss-month-item:hover{background:var(--bg-tertiary)}.ss-month-item--active{background:var(--primary-50)}.ss-month-item-left{display:flex;flex-direction:column;gap:2px}.ss-month-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ss-month-item--active .ss-month-name{color:var(--primary-700)}.ss-month-net{color:var(--text-muted);font-size:11px}.ss-month-item--active .ss-month-net{color:var(--primary-600)}.ss-month-dot{background:var(--border-light);border-radius:50%;flex-shrink:0;height:7px;width:7px}.ss-month-item--active .ss-month-dot{background:var(--primary-500)}.ss-detail{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.ss-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:20px 24px 16px}.ss-detail-period{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 4px}.ss-detail-days{color:var(--text-muted);font-size:var(--text-xs)}.ss-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--font-semibold);gap:5px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.ss-status--finalized{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700)}.ss-status--draft{background:var(--warning-50);border:1px solid var(--warning-200);color:var(--warning-700)}.ss-hero{border-bottom:1px solid var(--border-light);padding:20px 24px 16px}.ss-hero-label{color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ss-hero-amount{color:var(--primary-600);font-size:2.2rem;font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1;margin-bottom:14px}.ss-split-bar-wrap{margin-bottom:8px}.ss-split-bar{background:var(--danger-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.ss-split-bar-fill{background:var(--primary-500);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.ss-split-labels{display:flex;font-size:11px;justify-content:space-between;margin-top:6px}.ss-split-gross{color:var(--primary-600);font-weight:var(--font-semibold)}.ss-split-deduct{color:var(--danger-600);font-weight:var(--font-semibold)}.ss-breakdown{grid-gap:0;border-bottom:1px solid var(--border-light);display:grid;gap:0;grid-template-columns:1fr 1fr}.ss-col{padding:16px 24px}.ss-col:first-child{border-right:1px solid var(--border-light)}.ss-col-title{font-size:11px;font-weight:var(--font-semibold);letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.ss-col--earn .ss-col-title{color:var(--primary-600)}.ss-col--deduct .ss-col-title{color:var(--danger-600)}.ss-line{border-bottom:1px solid var(--border-light);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:5px 0}.ss-line:last-child{border-bottom:none}.ss-line-label{color:var(--text-secondary)}.ss-line-val{color:var(--text-primary);font-weight:var(--font-medium)}.ss-line--total{border-top:1px solid var(--border-light);font-weight:var(--font-semibold);margin-top:4px;padding-top:8px}.ss-col--earn .ss-line--total .ss-line-val{color:var(--primary-600)}.ss-col--deduct .ss-line--total .ss-line-val{color:var(--danger-600)}.ss-leaves{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:14px 24px}.ss-leaves-label{color:var(--text-muted);flex-shrink:0;letter-spacing:.05em;text-transform:uppercase}.ss-leave-chip,.ss-leaves-label{font-size:11px;font-weight:var(--font-semibold)}.ss-leave-chip{border-radius:var(--radius-full);padding:3px 10px}.ss-leave-chip--casual{background:var(--info-50);color:var(--info-700)}.ss-leave-chip--sick{background:var(--danger-50);color:var(--danger-700)}.ss-leave-chip--earned{background:var(--warning-50);color:var(--warning-700)}.ss-leave-chip--unpaid{background:var(--bg-tertiary);color:var(--text-secondary)}.ss-detail-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:14px 24px}.ss-download-btn{align-items:center;background:var(--primary-600);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:9px 20px;transition:background .15s}.ss-download-btn:hover{background:var(--primary-700)}.ss-download-btn:disabled{cursor:not-allowed;opacity:.6}.ss-detail-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;min-height:300px}@keyframes ss-shimmer{0%,to{opacity:1}50%{opacity:.45}}.ss-skel{animation:ss-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-md)}.ss-skel-header{border-radius:var(--radius-lg);height:52px;margin-bottom:var(--space-4)}.ss-skel-shell{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:220px 1fr}.ss-skel-list{height:340px}.ss-skel-list,.ss-skel-panel{border-radius:var(--radius-xl)}.ss-skel-panel{height:460px}.ss-empty{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-muted);padding:var(--space-16);text-align:center}.ss-empty-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;height:48px;justify-content:center;margin:0 auto var(--space-3);width:48px}.ss-empty h3{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 4px}.ss-empty p{font-size:var(--text-sm);margin:0}@media (max-width:768px){.ss-breakdown,.ss-shell{grid-template-columns:1fr}.ss-col:first-child{border-bottom:1px solid var(--border-light);border-right:none}.ss-skel-shell{grid-template-columns:1fr}}.salary-gate-backdrop{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(ellipse 70% 55% at 20% 10%,#10b9812e,#0000),radial-gradient(ellipse 50% 45% at 80% 80%,#6366f124,#0000),#0f172a9e;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.salary-gate-card{animation:sgCardIn .28s cubic-bezier(.22,1,.36,1) both;border-radius:var(--radius-2xl);box-shadow:0 32px 100px #0f172a52,0 0 0 1px #ffffff0f;display:flex;min-height:420px;overflow:hidden;width:min(100%,820px)}@keyframes sgCardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.salary-gate-shake{animation:sgShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes sgShake{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(5px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}.salary-gate-left{background:var(--primary-gradient);color:#fff;display:flex;flex:0 0 300px;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-10) var(--space-8);position:relative}.salary-gate-left:before{background:#ffffff12;border-radius:50%;content:"";height:260px;inset:-80px -80px auto auto;pointer-events:none;position:absolute;width:260px}.salary-gate-brand-icon{align-items:center;background:#ffffff2e;border:1px solid #ffffff47;border-radius:16px;color:#fff;display:inline-flex;height:56px;justify-content:center;margin-bottom:var(--space-5);position:relative;width:56px}.salary-gate-lock-ring{animation:sgPulse 2.2s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:22px;inset:-7px;position:absolute}@keyframes sgPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.07)}}.salary-gate-brand-title{color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0 0 var(--space-3)}.salary-gate-brand-desc{color:#ffffffd1;font-size:var(--text-sm);line-height:1.65;margin:0 0 var(--space-6)}.salary-gate-trust-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.salary-gate-trust-list li{align-items:center;color:#ffffffc7;display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2)}.salary-gate-right{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-8);position:relative}.salary-gate-back{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);left:var(--space-6);padding:var(--space-1) var(--space-2);position:absolute;top:var(--space-5);transition:color var(--transition-fast),background var(--transition-fast)}.salary-gate-back:hover{background:var(--secondary-100);color:var(--text-primary)}.salary-gate-form-header{margin-bottom:var(--space-6)}.salary-gate-form-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0 0 var(--space-1)}.salary-gate-form-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.salary-gate-form{display:flex;flex-direction:column;gap:var(--space-4)}.salary-gate-field{display:flex;flex-direction:column;gap:var(--space-2)}.salary-gate-field label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.salary-gate-input-wrap{position:relative}.salary-gate-input-wrap input{background:var(--secondary-50);border:1.5px solid var(--secondary-200);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-size:var(--text-base);padding:12px 44px 12px 40px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);width:100%}.salary-gate-input-wrap input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f;outline:none}.salary-gate-input-icon{left:13px;pointer-events:none}.salary-gate-input-icon,.salary-gate-toggle-pw{color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.salary-gate-toggle-pw{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;padding:4px;right:11px;transition:color var(--transition-fast)}.salary-gate-toggle-pw:hover{color:var(--text-primary)}.salary-gate-error{background:var(--danger-50);border:1px solid #ef444447;border-radius:var(--radius-lg);color:var(--danger-700);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.salary-gate-error,.salary-gate-submit{align-items:center;display:flex;gap:var(--space-2)}.salary-gate-submit{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 14px #10b98159;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;padding:13px;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.salary-gate-submit:hover:not(:disabled){box-shadow:0 6px 18px #10b9816b;opacity:.92;transform:translateY(-1px)}.salary-gate-submit:active:not(:disabled){transform:translateY(0)}.salary-gate-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.salary-gate-spinner{animation:sgSpin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:15px;width:15px}@keyframes sgSpin{to{transform:rotate(1turn)}}[data-theme=dark] .salary-gate-right{background:var(--secondary-800)}[data-theme=dark] .salary-gate-input-wrap input{background:var(--secondary-900);border-color:var(--secondary-600);color:var(--text-primary)}[data-theme=dark] .salary-gate-input-wrap input:focus{background:#0f172ae6}[data-theme=dark] .salary-gate-error{background:#7f1d1d61;border-color:#f8717147}[data-theme=dark] .salary-gate-back:hover{background:var(--secondary-700)}@media (max-width:640px){.salary-gate-card{flex-direction:column;min-height:0;min-height:auto}.salary-gate-left{flex:none;padding:var(--space-7) var(--space-6)}.salary-gate-trust-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.salary-gate-right{padding:var(--space-8) var(--space-6) var(--space-7)}.salary-gate-back{left:var(--space-5);top:var(--space-4)}}.profile-page{animation:profileIn .3s cubic-bezier(.16,1,.3,1) both;margin:0 auto;max-width:1480px;padding:var(--space-5)}@keyframes profileIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-msg{margin-bottom:var(--space-4)}.profile-layout{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:240px 1fr}.profile-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:80px var(--space-8)}.profile-spinner{animation:spin .65s linear infinite;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-500);flex-shrink:0;height:18px;width:18px}.profile-sidebar{position:-webkit-sticky;position:sticky;top:var(--space-5)}.profile-sidebar-card{align-items:center;background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a12;display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);text-align:center}.pf-avatar-wrap{margin-bottom:var(--space-4)}.pf-avatar-container{display:inline-block;position:relative}.pf-avatar-ring{background:conic-gradient(from 180deg,#10b981 0,var(--accent-400) 40%,#10b981 100%);background:conic-gradient(from 180deg,var(--role-color,#10b981) 0,var(--accent-400) 40%,var(--role-color,#10b981) 100%);border-radius:50%;box-shadow:0 0 0 3px var(--bg-secondary),0 4px 16px #0000001a;height:88px;padding:3px;width:88px}.pf-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);color:var(--text-inverse);display:flex;font-size:26px;font-weight:700;justify-content:center;letter-spacing:1.5px;-webkit-user-select:none;user-select:none}.pf-avatar,.pf-avatar-photo{border-radius:50%;height:100%;width:100%}.pf-avatar-photo{display:block;object-fit:cover}.pf-avatar-edit-btn{align-items:center;background:var(--primary-500);border:2px solid var(--bg-secondary);border-radius:50%;bottom:0;box-shadow:0 1px 4px #0003;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:0;transition:background .15s,transform .15s;width:26px}.pf-avatar-edit-btn:hover:not(:disabled){background:var(--primary-600);transform:scale(1.1)}.pf-avatar-edit-btn:disabled{cursor:not-allowed;opacity:.6}.pf-avatar-remove-btn{align-items:center;background:#ef4444;background:var(--danger-500,#ef4444);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 1px 4px #0003;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-2px;top:0;transition:background .15s,transform .15s;width:20px}.pf-avatar-remove-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.pf-avatar-remove-btn:disabled{cursor:not-allowed;opacity:.6}.pf-avatar-spinner{animation:spin .65s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.crop-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.crop-modal{align-items:center;animation:slideUp .2s cubic-bezier(.16,1,.3,1) both;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);width:360px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crop-modal-header{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;width:100%}.crop-modal-close{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.crop-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.crop-hint{color:var(--text-muted);font-size:.75rem;text-align:center;width:100%}.crop-canvas{border-radius:50%;box-shadow:0 2px 16px #00000040;cursor:grab;display:block;touch-action:none}.crop-canvas.dragging{cursor:grabbing}.crop-zoom-row{gap:var(--space-2);width:100%}.crop-zoom-btn,.crop-zoom-row{align-items:center;display:flex}.crop-zoom-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:28px;justify-content:center;transition:all .15s;width:28px}.crop-zoom-btn:hover{background:var(--primary-50);color:var(--primary-600)}.crop-zoom-track{flex:1 1}.crop-zoom-slider{accent-color:var(--primary-500);cursor:pointer;width:100%}.crop-modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;width:100%}.crop-btn-cancel{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 18px;transition:all .15s}.crop-btn-cancel:hover{background:var(--bg-tertiary)}.crop-btn-save{background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 22px;transition:background .15s}.crop-btn-save:hover{background:var(--primary-600)}.pf-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;letter-spacing:-.2px;line-height:1.25;margin:0 0 8px}.pf-role-pill{border:1.5px solid;border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.6;padding:3px 10px;text-transform:uppercase}.pf-divider{background:var(--border-light);height:1px;margin:var(--space-4) 0;width:100%}.pf-meta-list{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%}.pf-meta-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:8px;line-height:1.4}.pf-meta-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.pf-meta-email{font-size:12px;word-break:break-all}.pf-emp-id{align-items:center;background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;margin-top:var(--space-4);padding:3px 12px}.profile-main{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.profile-cols{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.profile-card{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:20px;box-shadow:0 20px 42px #0f172a0f;padding:var(--space-6);text-align:left}.card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.card-header-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.card-header h3{color:var(--text-secondary);flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-header-hint{background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:var(--radius-full);color:var(--text-muted);font-size:11px;padding:2px 8px}.info-rows{display:flex;flex-direction:column}.info-row{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:12px;padding:10px 8px;transition:background .12s,transform .12s}.info-row:not(:last-child){border-bottom:1px solid var(--bg-primary)}.info-row:hover{background:#f8fafceb;transform:translateX(2px)}.info-row-icon{align-items:center;background:#f8fafcf2;border:1px solid #e2e8f0d9;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:30px;justify-content:center;margin-top:1px;width:30px}.info-row-body{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.info-row-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.info-row-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.4}.not-set{color:var(--border-dark);font-size:var(--text-sm);font-style:normal;font-weight:400}.ctc-value{align-items:center;display:inline-flex;gap:8px}.ctc-amount{color:var(--primary-600);font-size:15px;font-weight:700;letter-spacing:.03em}.eye-btn{align-items:center;background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;line-height:1;padding:4px 6px;transition:all .15s}.eye-btn:hover{background:#f1f5f9fa;color:var(--text-secondary)}.bank-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.bank-field{background:linear-gradient(180deg,#fffffff5,#f8fafceb);border:1px solid #e2e8f0e6;border-radius:16px;display:flex;flex-direction:column;gap:5px;padding:14px var(--space-4);transition:border-color .15s,box-shadow .15s}.bank-field:hover{border-color:#cbd5e1f2;box-shadow:0 12px 24px #0f172a0f}.bank-field-icon{color:var(--text-muted);margin-bottom:2px}.bank-field-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.bank-field-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.4}.bank-field-value.mono{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:12px;letter-spacing:.5px}.tax-intro{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--space-4) 0}.tax-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.tax-card{background:linear-gradient(180deg,#fffffff5,#f8fafceb);border:1.5px solid #e2e8f0e6;border-radius:20px;box-shadow:0 16px 32px #0f172a0d;cursor:pointer;padding:var(--space-5);text-align:left;transition:all .18s cubic-bezier(.16,1,.3,1)}.tax-card:hover:not(:disabled):not(.tax-card--locked){background:var(--primary-50);border-color:var(--primary-400);box-shadow:0 4px 16px #10b9811f;transform:translateY(-2px)}.tax-card--active{background:var(--primary-50)!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #10b98126!important}.tax-card--locked{cursor:not-allowed;opacity:.55}.tax-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tax-card-title{color:var(--text-primary);font-size:var(--text-base);font-weight:700}.tax-card-badge{background:var(--primary-600);border-radius:var(--radius-full);color:var(--text-inverse);font-size:9px;font-weight:700;letter-spacing:.6px;padding:2px 8px;text-transform:uppercase}.tax-card-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.tax-card-list li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:12px;gap:7px;line-height:1.45}.tax-card-list li svg{flex-shrink:0;margin-top:1px}.tax-card-list li.pro svg{color:var(--primary-600)}.tax-card-list li.con svg{color:var(--danger-500)}.tax-exempt-banner{align-items:flex-start;background:linear-gradient(180deg,#ecfdf5fa,#d1fae5e6);border:1px solid #a7f3d0eb;border-radius:20px;display:flex;gap:var(--space-5);padding:var(--space-5) var(--space-6)}.tax-exempt-icon{color:var(--primary-600);flex-shrink:0;margin-top:2px}.tax-exempt-title{color:var(--primary-800);font-size:var(--text-base);font-weight:700;margin:0 0 4px}.tax-exempt-sub{color:var(--primary-700);font-size:var(--text-sm);line-height:1.55;margin:0}.locked-badge{align-items:center;background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--radius-full);color:var(--danger-600);display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.3px;padding:2px 9px}.locked-note{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:5px;margin:var(--space-3) 0 0}.pw-fields-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.password-form{gap:var(--space-4)}.password-form,.pw-field{display:flex;flex-direction:column}.pw-field{gap:6px}.pw-field label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.pw-field input{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:10px var(--space-4);transition:all .18s}.pw-field input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}.pw-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-2)}.pw-submit-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 14px 28px #10b9812e;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:7px;padding:10px var(--space-6);transition:all .18s;white-space:nowrap}.pw-submit-btn:hover:not(:disabled){background:var(--primary-gradient);box-shadow:0 18px 34px #10b98138;transform:translateY(-1px)}.pw-submit-btn:disabled{cursor:not-allowed;opacity:.5}.pw-warning{align-items:flex-start;background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-md);color:#92400e;color:var(--warning-800,#92400e);display:flex;font-size:11px;gap:5px;line-height:1.5;margin:0;padding:7px 10px}.salary-eye-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:color .15s}.salary-eye-btn:hover{color:var(--text-primary)}@media (max-width:1024px){.bank-grid{grid-template-columns:repeat(2,1fr)}.pw-fields-row{grid-template-columns:1fr}}@media (max-width:860px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-sidebar-card{flex-direction:row;gap:var(--space-5);text-align:left}.pf-avatar-wrap{flex-shrink:0;margin-bottom:0}.pf-divider,.pf-meta-list{display:none}.pf-emp-id{margin-top:0}}@media (max-width:640px){.profile-page{padding:var(--space-4)}.profile-cols,.tax-cards{grid-template-columns:1fr}.bank-grid{grid-template-columns:1fr 1fr}.profile-sidebar-card{align-items:center;flex-direction:column;text-align:center}}@media (max-width:420px){.bank-grid{grid-template-columns:1fr}}.ml-page{padding:var(--space-5)}.ml-toast{animation:ml-slide-up .2s ease;border-radius:var(--radius-lg);bottom:24px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 18px;position:fixed;right:24px;z-index:999}.ml-toast--success{background:#16a34a;background:var(--success-600,#16a34a);color:#fff}.ml-toast--error{background:#dc2626;background:var(--danger-600,#dc2626);color:#fff}@keyframes ml-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ml-skel-header{border-radius:var(--radius-lg);height:52px}.ml-skel-header,.ml-skel-tabs{animation:ml-shimmer 1.4s linear infinite;background:var(--bg-tertiary);margin-bottom:var(--space-4)}.ml-skel-tabs{border-radius:var(--radius-full);height:36px;width:60%}.ml-skel-card{animation:ml-shimmer 1.4s linear infinite;background:var(--bg-tertiary);border-radius:var(--radius-xl);height:120px;margin-bottom:var(--space-3)}@keyframes ml-shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ml-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.ml-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 2px}.ml-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.ml-header-actions{align-items:center;display:flex;gap:var(--space-2)}.ml-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.ml-refresh-btn:hover{border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);color:#059669;color:var(--primary-600,#059669)}.ml-export-btn{align-items:center;background:#059669;background:var(--primary-600,#059669);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:7px 14px;transition:background .15s;white-space:nowrap}.ml-export-btn:hover{background:#047857;background:var(--primary-700,#047857)}.ml-export-btn:disabled{cursor:not-allowed;opacity:.6}.ml-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-4)}.ml-tab,.ml-tabs{align-items:center}.ml-tab{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:5px;padding:6px 14px;transition:all .15s}.ml-tab:hover{border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7)}.ml-tab--active,.ml-tab:hover{color:#047857;color:var(--primary-700,#047857)}.ml-tab--active{background:#ecfdf5;background:var(--primary-50,#ecfdf5);border-color:#10b981;border-color:var(--primary-500,#10b981);font-weight:var(--font-semibold)}.ml-tab-count{background:#d1fae5;background:var(--primary-100,#d1fae5);border-radius:var(--radius-full);color:#047857;color:var(--primary-700,#047857);font-size:11px;font-weight:var(--font-bold);min-width:18px;padding:0 5px;text-align:center}.ml-tab--active .ml-tab-count{background:#a7f3d0;background:var(--primary-200,#a7f3d0)}.ml-tab-count--urgent{background:var(--warning-100);color:var(--warning-700)}.ml-tab--active .ml-tab-count--urgent{background:var(--warning-200);color:var(--warning-800)}.ml-year-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.ml-year-tab{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:4px 14px;transition:all .15s}.ml-year-tab:hover{border-color:var(--primary-300);color:var(--primary-600)}.ml-year-tab--active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.ml-section-header{align-items:center;display:flex;gap:8px;margin-bottom:var(--space-3)}.ml-section-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ml-section-count,.ml-section-label{color:var(--text-muted);font-weight:var(--font-bold)}.ml-section-count{background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:10px;padding:1px 6px}.ml-section-line{background:var(--border-light);flex:1 1;height:1px}.ml-grouped-list{gap:var(--space-5)}.ml-grouped-list,.ml-list,.ml-month-group{display:flex;flex-direction:column}.ml-list{gap:var(--space-3)}.ml-card{background:var(--bg-secondary);border-left:1px solid var(--border-light);border:1px solid var(--border-light);border-left-width:3px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:box-shadow .15s}.ml-card:hover{box-shadow:var(--shadow-sm)}.ml-card--past{background:var(--bg-primary);opacity:.72}.ml-card--past:hover{box-shadow:none;opacity:.85}.ml-row--top{gap:8px;justify-content:space-between}.ml-row--left,.ml-row--top{align-items:center;display:flex}.ml-row--left{flex-wrap:wrap;gap:6px}.ml-type-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:3px 10px}.ml-duration-chip{background:var(--bg-tertiary);color:var(--text-muted);font-weight:var(--font-medium);padding:2px 8px}.ml-duration-chip,.ml-status{border-radius:var(--radius-full);font-size:11px}.ml-status{align-items:center;display:inline-flex;flex-shrink:0;font-weight:var(--font-semibold);gap:4px;padding:3px 10px;white-space:nowrap}.ml-status--approved{background:#f0fdf4;background:var(--success-50,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--success-200,#bbf7d0);color:#15803d;color:var(--success-700,#15803d)}.ml-status--rejected{background:#fef2f2;background:var(--danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);color:#b91c1c;color:var(--danger-700,#b91c1c)}.ml-status--pending{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fde68a;border:1px solid var(--warning-200,#fde68a);color:#b45309;color:var(--warning-700,#b45309)}.ml-status--revoked{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-muted)}.ml-dates{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:5px}.ml-cal-icon{color:var(--text-muted);flex-shrink:0}.ml-date{color:var(--text-primary);font-weight:var(--font-medium)}.ml-date-sep{font-size:12px}.ml-applied,.ml-date-sep,.ml-dot{color:var(--text-muted)}.ml-applied{font-size:11px}.ml-approvals{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:3px;padding:8px 10px}.ml-approval-line{font-size:12px;line-height:1.5}.ml-approval-line--approved{color:#15803d;color:var(--success-700,#15803d)}.ml-approval-line--rejected{color:#dc2626;color:var(--danger-600,#dc2626)}.ml-approval-line--pending{color:var(--text-muted);font-style:italic}.ml-footer{flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.ml-attach-area,.ml-attach-row,.ml-footer{align-items:center;display:flex}.ml-attach-row{gap:4px}.ml-attach-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:5px;max-width:200px;padding:4px 10px;transition:all .15s}.ml-attach-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-attach-btn:hover{border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);color:#047857;color:var(--primary-700,#047857)}.ml-attach-del{align-items:center;background:var(--danger-100);border:none;border-radius:var(--radius-full);color:var(--danger-600);cursor:pointer;display:flex;height:22px;justify-content:center;transition:background .15s;width:22px}.ml-attach-del:hover{background:var(--danger-200)}.ml-upload-zone{align-items:center;border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:5px;padding:4px 10px;transition:all .15s}.ml-upload-zone:hover{border-color:#34d399;border-color:var(--primary-400,#34d399);color:#059669;color:var(--primary-600,#059669)}.ml-action-area{align-items:center;display:flex}.ml-action-btn{border:1px solid;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:5px 12px;transition:all .15s}.ml-action-btn--revoke{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-secondary)}.ml-action-btn--revoke:hover{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fcd34d;border-color:var(--warning-300,#fcd34d);color:#b45309;color:var(--warning-700,#b45309)}.ml-action-btn--cancel{background:#fef2f2;background:var(--danger-50,#fef2f2);border-color:#fecaca;border-color:var(--danger-200,#fecaca);color:#dc2626;color:var(--danger-600,#dc2626)}.ml-action-btn--cancel:hover{background:var(--danger-100)}.ml-action-btn:disabled{cursor:not-allowed;opacity:.5}.ml-confirm{align-items:center;animation:ml-pop .15s ease;color:#b91c1c;color:var(--danger-700,#b91c1c);display:flex;flex-wrap:wrap;font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px}@keyframes ml-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ml-confirm span{align-items:center;display:flex;gap:4px}.ml-confirm-yes{background:#ef4444;background:var(--danger-500,#ef4444);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 10px;transition:background .15s}.ml-confirm-yes:hover{background:#dc2626;background:var(--danger-600,#dc2626)}.ml-confirm-no{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:4px 10px;transition:background .15s}.ml-confirm-no:hover,.ml-empty{background:var(--bg-secondary)}.ml-empty{border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:48px var(--space-5);text-align:center}.ml-empty--upcoming{background:var(--primary-50);border-color:var(--primary-200)}.ml-empty-icon{color:var(--text-muted);margin-bottom:12px}.ml-empty-icon--green{color:var(--primary-500)}.ml-empty-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 4px}.ml-empty-desc{color:var(--text-muted);font-size:var(--text-sm);margin:0}@media (max-width:600px){.ml-footer,.ml-row--top{align-items:flex-start;flex-direction:column}.ml-header{flex-direction:column}}.oh-page{display:flex;flex-direction:column;gap:1.25rem;min-width:0;overflow-x:hidden;padding:1.5rem}.oh-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.oh-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.825rem;font-weight:var(--font-semibold);gap:.4rem;padding:.45rem .9rem;transition:all .15s}.oh-export-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600)}.oh-export-btn:disabled{cursor:not-allowed;opacity:.5}.oh-stats-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.oh-stat{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);border-top:3px solid var(--border-light);display:flex;flex-direction:column;gap:3px;padding:.9rem 1.1rem}.oh-stat--total{border-top-color:var(--primary-400)}.oh-stat--dept{border-top-color:var(--accent-400)}.oh-stat--mgr{border-top-color:var(--info-400)}.oh-stat--emp{border-top-color:var(--warning-400)}.oh-stat-val{color:var(--text-primary);font-size:1.6rem;font-weight:800;letter-spacing:-.04em;line-height:1}.oh-stat-lbl{color:var(--text-muted);font-size:.68rem;font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase}.oh-search-wrap{max-width:400px;position:relative}.oh-search-icon{color:var(--text-muted);left:.65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.oh-search{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.85rem;padding:.5rem 2.2rem .5rem 2rem;transition:border-color .15s,box-shadow .15s;width:100%}.oh-search:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50);outline:none}.oh-search-clear,.oh-search::placeholder{color:var(--text-muted)}.oh-search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:18px}.oh-search-clear:hover{background:var(--border-default);color:var(--text-primary)}.oh-chart-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-sizing:border-box;overflow-x:auto;overflow-y:visible;padding:2rem 1.5rem 2.5rem;width:100%}.oh-chart-wrap::-webkit-scrollbar{height:6px}.oh-chart-wrap::-webkit-scrollbar-track{background:#0000}.oh-chart-wrap::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.oh-chart-wrap::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.oh-chart{margin:0 auto;min-width:100%;width:-webkit-max-content;width:max-content}.oh-roots{align-items:flex-start;display:flex;gap:2rem;justify-content:center}.oh-card,.oh-node{align-items:center;display:flex;flex-direction:column}.oh-card{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);gap:.4rem;padding:.85rem .9rem .7rem;position:relative;text-align:center;transition:box-shadow .18s,border-color .15s,transform .15s;-webkit-user-select:none;user-select:none;width:180px}.oh-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.oh-card--match{background:var(--primary-50);border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.oh-card--depth-0{background:linear-gradient(160deg,var(--bg-secondary) 60%,#eef2ff 100%);background:linear-gradient(160deg,var(--bg-secondary) 60%,var(--accent-50,#eef2ff) 100%);border-color:#a5b4fc;border-color:var(--accent-300,#a5b4fc);border-width:2px;width:200px}.oh-card--depth-0:hover{border-color:#818cf8;border-color:var(--accent-400,#818cf8)}.oh-avatar{align-items:center;border:2px solid #fff6;border-radius:var(--radius-full);box-shadow:0 2px 6px #00000026;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:48px;justify-content:center;letter-spacing:.02em;width:48px}.oh-card--depth-0 .oh-avatar{font-size:.95rem;height:54px;width:54px}.oh-avatar--admin{background:linear-gradient(135deg,var(--danger-400),var(--danger-600))}.oh-avatar--super_manager{background:linear-gradient(135deg,#818cf8,#4f46e5);background:linear-gradient(135deg,var(--accent-400,#818cf8),var(--accent-600,#4f46e5))}.oh-avatar--manager{background:linear-gradient(135deg,var(--info-400),var(--info-600))}.oh-avatar--hr{background:linear-gradient(135deg,var(--warning-400),var(--warning-600))}.oh-avatar--employee{background:linear-gradient(135deg,var(--primary-400),var(--primary-600))}.oh-card-content{width:100%}.oh-card-name{color:var(--text-primary);font-size:.82rem;font-weight:var(--font-bold);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-card--depth-0 .oh-card-name{font-size:.9rem}.oh-card-title{color:var(--text-secondary);font-size:.68rem;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-card-tags{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.oh-role-badge{border-radius:var(--radius-full);display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.oh-role--admin{background:var(--danger-100);color:var(--danger-700)}.oh-role--super{background:#e0e7ff;background:var(--accent-100,#e0e7ff);color:#3730a3;color:var(--accent-700,#3730a3)}.oh-role--manager{background:var(--info-100);color:var(--info-700)}.oh-role--hr{background:var(--warning-100);color:var(--warning-700)}.oh-role--employee{background:var(--success-100);color:var(--success-700)}.oh-dept-tag{border-radius:var(--radius-full);display:inline-block;font-size:.6rem;font-weight:var(--font-medium);max-width:90px;overflow:hidden;padding:2px 7px;text-overflow:ellipsis;white-space:nowrap}.oh-dept-tag,.oh-expand-btn{background:var(--bg-tertiary);color:var(--text-muted)}.oh-expand-btn{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.65rem;font-weight:var(--font-bold);gap:3px;margin-top:6px;padding:2px 9px;transition:all .15s}.oh-card:hover .oh-expand-btn{border-color:var(--primary-300)}.oh-card:hover .oh-expand-btn,.oh-expand-btn--open{background:var(--primary-50);color:var(--primary-700)}.oh-expand-btn--open{border-color:var(--primary-400)}.oh-child-count{font-weight:800}.oh-subtree{align-items:center;display:flex;flex-direction:column}.oh-connector-v{background:var(--border-default);flex-shrink:0;height:20px;width:2px}.oh-children-row{align-items:flex-start;display:flex;gap:0}.oh-child-col{align-items:center;display:flex;flex-direction:column;padding:0 12px;position:relative}.oh-child-col:before{display:block;flex-shrink:0;height:20px;width:2px}.oh-child-col:after,.oh-child-col:before{background:var(--border-default);content:""}.oh-child-col:after{height:2px;left:0;position:absolute;right:0;top:0}.oh-child-col:first-child:after{left:50%}.oh-child-col:last-child:after{right:50%}.oh-child-col:only-child:after{display:none}.oh-no-results{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;padding:3rem;text-align:center}.oh-no-results p{font-size:.9rem;margin:0}.oh-clear-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:var(--font-medium);gap:4px;padding:.4rem .85rem;transition:all .15s}.oh-clear-btn:hover{border-color:var(--danger-300);color:var(--danger-600)}.oh-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem;padding:6rem 2rem;text-align:center}.oh-empty h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.oh-empty p{font-size:.85rem;margin:0}.oh-skeleton-bar{animation:oh-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);width:100%}@keyframes oh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.oh-page{padding:1rem}.oh-stats-row{grid-template-columns:repeat(2,1fr)}.oh-chart-wrap{padding:1.5rem 1rem}.oh-dept-grid{grid-template-columns:1fr 1fr}.oh-card{width:150px}.oh-card--depth-0{width:165px}}.inv-page{max-width:1480px;padding:var(--space-6)}.inv-hd-spacing,.inv-stats{margin-bottom:var(--space-6)}.inv-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.inv-stat-card{align-items:center;background:linear-gradient(180deg,#fffffff5,#f8fafceb);border:1px solid #e2e8f0e6;border-left:4px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:0 18px 36px #0f172a0f;display:flex;gap:var(--space-4);padding:var(--space-5);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.inv-stat-card:hover{border-color:#cbd5e1f2;box-shadow:0 24px 44px #0f172a14;transform:translateY(-2px)}.inv-stat-card--green{border-left-color:var(--primary)}.inv-stat-card--blue{border-left-color:var(--info-500)}.inv-stat-card--amber{border-left-color:var(--warning-500)}.inv-stat-card--red{border-left-color:var(--danger-500)}.inv-stat-icon{align-items:center;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb8;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.inv-stat-icon--green{background:var(--primary-50);color:var(--primary)}.inv-stat-icon--blue{background:var(--info-50);color:var(--info-600)}.inv-stat-icon--amber{background:var(--warning-50);color:var(--warning-500)}.inv-stat-icon--red{background:var(--danger-50);color:var(--danger-500)}.inv-stat-info{flex:1 1;min-width:0}.inv-stat-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.inv-stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;margin-top:4px;text-transform:uppercase}.inv-tabs{background:#f1f5f9eb;border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;gap:2px;margin-bottom:var(--space-5);padding:4px;width:-webkit-fit-content;width:fit-content}.inv-tab{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 18px;transition:all .15s}.inv-tab.active{background:#fffffff2;box-shadow:0 10px 22px #0f172a14;color:var(--text-primary);font-weight:var(--font-semibold)}.inv-toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.inv-toolbar__filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inv-toolbar__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.inv-filter-select{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);padding:9px 12px}.inv-search-wrap{position:relative;width:210px}.inv-search-icon{color:var(--text-muted);left:.6rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inv-search{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:inset 0 1px 1px #0f172a05;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:9px 1.8rem 9px 2rem;transition:border-color .15s,box-shadow .15s;width:100%}.inv-search:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f;outline:none}.inv-search-clear,.inv-search::placeholder{color:var(--text-muted)}.inv-search-clear{align-items:center;background:var(--surface-3);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:18px}.inv-search-clear:hover{background:var(--surface-4);color:var(--text-primary)}.inv-result-count{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.inv-btn-primary{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 14px 28px #10b9812e;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:9px 16px;transition:background .15s,transform .15s,box-shadow .15s}.inv-btn-primary:hover{background:var(--primary-gradient);box-shadow:0 18px 34px #10b98138;transform:translateY(-1px)}.inv-btn-secondary{align-items:center;background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:0 10px 22px #0f172a0d;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:9px 16px}.inv-table-wrap{background:linear-gradient(180deg,#fffffff7,#f8fafcf0);border:1px solid #e2e8f0e6;border-radius:var(--radius-2xl);box-shadow:0 22px 48px #0f172a12;overflow:hidden}.inv-table-wrap--scroll{max-height:540px;overflow-y:auto}.inv-table-wrap--scroll::-webkit-scrollbar{width:5px}.inv-table-wrap--scroll::-webkit-scrollbar-track{background:#0000}.inv-table-wrap--scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.inv-table-wrap--scroll .inv-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.inv-table{border-collapse:collapse;width:100%}.inv-table thead th{background:#f8fafcf5;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.07em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.inv-table tbody tr,.inv-table thead th{border-bottom:1px solid var(--border-light)}.inv-table tbody tr{transition:background .1s}.inv-table tbody tr:nth-child(2n){background:#f8fafc85}.inv-table tbody tr:last-child{border-bottom:none}.inv-table tbody tr:hover{background:#ecfdf5d1}.inv-table td{color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;vertical-align:middle}.inv-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--font-semibold);gap:4px;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.inv-badge--available,.inv-badge--good,.inv-badge--resolved{background:var(--primary-50);color:var(--primary-800)}.inv-badge--damaged,.inv-badge--open{background:var(--danger-50);color:var(--danger-700)}.inv-badge--pending_manager{background:var(--warning-50);color:var(--warning-700)}.inv-badge--pending_hr{background:var(--info-50);color:var(--info-700)}.inv-badge--complaint,.inv-badge--urgent{background:var(--danger-50);color:var(--danger-700)}.inv-badge--in_progress,.inv-badge--under_repair{background:var(--warning-50);color:var(--warning-700)}.inv-badge--high{background:var(--warning-100);color:var(--warning-700)}.inv-badge--medium{background:var(--warning-50);color:var(--warning-600)}.inv-badge--assigned,.inv-badge--request{background:var(--info-50);color:var(--info-700)}.inv-badge--closed,.inv-badge--low,.inv-badge--retired{background:var(--surface-2);color:var(--text-muted)}.inv-actions{gap:4px}.inv-actions,.inv-btn-icon{align-items:center;display:flex}.inv-btn-icon{background:var(--surface-0);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;height:30px;justify-content:center;transition:all .15s;width:30px}.inv-btn-icon:hover{background:var(--surface-2);color:var(--text-primary)}.inv-btn-icon--danger:hover{background:var(--danger-50);border-color:var(--danger-400);color:var(--danger-500)}.inv-btn-icon--assign:hover{background:var(--info-50);border-color:var(--info-400);color:var(--info-600)}.inv-btn-icon--escalate:hover{background:var(--warning-50);border-color:var(--warning-400);color:var(--warning-700)}.inv-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.inv-modal{background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #e2e8f0e6;border-radius:24px;box-shadow:0 28px 80px #0f172a3d;display:flex;flex-direction:column;max-height:90vh;max-width:540px;overflow:hidden;width:100%}.inv-modal--wide{max-width:680px}.inv-modal__header{align-items:center;background:#ffffffc2;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-5) var(--space-6)}.inv-modal__header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:8px;margin:0}.inv-modal__body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.inv-modal__footer{background:#f8fafce6;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.inv-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;padding:4px}.inv-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.inv-form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.inv-form-grid--1{grid-template-columns:1fr}.inv-field{display:flex;flex-direction:column;gap:6px}.inv-field.span-2{grid-column:span 2}.inv-field label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.inv-field input,.inv-field select,.inv-field textarea{background:#fffffff0;border:1px solid #cbd5e1f2;border-radius:var(--radius-lg);box-shadow:inset 0 1px 1px #0f172a05;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:10px 12px;transition:border-color .15s,box-shadow .15s}.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811f;outline:none}.inv-field textarea{min-height:80px;resize:vertical}.ticket-type-toggle{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.ticket-type-btn{background:var(--surface-0);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;padding:12px;text-align:center;transition:all .15s}.ticket-type-btn.active.complaint{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.ticket-type-btn.active.request{background:var(--info-50);border-color:var(--info-500);color:var(--info-700)}.ticket-type-btn__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold)}.ticket-type-btn__sub{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:2px}.ticket-type-btn.active .ticket-type-btn__sub{color:inherit;opacity:.7}.inv-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.inv-history-item{background:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3)}.inv-history-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.inv-history-dot--returned{background:var(--border-dark)}.inv-history-info{flex:1 1}.inv-history-user{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.inv-history-meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.inv-empty{background:linear-gradient(180deg,#ffffffd1,#f8fafcf0);border:1px dashed #cbd5e1e0;border-radius:24px;color:var(--text-muted);padding:var(--space-16) var(--space-8);text-align:center}.inv-empty__icon{align-items:center;background:linear-gradient(180deg,#f0fdf4f5,#ecfdf5e0);border:1px solid #a7f3d0b8;border-radius:18px;color:var(--primary-700);display:flex;height:60px;justify-content:center;margin:0 auto var(--space-4);width:60px}.inv-empty h4{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.inv-empty p{font-size:var(--text-sm);margin:0 0 var(--space-4)}.inv-error{background:var(--danger-50);border:1px solid var(--danger-400);border-radius:var(--radius-lg);color:var(--danger-700);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.inv-error,.inv-loading{align-items:center;display:flex;font-size:var(--text-sm)}.inv-loading{color:var(--text-muted);gap:var(--space-3);justify-content:center;padding:var(--space-16)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.inv-asset-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.inv-asset-sub{color:var(--text-muted);font-size:var(--text-xs);margin-top:1px}.inv-tag{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:11px;padding:2px 7px}@media (max-width:900px){.inv-stats{grid-template-columns:repeat(2,1fr)}.inv-form-grid{grid-template-columns:1fr}.inv-field.span-2{grid-column:span 1}.inv-search-wrap{width:100%}}@media (max-width:600px){.inv-page{padding:var(--space-4)}.inv-stats{grid-template-columns:1fr 1fr}}.App{background:var(--bg-primary);min-height:100vh}
/*# sourceMappingURL=main.0edacd92.css.map*/