: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;--hairline:#0f172a0f;--hairline-strong:#0f172a1a;--hairline-contrast:#0f172a29;--elev-0:#fff;--elev-1:#fbfbfc;--elev-2:#f5f6f8;--elev-overlay:#ffffffb8;--shadow-e1:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d;--shadow-e2:0 1px 0 #0f172a0a,0 2px 4px #0f172a0a,0 4px 8px #0f172a0a;--shadow-e3:0 1px 0 #0f172a0f,0 4px 8px #0f172a0f,0 12px 24px #0f172a14;--shadow-pop:0 0 0 1px #0f172a0a,0 8px 24px #0f172a1a,0 2px 6px #0f172a0f;--shadow-inset:inset 0 1px 0 #fff9;--ring-width:2px;--ring-offset:2px;--ring-color:var(--primary-500);--ring-soft:0 0 0 3px #10b9812e;--ring-danger:0 0 0 3px #ef44442e;--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-in-quart:cubic-bezier(0.5,0,0.75,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-instant:80ms;--dur-fast:140ms;--dur-base:200ms;--dur-slow:320ms;--radius-xs:3px;--radius-control:6px;--radius-surface:10px;--radius-overlay:14px;--tracking-tight:-0.02em;--tracking-tighter:-0.035em;--tracking-wide:0.04em;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--feature-numeric:"tnum" 1,"lnum" 1,"ss01" 1}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#17181b;--bg-sidebar:#08090a;--bg-sidebar-hover:#17181b;--surface-0:#111113;--surface-1:#17181b;--surface-2:#1d1e22;--surface-3:#26272c;--surface-4:#34363c;--elev-0:#111113;--elev-1:#17181b;--elev-2:#1d1e22;--elev-overlay:#111113b8;--text-primary:#ededee;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#0a0a0b;--border-light:#ffffff0f;--border-default:#ffffff1a;--border-dark:#ffffff29;--hairline:#ffffff0f;--hairline-strong:#ffffff1a;--hairline-contrast:#ffffff2e;--overlay-light:#00000080;--overlay-dark:#000000b3;--primary:#34d399;--primary-hover:#10b981;--primary-light:#10b9811f;--primary-dark:#6ee7b7;--success-50:#10b9811a;--success-100:#10b98129;--warning-50:#f59e0b1a;--warning-100:#f59e0b29;--danger-50:#ef44441a;--danger-100:#ef444429;--info-50:#0ea5e91a;--info-100:#0ea5e929;--accent-100:#667eea29;--secondary-100:#ffffff14;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #00000073;--shadow-lg:0 10px 15px -3px #0000008c,0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-e1:0 1px 0 #00000080,0 1px 2px #0006;--shadow-e2:0 1px 0 #00000080,0 2px 4px #0006,0 4px 8px #0006;--shadow-e3:0 1px 0 #0009,0 4px 8px #00000080,0 12px 24px #0000008c;--shadow-pop:0 0 0 1px #ffffff0f,0 8px 24px #0009,0 2px 6px #00000073;--shadow-inset:inset 0 1px 0 #ffffff0a;--ring-soft:0 0 0 3px #34d39938;--ring-danger:0 0 0 3px #f8717138;color-scheme:dark}[data-theme=dark] body{background-color:#f8fafc;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary)}[data-theme=dark] ::selection{background:#34d39952;color:#fff}[data-theme=dark] ::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--surface-3)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--surface-4)}.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:var(--space-12) var(--space-6)}.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);display:flex;height:68px;margin-bottom:var(--space-4);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;margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-description{color:#94a3b8;color:var(--text-muted);line-height:1.6;margin-bottom:24px;margin-bottom:var(--space-6);max-width:320px}.alert,.empty-state-description{font-size:14px;font-size:var(--text-base)}.alert{border-radius:6px;border-radius:var(--radius-md);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;border-radius:var(--radius-md);color:#047857}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:var(--space-3) var(--space-4)}.error-message{background:#fef2f2;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:12px;margin-top:var(--space-1)}.input-uppercase{text-transform:uppercase}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-control);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.4;padding:8px 14px;text-decoration:none;transition:background .14s cubic-bezier(.25,1,.5,1),border-color .14s cubic-bezier(.25,1,.5,1),color .14s cubic-bezier(.25,1,.5,1),box-shadow .14s cubic-bezier(.25,1,.5,1);transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.btn:focus-visible{box-shadow:0 0 0 3px #10b9812e;box-shadow:var(--ring-soft);outline:none}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#10b981;box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d,inset 0 1px 0 #ffffff1f;color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:#059669}.btn-primary:focus-visible{box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d,inset 0 1px 0 #ffffff1f,0 0 0 3px #10b9812e}.btn-accent{background:linear-gradient(135deg,#667eea,#4338ca);background:var(--accent-gradient);box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d;box-shadow:var(--shadow-e1);color:#fff;color:var(--text-inverse)}.btn-accent:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--hairline-strong);box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d;color:#475569}.btn-secondary:hover:not(:disabled){background:#fbfbfc;background:var(--elev-1);border-color:#0f172a29;border-color:var(--hairline-contrast);color:#0f172a;color:var(--text-primary)}.btn-success{background:#059669;background:var(--success-600);box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d,inset 0 1px 0 #ffffff1f;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:#fff;color:var(--text-inverse);font-weight:600;font-weight:var(--font-semibold)}.btn-success:hover:not(:disabled){background:#047857;background:var(--success-700)}.btn-danger{background:#dc2626;background:var(--danger-600);box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d,inset 0 1px 0 #ffffff1f;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:#fff;color:var(--text-inverse);font-weight:600;font-weight:var(--font-semibold)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--danger-700)}.btn-danger:focus-visible{box-shadow:0 1px 0 #0f172a0a,0 1px 2px #0f172a0d,inset 0 1px 0 #ffffff1f,0 0 0 3px #ef44442e;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-danger)}.btn-ghost{background:#0000;border:1px solid #0000;color:#475569;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#fbfbfc;background:var(--elev-1);color:#0f172a;color:var(--text-primary)}.btn-sm{font-size:13px;font-size:var(--text-sm);padding:5px 10px}.btn-lg{font-size:15px;padding:10px 18px}.btn-icon{height:32px;min-width:32px;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 #0f172a1a;border:1px solid var(--hairline-strong);border-radius:6px;border-radius:var(--radius-control);color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:14px;font-size:var(--text-base);line-height:1.35;line-height:var(--leading-snug);padding:8px 12px;transition:border-color .14s cubic-bezier(.25,1,.5,1),box-shadow .14s cubic-bezier(.25,1,.5,1),background .14s cubic-bezier(.25,1,.5,1);transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:100%}.input:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled),.textarea:hover:not(:focus):not(:disabled){border-color:#0f172a29;border-color:var(--hairline-contrast)}.input:focus,.select:focus,.textarea:focus{border-color:#10b981;border-color:var(--ring-color);box-shadow:0 0 0 3px #10b9812e;box-shadow:var(--ring-soft);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:#f5f6f8;background:var(--elev-2);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.input.input-error,.input[aria-invalid=true],.select.input-error,.select[aria-invalid=true],.textarea.input-error,.textarea[aria-invalid=true]{border-color:#ef4444;border-color:var(--danger-500)}.input.input-error:focus,.input[aria-invalid=true]:focus,.select.input-error:focus,.select[aria-invalid=true]:focus,.textarea.input-error:focus,.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef44442e;box-shadow:var(--ring-danger)}.input::placeholder,.textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.form-group,.form-row{margin-bottom:16px;margin-bottom:var(--space-4)}.form-row{grid-gap:16px;grid-gap:var(--space-4);gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-label{align-items:center;color:#0f172a;display:inline-flex;font-size:13px;font-weight:500;gap:4px;gap:var(--space-1);letter-spacing:-.02em}.form-label-required:after{color:#ef4444;color:var(--danger-500);content:"*";font-weight:600;font-weight:var(--font-semibold)}.form-error{color:#dc2626;color:var(--danger-600);font-size:12px;font-size:var(--text-xs);margin-top:4px;margin-top:var(--space-1)}.form-actions{border-top:1px solid #0f172a0f;gap:8px;margin-top:8px;margin-top:var(--space-2);padding-top:16px;padding-top:var(--space-4)}.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;border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:16px;padding-bottom:var(--space-4)}.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;border-radius:var(--radius-full);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;background:var(--bg-tertiary);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)}: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}}.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}.modal-overlay{animation:modalOverlayIn .2s cubic-bezier(.25,1,.5,1);z-index:500}.modal-content{animation:modalContentIn .2s cubic-bezier(.25,1,.5,1);background:#fff;border-radius:14px;box-shadow:0 1px 0 #0f172a0f,0 4px 8px #0f172a0f,0 12px 24px #0f172a14,0 0 0 1px #0f172a1a}.modal-content-sm{max-width:420px}.modal-content-md{max-width:640px}.modal-content-lg{max-width:880px}.modal-content-xl{max-width:1120px}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#fff;border-bottom:1px solid #0f172a0f;gap:12px;gap:var(--space-3)}.modal-title{color:#0f172a;color:var(--text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);line-height:1.2;line-height:var(--leading-tight);margin:0}.modal-footer{align-items:center;background:#fff;border-top:1px solid #0f172a0f}.close-modal-btn{border-radius:6px;border-radius:var(--radius-md);color:#94a3b8;flex-shrink:0;padding:6px;transition:all .15s ease;transition:all var(--transition-fast)}.close-modal-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);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}.whats-new-fab-wrap{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:10px;position:fixed;right:28px;z-index:100}.whats-new-fab{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:999px;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:7px;padding:8px 14px 8px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.whats-new-fab:hover{background:var(--primary-hover)}.whats-new-fab:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.whats-new-fab-badge{background:#ffffff40;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:1px 7px}.whats-new-popover{animation:wn-slide-up .18s ease;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);padding:16px;width:280px}@keyframes wn-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.whats-new-pop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.whats-new-pop-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:5px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.whats-new-pop-version{font-feature-settings:"tnum";background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700);font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);padding:1px 8px}.whats-new-pop-list{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0}.whats-new-pop-list li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:9px;line-height:var(--leading-snug)}.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:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);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(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:10px 42px 10px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.input-wrapper input:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.input-wrapper input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.input-wrapper:focus-within .input-icon{color:var(--text-secondary)}.input-wrapper input::placeholder{color:var(--text-muted)}.login-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;letter-spacing:var(--tracking-tight);margin-top:var(--space-6);padding:10px 16px;transition:background var(--dur-fast) var(--ease-out-quart);width:100%}.login-btn:hover:not(:disabled){background:var(--primary-hover)}.login-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-btn svg{height:18px;width:18px}.error-message{gap:var(--space-2)}.error-message svg{flex-shrink:0;height:18px;width:18px}.login-info{border-top:1px solid var(--hairline);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:var(--tracking-wide);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(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);padding:2px 6px}.copyright-footer{border-top:1px solid var(--hairline);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 var(--dur-base) var(--ease-spring);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e2);gap:var(--space-3);min-width:300px;overflow:hidden;padding:var(--space-3) var(--space-4);pointer-events:auto;position:relative;will-change:transform,opacity}.toast.exiting{animation:toastSlideOut var(--dur-fast) var(--ease-out-quart) 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-control);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.toast-close:hover{background:var(--elev-1);color:var(--text-primary)}.toast-progress{animation:toastProgress 4s linear forwards;border-radius:0 0 0 var(--radius-surface);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:12px;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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%}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.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}.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:var(--warning-50);border:1px solid var(--warning-100);border-left:3px solid var(--warning-500);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);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(--bg-secondary);border:1px solid var(--warning-100);border-radius:999px;box-shadow:var(--shadow-e1);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(--primary);border:1px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:8px 14px;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.celebration-banner-action:hover{background:var(--primary);background:var(--primary-700,var(--primary))}.celebration-banner-action:focus-visible{box-shadow:var(--ring-soft);outline:none}.celebration-banner-close{align-items:center;background:none;border:none;border-radius:var(--radius-control);color:var(--warning-600);cursor:pointer;display:flex;flex-shrink:0;opacity:.6;padding:var(--space-1);transition:opacity var(--dur-fast) var(--ease-out-quart)}.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(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;margin-right:8px;overflow:hidden;position:relative;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.tt:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.tt:before{background:var(--hairline-strong);bottom:0;content:"";left:0;position:absolute;top:0;transition:background var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart);width:3px}.tt[data-status=working]:before{background:var(--success-500);box-shadow:inset 1px 0 0 #ffffff1f}.tt[data-status=on_break]:before{background:var(--warning-500);box-shadow:inset 1px 0 0 #ffffff1f}.tt-body{align-items:center;display:flex;padding:0 4px 0 12px}.tt-clock{align-items:flex-start;border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:10px 14px 10px 8px}.tt-clock-time{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:var(--leading-tight);margin-top:2px}.tt-clock-label,.tt-clock-time{letter-spacing:var(--tracking-wide)}.tt-clock-label{color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase}.tt-break-section,.tt-status-section{align-items:flex-start;border-right:1px solid var(--hairline);display:flex;flex-direction:column;min-width:108px;padding:10px 14px}.tt-break-elapsed{font-feature-settings:"tnum";color:var(--warning-600);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin-top:2px}[data-theme=dark] .tt-break-elapsed{color:var(--warning-400)}.tt-status-badge-section{align-items:flex-start;border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:10px 14px}.tt-status-row{align-items:center;display:flex;gap:6px}.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:var(--font-semibold);letter-spacing:var(--tracking-wide);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:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin-top:2px}.tt-elapsed-zero{color:var(--text-muted)}.tt-tags{display:flex;gap:4px;margin-top:4px}.tt-tag{border:1px solid #0000;border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:9px;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);padding:2px 6px;text-transform:uppercase}.tt-tag--wfh{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.tt-tag--late{background:var(--warning-50);border-color:var(--warning-100);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(--hairline);padding:0 12px}.tt-wfh-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:10px;font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tt-wfh-label:hover{color:var(--text-primary)}.tt-wfh-switch{flex-shrink:0;height:18px;position:relative;width:32px}.tt-wfh-switch input{height:0;opacity:0;position:absolute;width:0}.tt-wfh-slider{background:var(--hairline-strong);border-radius:18px;box-shadow:inset 0 1px 2px #0000000d;cursor:pointer;inset:0;position:absolute;transition:background var(--dur-fast) var(--ease-out-quart)}.tt-wfh-slider:after{background:var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-e1);content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform var(--dur-fast) var(--ease-out-quart);width:14px}.tt-wfh-switch input:checked+.tt-wfh-slider{background:var(--accent-500);box-shadow:none}.tt-wfh-switch input:checked+.tt-wfh-slider:after{transform:translateX(14px)}.tt-actions{align-items:center;display:flex;gap:6px;padding:8px 10px}.tt-primary-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:var(--font-bold);gap:6px;letter-spacing:var(--tracking-wide);padding:8px 14px;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tt-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.tt-primary-btn:hover:not(:disabled){filter:brightness(1.08)}.tt-primary-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.tt-primary-btn:active:not(:disabled){transform:scale(.98)}.tt-btn--in{background:var(--success-600)}.tt-btn--out{background:var(--danger-600)}.tt-btn--end-break{background:var(--info-600)}.tt-breaks{display:flex;gap:4px}.tt-break-chip{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:var(--font-bold);gap:6px;letter-spacing:var(--tracking-wide);padding:6px 10px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tt-break-chip:hover:not(:disabled){background:var(--warning-50);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{box-shadow:none;cursor:not-allowed;opacity:.5}.tt-break-chip:focus-visible{border-color:var(--warning-500);box-shadow:var(--ring-soft);outline:none}.tt-settings{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:32px}.tt-settings:hover{background:var(--elev-1);color:var(--text-primary)}@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:8px 10px}}.break-settings-modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:600px;overflow:hidden;transform:translateZ(0);width:100%}.awareness-banner{align-items:center;background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--radius-surface);color:var(--info-700);display:flex;font-size:var(--text-sm);gap:10px;line-height:var(--leading-snug);margin-bottom:20px;padding:12px 16px}.awareness-banner svg{color:var(--info-500);flex-shrink:0}.modal-description{color:var(--text-muted);margin:0 0 24px}.setting-info{color:var(--text-muted);font-size:var(--text-xs);font-style:italic;line-height:var(--leading-snug);margin:12px 0 0}.break-timer-display{align-items:center;background:var(--primary);border-radius:var(--radius-surface);box-shadow:inset 0 1px 0 #ffffff1f,var(--shadow-e1);display:flex;gap:20px;margin-bottom:32px;padding:24px}.timer-circle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;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-feature-settings:"tnum";font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:1}.timer-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);opacity:.9;text-transform:uppercase}.timer-info{flex:1 1}.timer-title{color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:8px;opacity:.9}.timer-status{color:var(--text-inverse);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.timer-status.warning{color:var(--warning-100)}.settings-section{display:flex;flex-direction:column;gap:20px}.setting-group{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);padding:18px 20px}.setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-tight);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(--hairline-contrast) 50%,var(--hairline-contrast) 100%);border-radius:var(--radius-full);flex:1 1;height:6px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:2px solid var(--primary-500);border-radius:50%;box-shadow:var(--shadow-e1);cursor:pointer;height:20px;-webkit-transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:20px}.range-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-e2);transform:scale(1.1)}.range-slider::-moz-range-thumb{background:var(--bg-secondary);border:2px solid var(--primary-500);border-radius:50%;box-shadow:var(--shadow-e1);cursor:pointer;height:20px;-moz-transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:20px}.range-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-e2);transform:scale(1.1)}.range-slider.disabled{background:var(--hairline-strong);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{font-feature-settings:"tnum";color:var(--primary-600);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:80px;text-align:right}.range-limits{color:var(--text-muted);display:flex;font-size:var(--text-xs);justify-content:space-between}.alert{align-items:center;border-radius:var(--radius-surface);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);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{bottom:0;gap:var(--space-2);position:-webkit-sticky;position:sticky}.btn-primary:hover{background:var(--primary-hover)}@media (max-width:768px){.modal-overlay{padding:12px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.break-timer-display{flex-direction:column;padding:20px;text-align:center}.timer-info{width:100%}.settings-section{gap:16px}.setting-group{padding:16px}.modal-footer{flex-direction:column-reverse;padding:16px 20px}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.timer-circle{height:80px;width:80px}.timer-value{font-size:var(--text-2xl)}.range-control{gap:12px}.range-value{min-width:70px}}.notification-icon-container{display:inline-block;position:relative}.notification-icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:relative;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.notification-icon-btn:hover{background:var(--elev-1);color:var(--text-primary)}.notification-icon-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.notification-badge{font-feature-settings:"tnum";align-items:center;animation:badgePop var(--dur-base) var(--ease-spring);background:var(--danger-500);border:2px solid var(--bg-secondary);border-radius:999px;box-sizing:border-box;color:var(--text-inverse);display:inline-flex;font-size:10px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;pointer-events:none;position:absolute;right:-6px;top:-6px;transform-origin:center;will-change:transform;z-index:2}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.notif-backdrop{inset:0;position:fixed;z-index:999}.notification-dropdown{animation:notifSlideDown var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateZ(0);width:360px;z-index:1000}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{background:var(--bg-secondary);border-bottom:1px solid var(--hairline-strong);flex-shrink:0;justify-content:space-between;padding:12px 16px}.notif-header-left,.notification-dropdown-header{align-items:center;display:flex;gap:8px}.notif-title{color:var(--text-primary);font-size:var(--text-sm);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.notif-title,.notif-unread-pill{font-weight:var(--font-semibold)}.notif-unread-pill{font-feature-settings:"tnum";background:var(--danger-500);border-radius:999px;box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);font-size:10px;font-variant-numeric:tabular-nums;line-height:1;padding:2px 7px}.header-actions{gap:6px}.mark-all-read-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);gap:4px;padding:4px 8px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.mark-all-read-btn:hover{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.clear-all-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:4px 6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.clear-all-btn:hover{background:var(--danger-50);color:var(--danger-600)}.mute-toggle-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:4px 6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.mute-toggle-btn:hover{background:var(--elev-1);color:var(--text-primary)}.mute-toggle-btn--muted{color:var(--warning-600)}.mute-toggle-btn--muted:hover{background:var(--warning-50)}.notification-icon-btn--muted{color:var(--text-muted);opacity:.7}.notification-dropdown-body{flex:1 1;max-height:400px;overflow-y:auto}.notification-dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown-body::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.notification-dropdown-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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 .6s linear infinite;border:2px solid var(--hairline-strong);border-radius:50%;border-top-color:var(--primary);height:18px;width:18px}.notif-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:40px 20px;text-align:center}.notif-empty p{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.notif-empty span{color:var(--text-secondary);font-size:var(--text-xs)}.notification-list{list-style:none;margin:0;padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--hairline);cursor:default;display:flex;gap:12px;padding:14px 16px;position:relative;transition:background var(--dur-fast) var(--ease-out-quart)}.notification-item--clickable{cursor:pointer}.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(--dur-fast) var(--ease-out-quart);width:3px}.notification-item.unread:before{opacity:1}.notification-item:hover{background:var(--elev-1)}.notification-item.unread{background:var(--primary-50)}.notification-item.unread:hover{background:#d1fae5;background:var(--primary-100,#d1fae5)}.notification-item.read{background:var(--bg-secondary)}.notif-icon-wrap{align-items:center;border-radius:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff1f;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:2px;width:32px}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notif-type-label{font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);opacity:.9;text-transform:uppercase}.notification-title{color:var(--text-primary);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.notification-message,.notification-title{font-size:var(--text-sm);word-break:break-word}.notification-message{color:var(--text-secondary);line-height:var(--leading-snug)}.notification-time{color:var(--text-muted);font-size:10px;font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);margin-top:4px;text-transform:uppercase}.notif-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.mark-read-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--info-500);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.mark-read-btn:hover{background:var(--info-50);color:var(--info-600)}.notif-read-dot{background:var(--hairline-contrast);border-radius:50%;display:block;height:8px;margin-top:4px;width:8px}.delete-notif-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:4px;transition:opacity var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.notification-item:hover .delete-notif-btn{opacity:1}.delete-notif-btn:hover{background:var(--danger-50);color:var(--danger-600)}.delete-notif-btn:disabled{cursor:not-allowed;opacity:.4}@keyframes notifItemExit{0%{max-height:200px;opacity:1;transform:translateX(0)}to{border-width:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateX(12px)}}.notif-item--deleting{animation:notifItemExit .28s var(--ease-out-quart) forwards;overflow:hidden;pointer-events:none}.notification-dropdown-footer{align-items:center;background:var(--elev-0);border-top:1px solid var(--hairline);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.notif-footer-count{color:var(--text-muted);font-size:10px;font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.close-btn{background:#0000!important;border:1px solid #0000!important;border-radius:var(--radius-control)!important;color:var(--text-secondary)!important;display:inline-flex!important;font-family:inherit;font-size:var(--text-xs)!important;font-weight:var(--font-medium)!important;gap:4px;height:auto!important;padding:4px 8px!important;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)!important;width:auto!important}.close-btn:hover{background:var(--elev-1)!important;color:var(--text-primary)!important}@media (max-width:480px){.notification-dropdown{right:-40px;width:calc(100vw - 24px)}}.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 .3s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:10px;margin:16px;max-width:420px;overflow:hidden;padding:40px 36px 32px;position:relative;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));content:"";height:2px;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:var(--danger-50);border:1px solid var(--danger-100);border-radius:999px;color:var(--danger-600);color:var(--danger-700,var(--danger-600));display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);gap:6px;margin-top:2px;padding:5px 14px}.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(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);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)}.bre-btn,.bre-hint-box strong{font-weight:var(--font-semibold)}.bre-btn{align-items:center;background:var(--warning-500);background:var(--bre-color,var(--warning-500));border:1px solid var(--bre-color,var(--warning-500));border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);gap:8px;justify-content:center;margin-top:4px;padding:12px 24px;transition:filter var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.bre-btn:hover:not(:disabled){filter:brightness(.95)}.bre-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.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-surface);padding:32px 20px 24px}.bre-title{font-size:var(--text-xl)}}.ann-backdrop{align-items:center;animation:ann-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:99998}@keyframes ann-fade-in{0%{opacity:0}to{opacity:1}}.ann-card{align-items:center;animation:ann-slide-up .3s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:10px;margin:16px;max-width:460px;overflow:hidden;padding:36px 32px 28px;position:relative;text-align:center;width:100%}@keyframes ann-slide-up{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ann-accent{background:var(--primary);height:2px;left:0;position:absolute;right:0;top:0}.ann-counter{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 10px;text-transform:uppercase}.ann-icon-wrap{align-items:center;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-bottom:2px;position:relative;width:64px}.ann-icon-bg{animation:ann-ring 2.5s ease-in-out infinite;background:color-mix(in srgb,var(--primary) 12%,#0000);border:1.5px solid color-mix(in srgb,var(--primary) 28%,#0000);border-radius:50%;inset:0;position:absolute}.ann-icon-bg:after{animation:ann-ring 2.5s ease-in-out .6s infinite;border:1px solid color-mix(in srgb,var(--primary) 12%,#0000);border-radius:50%;content:"";inset:-6px;position:absolute}@keyframes ann-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.1)}}.ann-icon{color:var(--primary);position:relative;z-index:1}.ann-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.ann-from{color:var(--text-secondary);font-weight:600}.ann-dot{opacity:.4}.ann-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.01em;line-height:1.3;margin:0}.ann-body{background:var(--elev-1);border:1px solid var(--hairline);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65;max-height:200px;overflow-y:auto;padding:12px 14px;text-align:left;white-space:pre-wrap}.ann-body,.ann-image{border-radius:var(--radius-control);width:100%}.ann-image{border:1px solid var(--hairline);max-height:180px;object-fit:cover}.ann-actions{display:flex;gap:10px;margin-top:4px;width:100%}.ann-btn-read{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;justify-content:center;padding:11px 20px;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ann-btn-read:hover:not(:disabled){background:var(--primary);background:var(--primary-700,var(--primary))}.ann-btn-read:focus-visible{box-shadow:var(--ring-soft);outline:none}.ann-btn-read:disabled{cursor:not-allowed;opacity:.55}.ann-btn-next{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:4px;padding:11px 14px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.ann-btn-next:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ann-note{color:var(--text-muted);font-size:var(--text-xs);line-height:1.6;margin:2px 0 0}@media (max-width:480px){.ann-card{border-radius:var(--radius-surface);padding:28px 18px 22px}.ann-title{font-size:var(--text-lg)}}.seo-backdrop{align-items:center;animation:seo-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:99998}@keyframes seo-fade-in{0%{opacity:0}to{opacity:1}}.seo-card{align-items:center;animation:seo-slide-up .3s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:12px;margin:16px;max-width:440px;overflow:hidden;padding:40px 36px 32px;position:relative;text-align:center;width:100%}.seo-card:before{background:var(--warning-500);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes seo-slide-up{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.seo-icon-wrap{align-items:center;display:flex;flex-shrink:0;height:72px;justify-content:center;margin-bottom:2px;position:relative;width:72px}.seo-icon-bg{animation:seo-ring 2.5s ease-in-out infinite;background:color-mix(in srgb,var(--warning-500) 12%,#0000);border:1.5px solid color-mix(in srgb,var(--warning-500) 30%,#0000);border-radius:50%;inset:0;position:absolute}.seo-icon-bg:after{animation:seo-ring 2.5s ease-in-out .6s infinite;border:1px solid color-mix(in srgb,var(--warning-500) 15%,#0000);border-radius:50%;content:"";inset:-6px;position:absolute}@keyframes seo-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.1)}}.seo-icon{color:var(--warning-500);position:relative;z-index:1}.seo-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.01em;margin:0}.seo-subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:1.55;margin:0}.seo-subtitle strong{color:var(--text-primary);font-weight:var(--font-semibold)}.seo-reminder-note{align-items:center;background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:#b45309;color:var(--warning-700,#b45309);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:4px 12px;text-transform:uppercase}.seo-hint-box{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;padding:10px 14px;text-align:left;width:100%}.seo-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px;width:100%}.seo-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;justify-content:center;padding:11px 20px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.seo-btn:disabled{cursor:not-allowed;opacity:.55}.seo-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.seo-btn-yes{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse)}.seo-btn-yes:hover:not(:disabled){background:var(--primary);background:var(--primary-700,var(--primary))}.seo-btn-no{background:var(--bg-secondary);border-color:var(--hairline-strong);color:var(--text-secondary)}.seo-btn-no:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}@media (max-width:480px){.seo-card{border-radius:var(--radius-surface);padding:32px 20px 24px}.seo-title{font-size:var(--text-xl)}}.tro-backdrop{align-items:center;animation:tro-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 tro-fade-in{0%{opacity:0}to{opacity:1}}.tro-card{align-items:center;animation:tro-slide-up .3s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:10px;margin:16px;max-width:440px;overflow:hidden;padding:40px 36px 32px;position:relative;text-align:center;width:100%}@keyframes tro-slide-up{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tro-card:before{background:#6366f1;background:var(--tro-color,#6366f1);content:"";height:3px;left:0;position:absolute;right:0;top:0}.tro-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.tro-close:hover{background:var(--bg-hover)}.tro-icon-wrap{align-items:center;display:flex;height:72px;justify-content:center;margin-bottom:8px;position:relative;width:72px}.tro-icon-bg{animation:tro-pulse 1.8s ease-in-out infinite;background:#6366f1;background:var(--tro-color,#6366f1);border-radius:50%;inset:0;opacity:.12;position:absolute}@keyframes tro-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.22;transform:scale(1.12)}}.tro-icon{color:#6366f1;color:var(--tro-color,#6366f1);z-index:1}.tro-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0}.tro-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500;line-height:1.5;margin:0 0 8px}.tro-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:4px 0 8px}.tro-badge{border-radius:999px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.tro-meta-item{border-radius:999px;padding:3px 10px}.tro-hint-box,.tro-meta-item{background:var(--bg-tertiary);color:var(--text-muted);font-size:12px}.tro-hint-box{border-radius:10px;line-height:1.5;margin:6px 0 14px;padding:10px 14px;width:100%}.tro-actions{display:flex;gap:10px;width:100%}.tro-btn,.tro-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:11px 18px;transition:transform .08s ease,opacity .15s ease}.tro-btn{background:#6366f1;background:var(--tro-color,#6366f1);color:#fff}.tro-btn:hover:not(:disabled){transform:translateY(-1px)}.tro-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--hairline-strong);color:var(--text-primary)}.tro-btn-secondary:disabled,.tro-btn:disabled{cursor:not-allowed;opacity:.55}.celebrations-container{margin:0 auto;max-width:1400px;padding:24px}.celebrations-header{margin-bottom:24px}.celebrations-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0 0 4px}.celebrations-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.celebrations-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:3px solid #0000;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;gap:16px;padding:20px;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.summary-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff24;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.summary-content{display:flex;flex-direction:column;gap:2px}.summary-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.today-card{border-left-color:var(--warning-500)}.today-card .summary-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);color:#d97706;color:var(--warning-600,#d97706)}.week-card{border-left-color:var(--info-500)}.week-card .summary-icon{background:var(--info-50);border:1px solid var(--info-100);color:var(--info-600)}.birthday-card{border-left-color:var(--danger-500)}.birthday-card .summary-icon{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-600)}.anniversary-card{border-left-color:var(--success-600)}.anniversary-card .summary-icon{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-600)}.celebrations-tabs{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:8px 12px}.celebrations-tabs button{background:#0000;border:1px solid #0000;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:6px 14px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.celebrations-tabs button:hover:not(.active){background:var(--elev-2);color:var(--text-primary)}.celebrations-tabs button.active{background:var(--bg-secondary);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--primary);font-weight:var(--font-semibold)}.celebrations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.celebrations-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:20px}.celebrations-section h3{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 20px;padding-bottom:12px}.celebration-list{display:flex;flex-direction:column;gap:12px}.celebration-list.full-width{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:20px}.no-items{color:var(--text-muted);font-size:var(--text-sm);font-style:italic;padding:32px;text-align:center}.celebration-card{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;gap:16px;padding:16px;transition:background var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.celebration-card:hover{background:var(--elev-1);border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.celebration-card.today{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);box-shadow:var(--shadow-e1),0 0 0 1px #a7f3d0;box-shadow:var(--shadow-e1),0 0 0 1px var(--primary-100,#a7f3d0)}.celebration-card.horizontal{justify-content:flex-start}.card-icon{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.celebration-card.horizontal .card-icon,.celebrations-section:last-child .card-icon{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.card-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.card-content h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0;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{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.card-date-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:80px}.card-date-info .date{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.card-date-info .age,.card-date-info .years{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.card-badge{align-items:center;display:flex;justify-content:flex-end;min-width:70px}.celebrations-container .badge{border:1px solid #0000;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.celebrations-container .badge.today{animation:todayGlow 2s var(--ease-in-out) infinite;background:var(--primary);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse)}.celebrations-container .badge.days{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}@keyframes todayGlow{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.celebrations-compact{padding:16px}.celebrations-compact h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 12px}.today-celebrations{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:16px;padding:16px}.upcoming-celebrations{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);padding:16px}.celebration-item{align-items:center;display:flex;gap:12px;padding:8px 0}.celebration-item:not(:last-child){border-bottom:1px solid var(--hairline)}.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;gap:2px}.celebration-item .celebration-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.celebration-item .celebration-info{color:var(--text-secondary);font-size:var(--text-xs)}.no-celebrations{color:var(--text-muted);padding:20px}.celebrations-loading,.no-celebrations{font-size:var(--text-sm);text-align:center}.celebrations-loading{color:var(--text-secondary);padding:32px}.celebrations-error{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-surface);padding:40px 20px;text-align:center}.celebrations-error .error-icon{color:var(--danger-500);display:block;margin-bottom:12px}.celebrations-error p{color:var(--danger-700);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 16px}.celebrations-error .retry-btn{background:var(--danger-600);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.celebrations-error .retry-btn:hover{background:var(--danger-700)}.celebrations-toast{align-items:center;animation:toast-in .3s var(--ease-out-quart);border-radius:var(--radius-control);box-shadow:var(--shadow-e2);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;padding:10px 14px;position:fixed;right:20px;top:20px;z-index:var(--z-toast)}.celebrations-toast.success{background:var(--success-50);border:1px solid var(--success-100);border-left:3px solid var(--success-500);color:var(--success-700)}.celebrations-toast.error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px 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:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:32px;padding:24px}.wishes-wall-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-tight);margin:0 0 20px}.wishes-wall-title svg{color:var(--primary)}.wish-card{background:var(--elev-1);border:1px solid var(--hairline-strong);border-left:3px solid var(--danger-500);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:16px;padding:20px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.wish-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.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:16px;margin-bottom:16px}.wish-card-icon{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wish-card.work_anniversary .wish-card-icon{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.wish-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.wish-card-info h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.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{font-feature-settings:"tnum";align-items:center;background:var(--elev-2);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:4px 12px;text-transform:uppercase}.wish-form{display:flex;gap:8px}.wish-form input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.wish-form input:hover:not(:focus){border-color:var(--hairline-contrast)}.wish-form input:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-50);outline:none}.wish-card.work_anniversary .wish-form input:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-50)}.wish-send-btn{align-items:center;background:var(--danger-600);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.wish-card.work_anniversary .wish-send-btn{background:var(--success-600)}.wish-send-btn:hover:not(:disabled){filter:brightness(1.08)}.wish-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.wish-sent-badge{align-items:center;background:var(--success-50);border:1px solid var(--success-100);border-radius:var(--radius-control);color:var(--success-700);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;padding:8px 12px}.wish-list{border-top:1px solid var(--hairline);margin-top:12px;padding-top:12px}.wish-toggle-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);gap:8px;padding:4px 8px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.wish-toggle-btn:hover{background:var(--elev-2);color:var(--text-primary)}.wish-messages{display:flex;flex-direction:column;gap:12px;margin-top:12px}.wish-message{background:var(--elev-0);border-left:3px solid #6ee7b7;border:1px solid var(--hairline-strong);border-left:3px solid var(--primary-300,#6ee7b7);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:12px 16px}.wish-message-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.wish-message-header strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.wish-dept{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);font-size:var(--text-xs);padding:2px 8px}.wish-message p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.cel-avatar{align-items:center;box-shadow:inset 0 1px 0 #ffffff1f;display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;letter-spacing:var(--tracking-tight);overflow:hidden;transition:transform var(--dur-fast) var(--ease-out-quart);-webkit-user-select:none;user-select:none;width:40px}.cel-avatar,.cel-avatar-img{border-radius:var(--radius-full)}.cel-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.cel-avatar--sm{font-size:11px;height:32px;width:32px}.cel-avatar--lg{font-size:var(--text-base);height:48px;width:48px}.cel-avatar--birthday{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.cel-avatar--birthday-today{background:var(--danger-500);box-shadow:0 0 0 2px var(--danger-100);color:var(--text-inverse)}.cel-avatar--anniversary{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);color:var(--primary-700)}.cel-avatar--anniversary-today{background:var(--primary);box-shadow:0 0 0 2px #a7f3d0;box-shadow:0 0 0 2px var(--primary-100,#a7f3d0);color:var(--text-inverse)}.celebration-card:hover .cel-avatar{transform:scale(1.05)}.cel-avatar-wrap{flex-shrink:0;position:relative}.cel-milestone{font-feature-settings:"tnum";background:var(--primary);border:1px solid var(--bg-secondary);border-radius:var(--radius-xs);bottom:-4px;color:var(--text-inverse);font-size:9px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:1.4;padding:1px 5px;position:absolute;right:-4px;white-space:nowrap}.celebration-when--today{color:var(--primary);font-weight:var(--font-semibold)}@media (max-width:768px){.celebrations-container{padding:16px}.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-xs);min-width:100px;padding:8px 12px}.celebration-card.horizontal{flex-wrap:wrap}.card-date-info{align-items:flex-start;border-top:1px solid var(--hairline);flex-direction:row;justify-content:space-between;margin-top:12px;padding:12px 0 0;width:100%}}.dashboard-layout{background:var(--bg-primary);display:flex;isolation:isolate;min-height:100vh;position:relative}.sidebar{background:var(--bg-sidebar);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--dur-base) var(--ease-out-quart);width:248px;z-index:var(--z-fixed)}.sidebar.collapsed{width:68px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;min-height:64px;padding:18px 16px}.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:#0000;border:1px solid #ffffff14;border-radius:var(--radius-control);color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:28px}.sidebar-toggle:hover{background:#ffffff14;border-color:#ffffff24;color:#fffffff2}.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-radius:var(--radius-control);box-sizing:border-box;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:var(--font-medium);gap:10px;padding:7px 10px;position:relative;text-decoration:none;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);white-space:nowrap;width:100%}.sidebar-nav .nav-item:hover{background:#ffffff0f;color:#fffffff2}.sidebar-nav .nav-item.active{background:#ffffff14;color:var(--text-inverse);font-weight:var(--font-semibold)}.sidebar-nav .nav-item.active .nav-icon{color:var(--primary)}.sidebar-nav .nav-item.active:before{background:var(--primary);border-radius:0 2px 2px 0;content:"";height:16px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.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{font-feature-settings:"tnum";align-items:center;background:var(--danger-500);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--bg-sidebar),0 6px 14px #00000038;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:auto;min-width:18px;padding:0 6px;z-index:2}.sidebar-nav .nav-item .nav-badge--new{animation:navBadgePulse 1.8s ease-in-out infinite;background:#f59e0b;background:var(--warning-500,#f59e0b);box-shadow:0 0 0 2px var(--bg-sidebar),0 0 0 5px #f59e0b3d}@keyframes navBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sidebar-nav .nav-item .badge-collapsed{font-size:9px;height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.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:#ffffff0f;color:#fffffff2}.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{border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px 12px}.sidebar-user{align-items:center;border-radius:var(--radius-control);display:flex;gap:10px;padding:8px 10px;transition:background var(--dur-fast) var(--ease-out-quart)}.sidebar-user:hover{background:#ffffff0f}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-role-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}.sidebar-role-tag{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:99px;color:#ffffffa6;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 7px;white-space:nowrap}.sidebar-role-tag--sales{background:#d9770640;border-color:#d9770659;color:#fbbf24}.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:248px;min-height:100vh;min-width:0;overflow-x:hidden;position:relative;transition:margin-left var(--dur-base) var(--ease-out-quart)}.dashboard-layout.sidebar-collapsed .main-content{margin-left:68px}.top-header{background:var(--bg-secondary);border-bottom:1px solid var(--hairline-strong);border-radius:0;margin:0;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-panel{align-items:center;display:flex;gap:14px;justify-content:space-between}.header-eyebrow{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.header-context,.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.header-date-chip{font-feature-settings:"tnum";align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:var(--font-medium);padding:4px 10px}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-1);margin-top:0}.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:2px}.top-header .greeting{color:var(--text-primary);font-size:16px;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);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:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:8px;padding:0}.notification-permission-banner{align-items:center;background:var(--warning-50);border:1px solid var(--hairline-strong);border-left:3px solid var(--warning-500);border-radius:var(--radius-surface);display:flex;gap:12px;margin:16px 24px 0;padding:12px 14px}.notification-permission-banner__icon{align-items:center;background:var(--warning-100);border-radius:var(--radius-control);color:var(--warning-700);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-permission-banner__content{flex:1 1;min-width:0}.notification-permission-banner__content strong{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 1px}.notification-permission-banner__content p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.notification-permission-banner__actions{align-items:center;display:flex;gap:8px}.notification-permission-banner__dismiss,.notification-permission-banner__primary{border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.notification-permission-banner__primary{background:var(--warning-600);border-radius:var(--radius-control);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:6px 12px;white-space:nowrap}.notification-permission-banner__primary:hover{background:var(--warning-700)}.notification-permission-banner__dismiss{align-items:center;background:#0000;border-radius:var(--radius-control);color:var(--text-secondary);display:inline-flex;height:28px;justify-content:center;width:28px}.notification-permission-banner__dismiss:hover{background:#0f172a0f;color:var(--text-primary)}.dashboard-content{margin:0 auto;max-width:1480px;padding:28px 24px 40px}.dashboard-content.elegant-content{animation:contentEnter .25s ease-out;padding:28px 24px 40px}.dashboard-content.elegant-content>:is(.admin-dashboard,.al-list-wrap,.attendance-dashboard,.celebrations-container,.chat-page,.company-settings,.feedback-page,.feed-page,.holiday-management,.hl-page,.inv-page,.leads-dashboard,.lbh-page,.leave-calendar,.leave-stats,.management-container,.ml-page,.my-projects,.oh-page,.org-page,.organization-hierarchy,.pending-leaves,.plv-page,.profile-page,.project-detail,.projects-dashboard,.roles-page,.salary-management,.shift-management,.ss-page,.tdv-page,.tlbh-page,.todo-container,.user-management){padding-top:0!important}.dashboard-content.elegant-content>:is(.admin-dashboard,.al-list-wrap,.attendance-dashboard,.celebrations-container,.chat-page,.company-settings,.feedback-page,.feed-page,.holiday-management,.hl-page,.inv-page,.leads-dashboard,.lbh-page,.leave-calendar,.leave-stats,.management-container,.ml-page,.my-projects,.oh-page,.org-page,.organization-hierarchy,.pending-leaves,.plv-page,.profile-page,.project-detail,.projects-dashboard,.roles-page,.salary-management,.shift-management,.ss-page,.tdv-page,.tlbh-page,.todo-container,.user-management)>:first-child{margin-top:0!important}.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%}.notification-permission-banner{align-items:flex-start;flex-wrap:wrap;margin:12px 16px 0}.notification-permission-banner__actions{justify-content:flex-end;width:100%}.dashboard-content.elegant-content{padding:22px 18px 28px}.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:20px 14px 24px}.notification-permission-banner{margin:12px 14px 0 64px;padding:12px 14px}.notification-permission-banner__content strong{font-size:13px}.notification-permission-banner__content p{font-size:12px}.notification-permission-banner__actions{justify-content:space-between}.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{font-feature-settings:var(--feature-numeric);background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden;padding:var(--space-5);position:relative;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.dashboard-widgets .widget:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.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:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:8px 14px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.quick-action-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.quick-action-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--shadow-e1),var(--ring-soft);outline:none}.quick-action-btn:active:not(:disabled){background:var(--elev-2)}.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:var(--elev-0);flex-direction:row;gap:var(--space-4);min-height:108px;overflow:hidden;padding:18px 20px!important}.kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.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;gap:0;min-width:0}.kpi-label{font-size:11px;letter-spacing:.7px;margin-bottom:4px;text-transform:uppercase}.kpi-value{font-feature-settings:"tnum";font-size:42px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:5px}.kpi-sub{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.3}.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{font-feature-settings:"tnum";color:var(--success-600);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.salary-period{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:1024px){.kpi-cards{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:36px}.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{grid-template-columns:1fr}.kpi-cards{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:32px}.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{font-feature-settings:var(--feature-numeric);background:var(--elev-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.01em;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(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:6px;padding:12px 14px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.project-mini-card:hover{background:var(--elev-2);border-color:var(--hairline-contrast)}.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-row{align-items:center;display:flex;gap:6px;margin-bottom:2px}.project-mini-code{background:#d1fae5;border-radius:4px;color:#047857;flex-shrink:0;font-family:monospace;font-size:10px;font-weight:600;letter-spacing:.03em;padding:1px 6px;white-space:nowrap}.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(--hairline-contrast);border-radius:var(--radius-full);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 solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:4px;justify-content:center;margin-top:var(--space-3);padding:8px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:100%}.widget-view-all:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-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(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;gap:10px;justify-content:space-between;padding:10px 12px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.task-list-item:hover{background:var(--elev-2);border-color:var(--hairline-contrast)}.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{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:5px}.task-item-code{background:#e0e7ff;border-radius:4px;color:#4f46e5;flex-shrink:0;font-family:monospace;font-size:10px;font-weight:600;letter-spacing:.03em;padding:1px 5px}.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:24px;padding:24px}.bar-chart-section h3{font-size:var(--text-lg);margin-bottom:20px}.bar-chart{gap:16px}.bar-chart-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.bar-chart-track{background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;height:22px}.bar-chart-fill{border-radius:999px;box-shadow:inset 0 1px 0 #ffffff26}.bar-chart-fill.accent{background:var(--primary)}.bar-chart-value{font-size:var(--text-xs)}@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(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:20px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.bar-chart-section:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.bar-chart-section h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin-bottom:16px}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-chart-item{align-items:center;display:flex;gap:12px}.bar-chart-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);min-width:120px;text-align:right;text-transform:uppercase}.bar-chart-track{background:var(--hairline-strong);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0000000d;flex:1 1;height:20px;overflow:hidden;position:relative}.bar-chart-fill{align-items:center;border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff1f;display:flex;height:100%;min-width:-webkit-fit-content;min-width:fit-content;padding-left:8px;transition:width .6s var(--ease-out-quart)}.bar-chart-fill,.bar-chart-fill.primary{background:var(--primary)}.bar-chart-fill.accent{background:var(--accent-500)}.bar-chart-fill.info{background:var(--info-500)}.bar-chart-fill.success{background:var(--success-500)}.bar-chart-fill.warning{background:var(--warning-500)}.bar-chart-fill.danger{background:var(--danger-500)}.bar-chart-value{font-feature-settings:"tnum";color:var(--text-inverse);font-size:10px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);white-space:nowrap}.bar-chart-count{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:40px;text-align:left}@media (max-width:768px){.bar-chart-label{min-width:80px}.bar-chart-track{height:18px}}.sm-priority-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.sm-priority-card{grid-gap:var(--space-3);align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);color:inherit;cursor:pointer;display:grid;font-family:inherit;gap:var(--space-3);grid-template-columns:38px minmax(0,1fr) auto;padding:var(--space-4);text-align:left;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.sm-priority-card:hover{background:var(--elev-1);border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.sm-priority-card:focus-visible{border-color:var(--ring-color);box-shadow:var(--shadow-e1),var(--ring-soft);outline:none}.sm-priority-icon{align-items:center;background:var(--info-100);border-radius:var(--radius-control);color:var(--info-700);display:inline-flex;height:38px;justify-content:center;width:38px}.sm-priority-card--warning .sm-priority-icon{background:var(--warning-100);color:var(--warning-700)}.sm-priority-card--info .sm-priority-icon{background:var(--info-100);color:var(--info-700)}.sm-priority-card--accent .sm-priority-icon{background:var(--accent-100);color:var(--accent-700)}.sm-priority-card--success .sm-priority-icon{background:var(--success-100);color:var(--success-700)}.sm-priority-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.sm-priority-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.sm-priority-sub{color:var(--text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-priority-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:var(--tracking-tight);line-height:1}.sm-link-btn{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:6px 10px}.sm-link-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.sm-portfolio-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-4)}.sm-portfolio-stat{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:3px;padding:var(--space-3)}.sm-portfolio-stat span{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sm-portfolio-stat small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.sm-project-list{display:flex;flex-direction:column;gap:var(--space-2)}.sm-project-row{grid-gap:var(--space-3);align-items:center;background:var(--elev-0);border:1px solid var(--hairline);border-radius:var(--radius-control);color:inherit;cursor:pointer;display:grid;font-family:inherit;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 132px auto;padding:var(--space-3);text-align:left;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.sm-project-row:hover{background:var(--elev-1);border-color:var(--hairline-strong)}.sm-project-main,.sm-project-progress{display:flex;flex-direction:column;gap:4px;min-width:0}.sm-project-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.sm-project-meta,.sm-project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-project-meta,.sm-project-progress{color:var(--text-muted);font-size:var(--text-xs)}.sm-project-progress{font-weight:var(--font-semibold)}.sm-progress-track{background:var(--elev-2);border-radius:var(--radius-full);height:6px;overflow:hidden}.sm-progress-track span{background:var(--primary-gradient);border-radius:inherit;display:block;height:100%}.sm-review-pill{background:var(--warning-100);border-radius:var(--radius-control);color:var(--warning-700);font-size:11px;font-weight:var(--font-semibold);padding:4px 8px;white-space:nowrap}.sm-snapshot-item{justify-content:space-between}.sm-snapshot-item strong{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:800}.sm-section-note{color:var(--text-muted);font-size:var(--text-sm);margin:-6px 0 var(--space-4)}.sm-team-list{display:flex;flex-direction:column;gap:var(--space-2)}.sm-team-row{grid-gap:var(--space-4);align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-left:3px solid var(--hairline-contrast);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);display:grid;gap:var(--space-4);grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr) auto;padding:var(--space-4)}.sm-team-row.team-blue{border-left-color:var(--info-500)}.sm-team-row.team-slate{border-left-color:var(--text-secondary)}.sm-team-row.team-sky{border-left-color:var(--primary)}.sm-team-row.team-purple{border-left-color:var(--accent-500)}.sm-team-row.team-pink{border-left-color:var(--danger-400)}.sm-team-name{align-items:center;display:flex;gap:var(--space-3);min-width:0}.sm-team-dot{background:var(--hairline-contrast);border-radius:var(--radius-full);flex-shrink:0;height:10px;width:10px}.sm-team-row.team-blue .sm-team-dot{background:var(--info-500)}.sm-team-row.team-slate .sm-team-dot{background:var(--text-secondary)}.sm-team-row.team-sky .sm-team-dot{background:var(--primary)}.sm-team-row.team-purple .sm-team-dot{background:var(--accent-500)}.sm-team-row.team-pink .sm-team-dot{background:var(--danger-400)}.sm-team-name strong{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-team-name small{color:var(--text-muted);display:block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:2px}.sm-team-metrics{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.sm-team-metric{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);min-width:0;padding:var(--space-3)}.sm-team-metric span{font-feature-settings:"tnum";color:var(--text-primary);display:block;font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sm-team-metric small{color:var(--text-muted);display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.sm-team-metric small,.sm-team-status{font-size:11px;font-weight:var(--font-semibold);white-space:nowrap}.sm-team-status{border-radius:var(--radius-control);justify-self:end;padding:5px 9px}.sm-team-status.clear{background:var(--success-100);border:1px solid var(--success-100);color:var(--success-700)}.sm-team-status.needs-review{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.sm-team-status.watch{background:var(--warning-50);border:1px solid var(--warning-100);color:var(--warning-700)}.sm-team-exceptions{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.sm-exception-pill{font-feature-settings:"tnum";align-items:center;background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:5px 10px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.sm-exception-pill .sm-exception-value{font-size:var(--text-xs);font-weight:var(--font-bold)}.sm-exception-pill .sm-exception-label{font-weight:var(--font-medium);opacity:.85}.sm-exception-pill--zero{opacity:.55}.sm-exception-pill--zero .sm-exception-value{color:var(--text-muted)}.sm-exception-pill--danger{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.sm-exception-pill--warning{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.sm-exception-pill--info{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.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{font-feature-settings:var(--feature-numeric);background:var(--elev-0);border:1px solid var(--hairline-strong);border-left:3px solid var(--hairline-contrast);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:var(--space-5);transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.team-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.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(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;flex:1 1;flex-direction:column;padding:var(--space-3)}.team-stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.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){.sm-portfolio-grid,.sm-priority-grid,.sm-project-row,.sm-team-row{grid-template-columns:1fr}.sm-team-row{gap:var(--space-3)}.sm-team-metrics{grid-template-columns:1fr}.sm-team-status{justify-self:start}.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)}}.project-list-row--new>td:first-child{box-shadow:inset 3px 0 0 0 #10b981;position:relative}.project-list-row--new{background:linear-gradient(90deg,#d1fae559,#d1fae514 60%,#0000)}.project-card--new{border-color:#10b98173!important;box-shadow:0 0 0 1px #10b98126,0 6px 20px -10px #10b98173!important}.project-card--new:before{background:linear-gradient(90deg,#10b981,#34d399);border-radius:var(--radius-surface) var(--radius-surface) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.task-item--new{background:linear-gradient(90deg,#d1fae566,#d1fae51a 60%,#0000);box-shadow:inset 3px 0 0 0 #10b981;position:relative}.project-title-row-with-badge{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.project-title-row-with-badge .project-title{flex:1 1;margin:0;min-width:0}.modal-container{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:560px;overflow:hidden;transform:translateZ(0);width:100%}.modal-container.daily-timesheet-form{max-width:640px}.modal-container.propose-task-modal,.modal-container.task-form-modal{border-radius:16px;box-shadow:0 24px 60px -20px #0f172a47,0 8px 24px -12px #0f172a29;max-width:640px}.modal-container.propose-task-modal .modal-header,.modal-container.task-form-modal .modal-header{border-bottom:none;padding:20px 24px 8px}.modal-container.propose-task-modal .modal-body,.modal-container.task-form-modal .modal-body{padding:8px 24px 20px}.modal-container.propose-task-modal .modal-footer,.modal-container.task-form-modal .modal-footer{border-top:none;padding:12px 24px 20px}.modal-container>form{display:flex;flex:1 1;flex-direction:column;min-height:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container .modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--hairline);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.modal-container .modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.modal-close:hover{background:var(--elev-2);color:var(--text-primary)}.modal-container .modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-container .modal-footer{background:var(--bg-secondary);border-top:1px solid var(--hairline);display:flex;flex-shrink:0;gap:var(--space-2);justify-content:flex-end;padding:14px 20px}.form-input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.form-input:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.form-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.form-input[type=date]{appearance:auto;-webkit-appearance:auto;min-height:38px}.form-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);margin-bottom:6px}.required-star{color:#ef4444;color:var(--danger-500,#ef4444);margin-left:2px}.today-hours-panel{background:#f9fafb;background:var(--elev-1,var(--bg-tertiary,#f9fafb));border:1px solid var(--hairline);border-radius:var(--radius-control);margin-top:4px;padding:12px 14px}.today-hours-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.today-hours-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;margin:0}.today-hours-toggle input[type=checkbox]{accent-color:var(--ring-color);cursor:pointer;height:16px;width:16px}.today-hours-hint{color:var(--text-muted);font-size:var(--text-xs)}.today-hours-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 140px;margin-top:12px}.today-hours-fields .form-group{margin-bottom:0}@media (max-width:520px){.today-hours-fields{grid-template-columns:1fr}}.projects-dashboard{margin:0 auto;max-width:1480px;padding:24px}.projects-dashboard .projects-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.projects-dashboard .projects-header h1{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.projects-dashboard .projects-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{flex-direction:column;gap:8px;padding:16px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.stat-card .stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-card .stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.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:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);cursor:pointer;padding:20px;position:relative;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.project-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.project-card .project-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.project-title-stack{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.project-card .project-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;min-width:0}.project-review-pill{align-items:center;background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);max-width:100%;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-card .project-client{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:12px}.project-card .project-manager{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:8px;margin-bottom:16px}.project-card .project-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.project-card .project-meta .meta-item{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;gap:6px}.project-card .project-meta .meta-item svg{height:14px;width:14px}.project-card .project-progress{margin-bottom:12px}.project-card .progress-label{font-feature-settings:"tnum";color:var(--text-muted);display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:6px}.progress-bar{background:var(--hairline-strong);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 var(--ease-out-quart)}.progress-bar-fill.warning{background:var(--warning-500)}.project-card .project-hours{font-feature-settings:"tnum";border-top:1px solid var(--hairline);color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);justify-content:space-between;padding-top:12px}.status-badge.planning{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.status-badge.active{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.status-badge.on_hold{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.status-badge.completed{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary-700)}.status-badge.cancelled{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.status-badge.pending{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.status-badge.in_progress{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.status-badge.blocked{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.status-badge.deleted{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.priority-badge{border:1px solid #0000;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.priority-badge.low{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.priority-badge.medium{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.priority-badge.high{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.priority-badge.urgent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.project-detail{margin:0 auto;max-width:1400px;padding:14px 18px 18px}.project-detail .project-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.project-detail .header-left{grid-column-gap:10px;grid-row-gap:3px;align-items:center;column-gap:10px;display:grid;flex:1 1;grid-template-columns:auto minmax(0,1fr);min-width:280px;row-gap:3px}.project-detail .back-btn{grid-row:1/span 2;margin:0}.project-detail .header-left h1{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:8px}.project-detail .project-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.project-detail .project-title-row h1{margin-bottom:0}.project-detail .project-title-icon{align-items:center;background:linear-gradient(180deg,#ecfdf5fa,#d1fae5e6);border:1px solid #a7f3d0eb;border-radius:12px;color:var(--primary-600);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.project-detail .project-code-badge{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:var(--primary-700);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;white-space:nowrap}.project-detail .project-client-label{color:var(--text-secondary);font-size:var(--text-sm);grid-column:2;margin:0}.project-detail .project-switcher{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-column:2;grid-template-columns:auto minmax(180px,320px);margin-top:4px;max-width:440px}.project-detail .project-switcher-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.project-detail .project-switcher-combo{position:relative;width:100%}.project-detail .project-switcher-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;justify-content:space-between;min-height:34px;padding:0 12px;text-align:left;width:100%}.project-detail .project-switcher-trigger:hover{border-color:var(--ring-color)}.project-detail .project-switcher-combo.open .project-switcher-trigger{border-color:var(--ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring-color) 18%,#0000)}.project-detail .project-switcher-trigger-placeholder,.project-detail .project-switcher-trigger-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail .project-switcher-trigger-placeholder{color:var(--text-muted);font-weight:var(--font-normal)}.project-detail .project-switcher-menu{background:#fff;background:var(--bg-primary,#fff);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:0 10px 25px #0000001f;box-shadow:var(--shadow-e3,0 10px 25px #0000001f);display:flex;flex-direction:column;left:0;max-height:340px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.project-detail .project-switcher-search{align-items:center;border-bottom:1px solid var(--hairline);color:var(--text-muted);display:flex;gap:8px;padding:8px 10px}.project-detail .project-switcher-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font:inherit;min-width:0;outline:none}.project-detail .project-switcher-clear{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:2px}.project-detail .project-switcher-clear:hover{color:var(--text-primary)}.project-detail .project-switcher-options{list-style:none;margin:0;overflow-y:auto;padding:4px}.project-detail .project-switcher-empty{color:var(--text-muted);font-size:var(--text-sm);padding:14px;text-align:center}.project-detail .project-switcher-option{background:#0000;border:none;border-radius:calc(var(--radius-control) - 2px);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;padding:8px 10px;text-align:left;width:100%}.project-detail .project-switcher-option:focus-visible,.project-detail .project-switcher-option:hover{background:color-mix(in srgb,var(--ring-color) 10%,#0000);outline:none}.project-detail .project-switcher-option.active{background:color-mix(in srgb,var(--ring-color) 16%,#0000);font-weight:var(--font-semibold)}.project-detail .project-switcher-option-title{font-size:var(--text-sm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail .project-switcher-option-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:8px}.project-detail .project-switcher-option-meta .code{color:var(--text-muted);color:var(--text-secondary,var(--text-muted));font-weight:var(--font-semibold)}.project-detail .header-actions{display:flex;flex-wrap:wrap;gap:8px}.project-info-bar{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:8px;box-shadow:var(--shadow-e1);display:flex;flex-wrap:wrap;gap:14px 20px;margin-bottom:12px;padding:10px 14px}.info-item{align-items:center;display:flex;flex-direction:row;gap:6px}.info-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.info-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.detail-tabs{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;gap:2px;margin-bottom:10px;padding:3px;width:-webkit-fit-content;width:fit-content}.tab-btn{border:none;border-radius:calc(var(--radius-control) - 2px);padding:5px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.tab-btn.active{color:var(--text-primary)}.project-workflow-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:8px;box-shadow:var(--shadow-e1);padding:20px}.workflow-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.workflow-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 4px}.workflow-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.workflow-summary{background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;color:#0f766e;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:6px 10px}.workflow-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:14px;padding:10px 12px}.workflow-diagram{align-items:stretch;display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px}.workflow-stage-card{background:#fff;border:1px solid var(--hairline-strong);border-radius:8px;border-top:4px solid #0891b2;display:flex;flex-direction:column;gap:12px;min-width:220px;padding:12px;width:220px}.workflow-stage-index{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.workflow-stage-body{flex:1 1;min-width:0}.workflow-stage-body h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 8px;word-break:break-word}.workflow-stage-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.workflow-stage-meta span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:10px;font-weight:var(--font-semibold);padding:2px 7px;text-transform:capitalize}.workflow-stage-count{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.workflow-connector{align-items:center;color:#64748b;display:flex;justify-content:center;min-width:24px}.workflow-stage-actions{align-items:center;border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.workflow-icon-btn,.workflow-text-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;min-height:28px}.workflow-icon-btn{padding:0;width:28px}.workflow-text-btn{padding:0 9px}.workflow-icon-btn:hover:not(:disabled),.workflow-text-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.workflow-icon-btn:disabled,.workflow-text-btn:disabled{cursor:not-allowed;opacity:.45}.workflow-icon-btn.danger{border-color:#fecaca;color:#b91c1c}.workflow-text-btn.muted{color:#64748b}.workflow-stage-edit{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 42px}.workflow-color-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:36px;padding:3px;width:42px}.workflow-add-stage{grid-gap:12px;align-items:end;border-top:1px solid var(--hairline);display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) 74px auto;margin-top:18px;padding-top:16px}.tasks-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.tasks-section-header{align-items:center;background:var(--elev-1);border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;padding:10px 12px}.tasks-section-header h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.tasks-list{list-style:none;margin:0;padding:0}.task-item{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:16px;padding:16px 20px;transition:background var(--dur-fast) var(--ease-out-quart)}.task-item:last-child{border-bottom:none}.task-item:hover{background:var(--elev-1)}.task-item .task-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.task-item .task-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item .task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.task-item .task-assignee,.task-item .task-due{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;gap:6px}.overdue-date,.task-item .task-overdue{color:var(--danger-600);font-weight:var(--font-medium)}.meta-overdue{color:var(--danger-600)!important}.meta-overdue,.task-hours{font-weight:var(--font-medium)}.task-hours{font-feature-settings:"tnum";color:var(--primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.task-actions{display:flex;gap:8px;opacity:1;transition:opacity var(--dur-fast) var(--ease-out-quart)}.task-item:hover .task-actions{opacity:1}.timesheet-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-top:20px;overflow:hidden}.timesheet-section .timesheet-header{align-items:center;background:var(--elev-1);border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.timesheet-section .timesheet-header h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.timesheet-grid-wrapper{overflow-x:auto}.timesheet-grid{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);min-width:600px;width:100%}.timesheet-grid th{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;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(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px 14px;text-align:center;vertical-align:middle}.timesheet-grid td:first-child{color:var(--text-secondary);font-weight:var(--font-medium);text-align:left}.timesheet-grid td.has-hours{cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart)}.hours-cell,.timesheet-grid td.has-hours:hover{background:var(--elev-1)}.hours-cell{border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-primary);display:inline-block;font-weight:var(--font-medium);padding:2px 10px}.empty-cell{color:var(--text-muted)}.timesheet-grid tfoot td{background:var(--elev-1);border-top:2px solid var(--hairline-strong);color:var(--text-primary);font-weight:var(--font-semibold)}.my-projects{margin:0 auto;max-width:1200px;padding:24px}.my-projects .my-projects-header{margin-bottom:24px}.my-projects .my-projects-header>.page-hd{margin-bottom:0}.project-task-group{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:20px;overflow:hidden}.ptg-header{align-items:center;background:var(--elev-1);border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background var(--dur-fast) var(--ease-out-quart)}.ptg-header:hover{background:var(--elev-2)}.ptg-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.timesheet-tasks-list{padding:8px 0}.timesheet-task-row{border-bottom:1px solid var(--hairline);padding:12px 0}.timesheet-task-row:last-child{border-bottom:none}.timesheet-task-row.enabled{background:var(--primary-50);border-radius:var(--radius-control);padding:12px}.timesheet-task-header{margin-bottom:0}.timesheet-task-check{align-items:center;cursor:pointer;display:flex;font-size:var(--text-sm);gap:12px}.timesheet-task-check input[type=checkbox]{accent-color:var(--primary);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:12px}.month-navigator{align-items:center;display:flex;gap:12px}.month-navigator .month-label{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);min-width:120px;text-align:center}.nav-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px 8px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.nav-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.cell-tooltip{position:relative}.cell-tooltip .tooltip-content{background:var(--text-primary);border-radius:var(--radius-control);bottom:calc(100% + 8px);box-shadow:var(--shadow-e3);color:var(--text-inverse);display:none;font-size:var(--text-xs);left:50%;min-width:220px;padding:10px;position:absolute;transform:translateX(-50%);z-index:999}.cell-tooltip .tooltip-entry{border-bottom:1px solid #ffffff1a;padding:4px 0}.cell-tooltip .tooltip-entry:last-child{border-bottom:none}.cell-tooltip:hover .tooltip-content{animation:modalOverlayIn var(--dur-fast) var(--ease-out-quart);display:block}.export-actions{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.my-projects,.project-detail,.projects-dashboard{padding:16px}.projects-grid{grid-template-columns:1fr!important}.project-detail-header{flex-direction:column}.project-detail .header-actions{justify-content:flex-start;width:100%}.project-detail .project-switcher{grid-template-columns:1fr;max-width:none}.projects-filter-bar{flex-wrap:wrap}.projects-list-table{font-size:12px}.col-due,.col-members{display:none}.workflow-header{flex-direction:column}.workflow-summary{box-sizing:border-box;width:100%}.workflow-stage-card{min-width:200px;width:200px}.workflow-add-stage{grid-template-columns:1fr}}.projects-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.projects-count-badge{font-feature-settings:"tnum";background:var(--elev-1);border-radius:999px;color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);margin-left:10px;padding:2px 8px;vertical-align:middle}.projects-count-badge,.view-toggle{border:1px solid var(--hairline-strong)}.view-toggle{background:var(--bg-secondary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;gap:2px;overflow:hidden;padding:2px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-control) - 2px);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.view-toggle-btn:hover:not(.active){background:var(--elev-1);color:var(--text-primary)}.view-toggle-btn.active{background:var(--elev-2);box-shadow:var(--shadow-e1);color:var(--text-primary);font-weight:var(--font-medium)}.projects-filter-bar{border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 16px}.filter-search,.projects-filter-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);display:flex}.filter-search{border-radius:var(--radius-control);color:var(--text-muted);flex:1 1;gap:8px;max-width:340px;min-width:200px;padding:0 12px;position:relative;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.filter-search:hover:not(:focus-within){border-color:var(--hairline-contrast)}.filter-search:focus-within{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.filter-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);outline:none;padding:8px 0}.filter-clear-btn,.filter-search input::placeholder{color:var(--text-muted)}.filter-clear-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.filter-clear-btn:hover{background:var(--elev-1);color:var(--text-primary)}.projects-filter-bar select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.projects-filter-bar select:hover:not(:focus){border-color:var(--hairline-contrast)}.projects-filter-bar select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.filter-reset-btn{align-items:center;background:#0000;border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;letter-spacing:var(--tracking-wide);padding:8px 12px;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.filter-reset-btn:hover{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-600)}.stat-card.stat-active{border-color:var(--primary);box-shadow:var(--shadow-e1),var(--ring-soft)}.projects-list-wrapper{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.projects-list-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.projects-list-table thead tr{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong)}.projects-list-table thead th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 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;transition:color var(--dur-fast) var(--ease-out-quart)}.projects-list-table thead th.sortable:hover{color:var(--text-primary)}.projects-list-table thead th svg{display:inline;margin-left:4px;vertical-align:middle}.project-list-row{border-bottom:1px solid var(--hairline);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart)}.project-list-row:last-child{border-bottom:none}.project-list-row:hover{background:var(--elev-1)}.project-list-row td{color:var(--text-primary);padding:12px 14px;vertical-align:middle}.col-action{color:var(--text-muted);text-align:center;width:40px}.col-priority,.col-status{width:110px}.col-members{width:120px}.col-due{color:var(--text-secondary);width:130px}.col-progress{width:150px}.col-hours{width:120px}.row-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.row-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.row-client{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.row-members{align-items:center;display:flex;gap:4px}.member-avatar-sm{align-items:center;background:var(--primary);border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:var(--font-semibold);height:28px;justify-content:center;width:28px}.member-avatar-sm.more{background:var(--elev-1);border:1px solid var(--hairline-strong);box-shadow:none;color:var(--text-secondary)}.row-progress-wrap{align-items:center;display:flex;gap:8px}.row-progress-bar{background:var(--hairline-strong);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.row-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s var(--ease-out-quart)}.row-progress-label{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:32px;text-align:right}.row-tasks-label{color:var(--text-muted);font-size:10px;margin-top:2px}.row-hours-bill{font-feature-settings:"tnum";color:var(--primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.row-hours-nonbill{font-feature-settings:"tnum";color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;margin-top:2px}.text-muted-sm{color:var(--text-muted);font-size:var(--text-xs)}.export-dropdown-wrapper{position:relative}.export-dropdown-panel{animation:modalContentIn var(--dur-fast) var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:12px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:200}.export-panel-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.export-panel-desc{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);margin:0}.export-dropdown-panel label{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.export-dropdown-panel input[type=date]{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.export-dropdown-panel input[type=date]:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.export-panel-actions{border-top:1px solid var(--hairline);display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.btn-sm{font-size:var(--text-xs)!important;padding:6px 12px!important}@keyframes new-badge-pulse{0%,to{box-shadow:0 0 0 0 #10b98173}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes new-badge-shimmer{0%{background-position:-120% 0}to{background-position:220% 0}}.new-badge{align-items:center;animation:new-badge-shimmer 2.6s ease-in-out infinite,new-badge-pulse 2.2s ease-in-out infinite;background:linear-gradient(100deg,#d1fae5f2,#a7f3d0f2 35%,#ffffffa6 50%,#a7f3d0f2 65%,#d1fae5f2);background-size:220% 100%;border:1px solid #10b98159;border-radius:999px;color:#047857;display:inline-flex;flex-shrink:0;font-size:9.5px;font-weight:700;gap:4px;letter-spacing:.06em;padding:2px 8px 2px 6px;position:relative;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.new-badge svg{color:#10b981;flex-shrink:0}.new-badge__label{line-height:1}.new-badge--dot{animation:new-badge-pulse 2s ease-in-out infinite;background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #10b98166;display:inline-block;flex-shrink:0;height:8px;vertical-align:middle;width:8px}@media (prefers-reduced-motion:reduce){.new-badge,.new-badge--dot{animation:none}}@keyframes new-items-banner-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.new-items-banner{align-items:center;animation:new-items-banner-enter .32s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(100deg,#ecfdf5fa,#d1fae5eb);border:1px solid #10b98147;border-radius:12px;box-shadow:0 1px 0 #10b9810f,0 6px 18px -10px #10b98159;display:flex;gap:12px;margin-bottom:16px;padding:10px 14px}.new-items-banner__icon{align-items:center;background:#ffffffd9;border:1px solid #10b98159;border-radius:9px;color:#059669;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.new-items-banner__copy{align-items:baseline;color:#064e3b;display:flex;flex:1 1;flex-wrap:wrap;font-size:13px;gap:8px;line-height:1.3;min-width:0}.new-items-banner__copy strong{font-weight:700;letter-spacing:-.01em}.new-items-banner__meta{color:#047857;font-size:12px;font-weight:500;opacity:.85}.new-items-banner__actions{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.new-items-banner__btn{align-items:center;background:#ffffffeb;border:1px solid #10b98166;border-radius:8px;color:#047857;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.01em;padding:6px 12px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.new-items-banner__btn:hover{background:#fff;border-color:#10b981;transform:translateY(-1px)}.new-items-banner__btn:active{transform:translateY(0)}.new-items-banner__close{align-items:center;background:#0000;border:1px solid #0000;border-radius:7px;color:#047857;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .18s ease,border-color .18s ease;width:26px}.new-items-banner__close:hover{background:#ffffffd9;border-color:#10b9814d}@media (prefers-reduced-motion:reduce){.new-items-banner{animation:none}}@media (max-width:640px){.new-items-banner{flex-wrap:wrap}.new-items-banner__btn span{display:none}}.tdv-page{padding:24px}@keyframes tdv-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.tdv-skel-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.tdv-skel-kpi{animation:tdv-shimmer 1.4s linear infinite;background:var(--elev-1);height:96px}.tdv-skel-kpi,.tdv-skel-section{border-radius:var(--radius-surface)}.tdv-skel-section{border:1px solid var(--hairline-strong);margin-bottom:16px;overflow:hidden}.tdv-skel-section-header{background:var(--elev-1);height:48px}.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(--hairline);height:56px}.tdv-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.tdv-page-header>.page-hd{margin-bottom:0}.tdv-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.tdv-control-group{display:flex;flex-direction:column;gap:6px}.tdv-control-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tdv-input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.tdv-input:hover:not(:focus){border-color:var(--hairline-contrast)}.tdv-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.tdv-refresh-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;box-sizing:border-box;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;height:36px;letter-spacing:var(--tracking-tight);padding:8px 14px;transition:background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tdv-refresh-btn:hover:not(:disabled){background:var(--primary-hover)}.tdv-refresh-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.tdv-refresh-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}@keyframes tdv-spin{to{transform:rotate(1turn)}}.tdv-spin{animation:tdv-spin .7s linear infinite}.tdv-error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);color:var(--danger-700);font-weight:var(--font-medium);margin-bottom:16px;padding:10px 14px}.tdv-empty,.tdv-error{font-size:var(--text-sm)}.tdv-empty{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);padding:48px 24px;text-align:center}.tdv-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.tdv-kpi{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);border-top:3px solid #0000;box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.tdv-kpi:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.tdv-kpi-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.tdv-kpi-icon{align-items:center;border-radius:var(--radius-control);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.tdv-kpi-lbl{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tdv-kpi-val{font-feature-settings:"tnum";font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.tdv-kpi-val small{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:0;margin-left:2px;opacity:.7}.tdv-kpi-sub{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.tdv-kpi--present{border-top-color:var(--success-500)}.tdv-kpi--present .tdv-kpi-icon{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-600)}.tdv-kpi--present .tdv-kpi-val{color:var(--success-700)}.tdv-kpi--leave{border-top-color:var(--warning-500)}.tdv-kpi--leave .tdv-kpi-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7)}.tdv-kpi--leave .tdv-kpi-icon,.tdv-kpi--leave .tdv-kpi-val{color:#b45309;color:var(--warning-700,#b45309)}.tdv-kpi--notloggedin{border-top-color:var(--secondary-400)}.tdv-kpi--notloggedin .tdv-kpi-icon{background:var(--elev-1);border:1px solid var(--hairline-strong);color:var(--text-secondary)}.tdv-kpi--notloggedin .tdv-kpi-val{color:var(--text-secondary)}.tdv-kpi--absent{border-top-color:var(--danger-500)}.tdv-kpi--absent .tdv-kpi-icon{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-600)}.tdv-kpi--absent .tdv-kpi-val{color:var(--danger-700)}.tdv-kpi--hours-split{border-top-color:var(--primary)}.tdv-kpi--hours-split .tdv-kpi-icon{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);color:var(--primary-600)}.tdv-hours-split{align-items:stretch;display:flex;gap:0;margin-top:8px}.tdv-hours-half{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:4px 6px}.tdv-hours-divider{align-self:stretch;background:var(--hairline);margin:2px 6px;width:1px}.tdv-hours-val{font-feature-settings:"tnum";font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.tdv-hours-val small{font-size:var(--text-xs);font-weight:var(--font-semibold);opacity:.7}.tdv-hours-half--bill .tdv-hours-val{color:var(--accent-700)}.tdv-hours-half--nonbill .tdv-hours-val{color:var(--text-secondary)}.tdv-hours-tag{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tdv-teams{display:flex;flex-direction:column;gap:16px}.tdv-team-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.tdv-team-header{align-items:center;background:var(--elev-1);border:none;border-bottom:1px solid var(--hairline);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:10px;letter-spacing:var(--tracking-tight);padding:12px 16px;text-align:left;transition:background var(--dur-fast) var(--ease-out-quart);width:100%}.tdv-team-header:hover{background:var(--elev-2)}.tdv-team-header:focus-visible{box-shadow:inset 0 0 0 2px var(--ring-color);outline:none}.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:6px;margin-left:12px}.tdv-team-pill{border:1px solid #0000;border-radius:999px;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase;white-space:nowrap}.tdv-team-pill--present{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.tdv-team-pill--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.tdv-team-pill--notloggedin{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.tdv-team-pill--absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.tdv-member-count{font-feature-settings:"tnum";align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:4px;margin-left:auto;padding:2px 10px}.tdv-table-wrap{overflow-x:auto}.tdv-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);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(--elev-1);border-bottom:1px solid var(--hairline-strong)}.tdv-table th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);overflow:hidden;padding:10px 14px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tdv-table th:first-child{padding-left:36px}.tdv-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);overflow:hidden;padding:12px 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 var(--dur-fast) var(--ease-out-quart)}.tdv-member-row:hover{background:var(--elev-1)}.tdv-row--clickable{cursor:pointer}.tdv-row--absent td{background:var(--danger-50)}.tdv-row--absent td:first-child{box-shadow:inset 3px 0 0 var(--danger-500)}.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 #f59e0b;box-shadow:inset 3px 0 0 var(--warning-500,#f59e0b)}.tdv-row--leave:hover td{background:#fef3c7;background:var(--warning-100,#fef3c7)}.tdv-name-inner{align-items:center;display:flex;gap:8px}.tdv-name-stack{display:flex;flex-direction:column;gap:2px;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);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis}.tdv-desig,.tdv-name{font-weight:var(--font-medium);white-space:nowrap}.tdv-desig{color:var(--text-muted);font-size:var(--text-xs)}.tdv-status-cell{align-items:center;display:flex;gap:6px}.tdv-time-cell{font-feature-settings:"tnum";color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tdv-remote-tag{background:var(--info-50);border:1px solid var(--info-100);border-radius:999px;color:var(--info-700);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.tdv-col--billable{color:var(--accent-700);font-weight:var(--font-semibold)}.tdv-col--nonbillable{color:var(--text-secondary);font-weight:var(--font-medium)}.tdv-dash,.tdv-zero{color:var(--text-muted)}.tdv-zero{font-weight:var(--font-normal)}.tdv-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;white-space:nowrap}.tdv-badge--working{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.tdv-badge--break{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.tdv-badge--loggedout{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-muted)}.tdv-badge--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.tdv-badge--notloggedin{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.tdv-badge--absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.tdv-task-row td{border-bottom:1px solid var(--hairline);padding:0}.tdv-task-cell{background:var(--elev-0);border-top:1px solid var(--hairline);box-shadow:inset 0 3px 6px -3px #0000000d;padding:16px 20px 20px!important}.tdv-section-label{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:8px;text-transform:uppercase}.tdv-session-row{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}.tdv-session-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase}.tdv-session-badge--wfh{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.tdv-session-badge--office{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.tdv-active-task-row{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:flex;gap:10px;min-width:0;padding:10px 14px}.tdv-task-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.tdv-task-table thead tr{border-bottom:1px solid var(--hairline-strong)}.tdv-task-table th{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:8px 10px;text-align:left;text-transform:uppercase}.tdv-task-entry td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:10px;vertical-align:middle}.tdv-task-entry:last-child td{border-bottom:none}.tdv-task-project{color:var(--primary)!important;font-weight:var(--font-medium);white-space:nowrap}.tdv-task-hours,.tdv-task-name{color:var(--text-primary)!important}.tdv-bill-yes,.tdv-task-hours{font-weight:var(--font-medium)}.tdv-bill-yes{color:var(--primary)}.tdv-bill-no{color:var(--text-muted)}.tdv-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase}.tdv-status--inprogress{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.tdv-status--todo{background:var(--info-50);border:1px solid var(--info-100);color:var(--info-700)}.tdv-status--testing{background:var(--accent-50);border:1px solid var(--accent-100);color:var(--accent-700)}.tdv-due--today{color:#d97706;color:var(--warning-600,#d97706);font-weight:var(--font-medium)}.tdv-due--overdue{color:var(--danger-600);font-weight:var(--font-medium)}@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:16px}.tdv-kpi-grid{grid-template-columns:1fr 1fr}.tdv-kpi-val{font-size:var(--text-xl)}}.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:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;gap:0;padding:3px}.org-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.org-tab:hover{background:var(--elev-1);color:var(--text-primary)}.org-tab--active{background:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse)}.org-tab--active:hover{background:var(--primary);color:#fff}.org-btn-primary{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);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(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.org-btn-primary:hover{background:var(--primary);background:var(--primary-700,var(--primary))}.org-btn-primary:focus-visible{box-shadow:var(--ring-soft);outline:none}.org-btn-secondary{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);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(--dur-fast) var(--ease-out-quart)}.org-btn-secondary:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.org-btn-danger{align-items:center;background:#0000;border:1px solid var(--danger-100);border-radius:var(--radius-control);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(--dur-fast) var(--ease-out-quart)}.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-control);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--dur-fast) var(--ease-out-quart);width:28px}.org-btn-icon:hover{background:var(--elev-1);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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;box-shadow:var(--shadow-e1);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:999px;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(--elev-1);border:1px solid var(--hairline)}.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:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:var(--space-5);position:relative;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.dept-card:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-e2)}.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(--hairline);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 var(--danger-100);border-radius:var(--radius-control);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:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding:14px}.org-search-input,.org-select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:10px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.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(--ring-color);box-shadow:var(--ring-soft)}.teams-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.teams-table{border-collapse:collapse;width:100%}.teams-table thead tr{background:var(--elev-1);border-bottom:1px solid var(--hairline)}.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(--hairline);transition:background var(--dur-fast) var(--ease-out-quart)}.teams-table tbody tr:nth-child(2n){background:var(--elev-1)}.teams-table tbody tr:last-child{border-bottom:none}.teams-table tbody tr:hover{background:var(--primary-50)}.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:var(--bg-secondary);border:1px dashed var(--hairline-strong);border-radius:var(--radius-surface);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:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary);color:var(--primary-700,var(--primary));height:48px;width:48px}.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(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);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:var(--bg-secondary);border-bottom:1px solid var(--hairline);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-control);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--dur-fast) var(--ease-out-quart);width:32px}.org-modal__close:hover{background:var(--elev-1);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:var(--elev-1);border-top:1px solid var(--hairline);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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.org-input:focus,.org-select-field:focus,.org-textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.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(--hairline);border-radius:var(--radius-control);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(--hairline-strong);border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background var(--dur-fast) var(--ease-out-quart)}.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(--dur-fast) var(--ease-out-quart);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 var(--danger-100);border-radius:var(--radius-control);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(--hairline);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:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:1120px;overflow:hidden;transform:translateZ(0);width:100%}.modal-header{padding:16px 22px}.user-form{flex:1 1;overflow-y:auto;padding:20px 22px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:20px}.form-section{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);padding:18px}.form-section h3{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin:0 0 14px;text-transform:uppercase}.form-group textarea{min-height:88px}.form-group input:disabled{background:var(--elev-2);color:var(--text-muted);cursor:not-allowed}.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}.form-actions{margin:0 -22px -20px;padding:14px 22px}.error-message{margin:0 22px 14px}.split-fields{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.education-card{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);margin-bottom:12px;padding:14px}.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)}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.phone-input-wrap.PhoneInput{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;gap:0;overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.phone-input-wrap.PhoneInput:focus-within{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.phone-input-wrap.input-error.PhoneInput{border-color:var(--danger-500)}.phone-input-wrap.input-error.PhoneInput:focus-within{box-shadow:0 0 0 3px #ef44441f;box-shadow:0 0 0 3px var(--danger-100,#ef44441f)}.phone-input-wrap .PhoneInputCountry{align-items:center;background:var(--elev-1);border-right:1px solid var(--hairline);cursor:pointer;display:flex;flex-shrink:0;gap:6px;padding:0 10px 0 12px}.phone-input-wrap .PhoneInputCountryIcon{border-radius:3px;box-shadow:0 0 0 1px #0000000f;flex-shrink:0;height:16px;overflow:hidden;width:22px}.phone-input-wrap .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #0000001a}.phone-input-wrap .PhoneInputCountrySelect{border:none;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.phone-input-wrap .PhoneInputCountrySelectArrow{border-bottom:1.5px solid #94a3b8;border-bottom:1.5px solid var(--text-muted,#94a3b8);border-right:1.5px solid #94a3b8;border-right:1.5px solid var(--text-muted,#94a3b8);flex-shrink:0;height:6px;transform:rotate(45deg) translateY(-2px);width:6px}.phone-input-wrap .PhoneInputInput{font-feature-settings:"tnum";background:#0000;border:none;color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font-family:inherit;font-size:14px;font-size:var(--text-base,14px);font-variant-numeric:tabular-nums;line-height:1.5;min-width:0;outline:none;padding:12px 14px}.phone-input-wrap .PhoneInputInput::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.phone-input-wrap .PhoneInputInput:disabled{cursor:not-allowed}.create-lead-modal .phone-input-wrap .PhoneInputInput,.form-group .phone-input-wrap .PhoneInputInput{background:#0000;border:none;border-radius:0;box-shadow:none;padding:12px 14px;width:auto}.create-lead-modal .phone-input-wrap .PhoneInputInput:focus,.form-group .phone-input-wrap .PhoneInputInput:focus{border:none;box-shadow:none}.bulk-import-modal{max-width:680px;width:100%}.import-step{border-bottom:1px solid var(--hairline);display:flex;gap:16px;padding:18px 24px}.import-step:last-of-type{border-bottom:none}.import-step-num{font-feature-settings:"tnum";align-items:center;background:var(--primary);border-radius:999px;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);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:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:4px}.import-step-desc{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;margin-bottom:12px}.import-template-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 14px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.import-template-btn:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary);color:var(--primary-700,var(--primary))}.import-dropzone{background:var(--elev-1);border:1.5px dashed var(--hairline-strong);border-radius:var(--radius-surface);cursor:pointer;padding:24px;text-align:center;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.import-dropzone.has-file,.import-dropzone:hover{background:var(--primary-50);border-color:var(--primary)}.import-drop-hint{align-items:center;display:flex;flex-direction:column;font-size:var(--text-sm);gap:8px}.import-drop-hint,.import-drop-hint svg{color:var(--text-muted)}.import-file-info{align-items:center;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:10px;justify-content:center}.import-file-name{color:var(--text-primary)}.import-remove-file{align-items:center;background:none;border:none;border-radius:999px;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.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;flex-wrap:wrap;gap:8px;padding:14px 24px 10px}.summary-pill{font-feature-settings:"tnum";border:1px solid var(--hairline);border-radius:999px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);padding:3px 10px}.summary-pill.created{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.summary-pill.skipped{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-600);color:var(--warning-700,var(--warning-600))}.summary-pill.errored{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600);color:var(--danger-700,var(--danger-600))}.import-results-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-control);margin:0 24px 16px;max-height:260px;overflow-y:auto}.import-results-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.import-results-table th{background:var(--elev-1);border-bottom:1px solid var(--hairline);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);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(--hairline);color:var(--text-primary);padding:8px 12px;vertical-align:middle}.import-row-created td{background:var(--success-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:var(--font-medium);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{min-width:0}.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:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:8px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.add-user-btn:hover{background:var(--primary-hover)}.add-user-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.add-user-btn svg{height:18px;width:18px}.filters-section{display:flex;gap:16px;margin-bottom:12px;min-width:0}.search-box{flex:1 1;min-width:0}.search-box input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);min-width:0;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.search-box input:hover:not(:focus){border-color:var(--hairline-contrast)}.search-box input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.role-filter select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-base);min-width:160px;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.role-filter select:hover:not(:focus){border-color:var(--hairline-contrast)}.role-filter select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.users-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:12px;min-width:0}.stat-box.blue{border-left:2px solid var(--primary)}.stat-box.green{border-left:2px solid var(--success-600)}.stat-box.orange{border-left:2px solid var(--warning-600)}.stat-box.purple{border-left:2px solid #9333ea;border-left:2px solid var(--accent-700,#9333ea)}.stat-box.teal{border-left:2px solid var(--info-600)}.stat-box.red{border-left:2px solid var(--danger-600)}.users-table-container{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);max-width:100%;overflow:hidden;width:100%}.users-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);width:100%}.users-table thead{background:var(--elev-1)}.users-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px 14px;vertical-align:middle}.users-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.users-table tbody tr:hover{background:var(--elev-1)}.role-badge-group{gap:4px}.role-badge,.role-badge-group{align-items:center;display:inline-flex}.role-badge{border:1px solid #0000;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);padding:3px 8px}.role-admin{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.role-super-manager{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.role-manager{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.role-hr{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.role-sales{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-dark)}.role-employee{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.tax-regime-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.tax-regime-badge.new-regime{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.tax-regime-badge.old-regime{background:var(--warning-50);border-color: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(--elev-2);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);box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);height:32px;justify-content:center;letter-spacing:var(--tracking-wide);overflow:hidden;width:32px}.user-avatar,.user-avatar-img{border-radius:var(--radius-full)}.user-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.user-name-info{display:flex;flex-direction:column;gap:2px}.user-full-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.user-meta{color:var(--text-muted);font-size:var(--text-xs)}.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}.btn-delete,.btn-edit,.btn-key{align-items:center;background:none;border:none;border-radius:var(--radius-control);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.btn-edit{color:var(--text-secondary)}.btn-edit:hover{background:var(--primary-50);color:var(--primary)}.btn-key{color:var(--text-secondary)}.btn-key:hover{background:var(--warning-50);color:var(--warning-600)}.btn-delete{color:var(--text-secondary)}.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}.error-message,.success-message{align-items:center;gap:10px}.emp-status-wrapper{display:inline-block;position:relative}.emp-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:5px;letter-spacing:var(--tracking-tight);padding:3px 8px;white-space:nowrap}.emp-status-btn{cursor:pointer;transition:filter var(--dur-fast) var(--ease-out-quart)}.emp-status-btn:hover{filter:brightness(.97)}.status-notice{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.status-exited{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.status-absconded{background:#faf5ff;border-color:#e9d5ff;color:#7e22ce}.emp-status-dropdown{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e2);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:var(--text-sm);font-weight:var(--font-medium);justify-content:space-between;padding:8px 12px;text-align:left;transition:background var(--dur-fast) var(--ease-out-quart);width:100%}.emp-status-dropdown-item:hover{background:var(--elev-1)}.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(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;gap:2px;margin-bottom:12px;padding:3px;width:-webkit-fit-content;width:fit-content}.view-tab{background:none;border:none;border-radius:calc(var(--radius-control) - 2px);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:6px 14px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.view-tab--active,.view-tab:hover:not(.view-tab--active){color:var(--text-primary)}.view-tab--active{background:var(--bg-secondary);box-shadow:var(--shadow-e1);font-weight:var(--font-semibold)}.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(--elev-1)}.full-detail-container::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:4px}.full-detail-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow-x:auto;padding:20px}.table-container h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.data-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);min-width:800px;width:100%}.data-table th,.data-table thead{background:var(--elev-1)}.data-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px;vertical-align:middle}.data-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.data-table tbody tr:hover{background:var(--elev-1)}.badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);padding:3px 8px}.badge.low{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.badge.medium{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.badge.high{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.badge.critical{background:var(--danger-600);color:var(--text-inverse)}.badge.open{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.badge.resolved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.badge.pending{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.badge.approved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.badge.rejected{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.action-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);margin-right:var(--space-2);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.approve,.action-btn.resolve{background:var(--success-600);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.action-btn.approve:hover:not(:disabled),.action-btn.resolve:hover:not(:disabled){background:var(--success-700)}.action-btn.reject{background:var(--danger-600);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.action-btn.reject:hover:not(:disabled){background:var(--danger-700)}.no-data{font-size:var(--text-base);padding:var(--space-10)}.leaves-container{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow-x:auto;padding:20px}.leaves-container h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.leaves-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);min-width:1000px;width:100%}.leaves-table th,.leaves-table thead{background:var(--elev-1)}.leaves-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.leaves-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px;vertical-align:middle}.leaves-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.leaves-table tbody tr:hover{background:var(--elev-1)}.status-badge{letter-spacing:var(--tracking-tight)}.status-badge.status-pending-manager-approval{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.status-badge.status-pending-hr-approval{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.status-badge.status-approved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.status-badge.status-rejected{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.approve-btn{align-items:center;background:var(--success-600);border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);margin-right:var(--space-2);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.approve-btn:hover:not(:disabled){background:var(--success-700)}.approve-btn:disabled{cursor:not-allowed;opacity:.5}.reject-btn{align-items:center;background:var(--danger-600);border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.reject-btn:hover:not(:disabled){background:var(--danger-700)}.reject-btn:disabled{cursor:not-allowed;opacity:.5}.error-message,.success-message{margin-bottom:var(--space-4)}.revoke-btn{background:var(--danger-600);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.revoke-btn:hover:not(:disabled){background:var(--danger-700)}.revoke-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:var(--warning-600);border:1px solid #0000;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-size:var(--text-sm);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.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-sm)}.approval-info,.rejection-info{font-size:var(--text-xs);text-align:left}.approved-badge{background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700)}.approved-badge,.rejected-badge{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-1);padding:2px 6px}.rejected-badge{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:999px;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(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-style:italic}.comment,.reason{font-size:var(--text-xs);margin-top:var(--space-1);padding:6px 8px}.reason{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);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-50);border:1px solid var(--info-100);border-radius:var(--radius-control);color:var(--info-700);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);max-width:150px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.download-btn:hover{background:var(--info-100);border-color:var(--info-500)}.delete-attachment-btn{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 8px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.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(--elev-0);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:4px 10px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.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:1px solid #0000;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold);gap:var(--space-2);padding:8px 14px;transition:background var(--dur-fast) var(--ease-out-quart)}.export-btn:hover:not(:disabled){background:var(--primary-hover)}.export-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}@media (max-width:768px){.leaves-container,.table-container{border-radius:var(--radius-control);padding:14px}.leaves-container h2,.table-container h2{font-size:var(--text-lg)}.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,.reject-btn:focus-visible,.revoke-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.al-list-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:0;overflow:hidden}.al-action-header{align-items:center;background:var(--elev-1);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 24px 16px}.al-action-header,.al-tabs{border-bottom:1px solid var(--hairline);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-control) var(--radius-control) 0 0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:7px;margin-bottom:-1px;padding:9px 16px;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.al-tab:hover:not(.al-tab--active){background:var(--elev-1);color:var(--text-primary)}.al-tab--active{background:var(--bg-secondary);border-bottom-color:var(--primary);color:var(--primary)}.al-tab--active,.al-tab-count{font-weight:var(--font-semibold)}.al-tab-count{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;min-width:20px;padding:1px 7px;text-align:center}.al-tab--active .al-tab-count{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.al-tab--pending.al-tab--active{border-bottom-color:var(--warning-500);color:#b45309;color:var(--warning-700,#b45309)}.al-tab--pending.al-tab--active .al-tab-count{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.al-tab--approved.al-tab--active{border-bottom-color:var(--success-500);color:var(--success-700)}.al-tab--approved.al-tab--active .al-tab-count{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.al-tab--rejected.al-tab--active{border-bottom-color:var(--danger-500);color:var(--danger-700)}.al-tab--rejected.al-tab--active .al-tab-count{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.al-filters{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--hairline);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(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 30px 8px 32px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.al-search:hover:not(:focus){border-color:var(--hairline-contrast)}.al-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.al-search-clear,.al-search::placeholder{color:var(--text-muted)}.al-search-clear{align-items:center;background:var(--elev-1);border:none;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:20px}.al-search-clear:hover{background:var(--elev-2);color:var(--text-primary)}.al-filter-wrap{position:relative}.al-filter-icon{color:var(--text-muted);left:10px;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(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);min-width:130px;padding:8px 10px 8px 30px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.al-select:hover:not(:focus){border-color:var(--hairline-contrast)}.al-select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.al-clear-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:7px 12px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.al-clear-btn:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.al-result-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.al-row--new{background:linear-gradient(90deg,#d1fae566,#d1fae514 60%,#0000)}.al-row--new>td:first-child{box-shadow:inset 3px 0 0 0 #10b981}.al-id{align-items:center;display:inline-flex;gap:8px}.al-table-scroll{max-height:520px;overflow-x:auto;overflow-y:auto}.al-table-scroll::-webkit-scrollbar{height:8px;width:8px}.al-table-scroll::-webkit-scrollbar-track{background:#0000}.al-table-scroll::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.al-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.al-table{font-feature-settings:var(--feature-numeric);font-variant-numeric:var(--feature-numeric);min-width:700px}.al-id{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;width:48px}.al-name{color:var(--text-primary);font-weight:var(--font-medium)}.al-date{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.al-date,.al-days{font-size:var(--text-sm)}.al-days{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);text-align:center}.al-applied{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.al-type-tag{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;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-sm);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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);max-width:700px;padding:32px}.form-container h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{font-weight:var(--font-semibold);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--elev-2);color:var(--text-muted);cursor:not-allowed}.form-row{grid-gap:20px;gap:20px}.form-actions{align-items:center;gap:12px;margin-top:24px;padding-top:20px}.form-actions .btn,.form-actions button{min-height:40px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:var(--font-medium)!important;gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;transform:scale(1.1);width:auto!important}.checkbox-label span{-webkit-user-select:none;user-select:none}.info-box{background:var(--info-50);border:1px solid var(--info-100);border-left:3px solid var(--info-500);border-radius:var(--radius-surface);margin-bottom:20px;padding:12px 16px}.info-box p{color:var(--info-700);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.info-box strong{font-weight:var(--font-semibold)}.lop-preview-card{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:16px;padding:16px}.lop-preview-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:12px;text-transform:uppercase}.lop-loading{color:var(--text-muted);font-style:italic;font-weight:var(--font-medium)}.lop-stats-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.lop-stat{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);padding:8px 12px;text-align:center}.lop-stat--danger{background:var(--danger-50);border-color:var(--danger-100)}.lop-stat-val{font-feature-settings:"tnum";display:block;font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.lop-stat-input,.lop-stat-val{color:var(--text-primary);font-weight:var(--font-bold)}.lop-stat-input{font-feature-settings:"tnum";background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;font-size:var(--text-lg);font-variant-numeric:tabular-nums;height:30px;min-width:0;text-align:center;width:100%}.lop-stat-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.lop-stat--danger .lop-stat-val{color:var(--danger-600)}.lop-stat--danger .lop-stat-input{border-color:var(--danger-200);color:var(--danger-700)}.lop-stat-lbl{color:var(--text-secondary);display:block;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-top:2px;text-transform:uppercase}.lop-breakdown{font-feature-settings:"tnum";border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);font-variant-numeric:tabular-nums;gap:16px;margin-bottom:12px;padding:8px 0}.lop-awl{color:var(--warning-700);font-weight:var(--font-medium)}.lop-deduction-line{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-700);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:6px 12px}.lop-formula{color:var(--danger-500);font-size:var(--text-xs);margin-left:4px}.lop-clean,.lop-formula{font-weight:var(--font-medium)}.lop-clean{color:var(--success-600)}.lop-clean,.lop-na{font-size:var(--text-sm)}.lop-na{color:var(--text-muted);margin:0}.submit-btn{background:var(--primary);padding:10px 24px}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.file-input-wrapper{flex-direction:column;gap:8px}.file-input{background:#0000;border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);cursor:pointer;padding:12px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.file-input:hover{background:var(--primary-50);border-color:var(--primary)}.file-input:focus-visible{border-color:var(--primary);box-shadow:var(--ring-soft);outline:none}.file-selected{align-items:center;background:var(--success-50);border:1px solid var(--success-100);border-radius:var(--radius-control);color:var(--success-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;padding:8px 12px}.remove-file-btn{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:auto;padding:4px 8px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.remove-file-btn:hover{background:var(--danger-100);color:var(--danger-700)}.file-hint{color:var(--text-muted);font-size:var(--text-xs)}.input-error{border-color:var(--danger-500)!important}.input-error:focus{box-shadow:var(--ring-danger)!important}.field-error{color:var(--danger-600);font-size:var(--text-xs);font-weight:var(--font-medium)}.holiday-form{flex:1 1;overflow-y:auto;padding:20px}.form-group input:read-only{background:var(--elev-2);color:var(--text-muted);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:24px}.management-header{margin-bottom:24px}.header-left h2{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.add-holiday-btn{background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.add-holiday-btn:hover{background:var(--primary-hover)}.add-holiday-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.filters-section{margin-bottom:20px}.year-filter{align-items:center;display:flex;gap:10px}.year-filter label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.year-filter select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-base);min-width:160px;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.year-filter select:hover:not(:focus){border-color:var(--hairline-contrast)}.year-filter select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.holidays-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-box{border-left:2px solid var(--primary);padding:14px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart)}.stat-box.stat-active{border-left-color:var(--primary-500)}.stat-box.stat-inactive{border-left-color:var(--danger-500)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.stat-active .stat-value{color:var(--primary)}.stat-inactive .stat-value{color:var(--danger-600)}.holidays-table-container{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.holidays-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);width:100%}.holidays-table thead{background:var(--elev-1)}.holidays-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase}.holidays-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px 14px;vertical-align:middle}.holidays-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.holidays-table tbody tr:hover{background:var(--elev-1)}.holidays-table tbody tr.inactive-row{opacity:.6}.status-badge{display:inline-block;padding:3px 8px}.status-active{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.status-inactive{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.action-buttons{gap:6px}.btn-delete,.btn-edit{background:none;border:none;color:var(--text-secondary);font-size:16px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.btn-edit:hover{color:var(--info-600)}.btn-delete:hover{color:var(--danger-600)}.no-holidays{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);padding:48px 20px}.no-holidays p{font-size:var(--text-base);margin:0}.error-message,.success-message{margin-bottom:14px}@media (max-width:768px){.holiday-management{padding:16px}.management-header{align-items:flex-start;flex-direction:column;gap:14px}.holidays-table-container{overflow-x:auto}.holidays-table{min-width:1000px}}.tlbh-page{padding:24px}.tlbh-skeleton-header{animation:tlbh-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-control);height:56px;margin-bottom:24px}.tlbh-skeleton-card{height:100px}.tlbh-skeleton-card,.tlbh-skeleton-table{animation:tlbh-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-surface)}.tlbh-skeleton-table{height:320px}@keyframes tlbh-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.tlbh-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tlbh-header,.tlbh-header-left{align-items:flex-start;display:flex}.tlbh-header-left{gap:12px}.tlbh-back-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin-top:2px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:36px}.tlbh-back-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.tlbh-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.tlbh-subtitle{color:var(--text-secondary);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(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);font-size:11px;font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.tlbh-meta-chip--team{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary-700)}.tlbh-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tlbh-filter-select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.tlbh-filter-select:hover:not(:focus){border-color:var(--hairline-contrast)}.tlbh-filter-select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.tlbh-export-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tlbh-export-btn:hover:not(:disabled){background:var(--primary-hover)}.tlbh-export-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.tlbh-export-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.tlbh-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.tlbh-summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:3px solid #0000;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;gap:16px;padding:16px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.tlbh-summary-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.tlbh-summary-card--casual{border-left-color:var(--success-500);border-top:none}.tlbh-summary-card--month{border-left-color:var(--accent-500);border-top:none}.tlbh-summary-icon{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.tlbh-summary-card--casual .tlbh-summary-icon{background:var(--success-50);border-color:var(--success-100);color:var(--success-600)}.tlbh-summary-card--month .tlbh-summary-icon{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-600)}.tlbh-summary-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.tlbh-summary-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-top:2px;text-transform:uppercase}.tlbh-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px;max-width:320px}.tlbh-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);border-top:3px solid #0000;box-shadow:var(--shadow-e1);padding:20px}.tlbh-card--casual{border-top-color:var(--success-500)}.tlbh-card-top{align-items:center;display:flex;gap:8px;margin-bottom:12px}.tlbh-card-icon{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);display:inline-flex;height:32px;justify-content:center;width:32px}.tlbh-card--casual .tlbh-card-icon{background:var(--success-50);border-color:var(--success-100);color:var(--success-600)}.tlbh-card-label{color:var(--text-secondary);flex:1 1;font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.tlbh-card-label,.tlbh-low-chip{font-weight:var(--font-semibold)}.tlbh-low-chip{background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700);font-size:10px;letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.tlbh-card-balance{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:1;margin-bottom:4px}.tlbh-card--casual .tlbh-card-balance{color:var(--success-600)}.tlbh-card-sub{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-bottom:16px}.tlbh-card-bar-track{background:var(--hairline-strong);border-radius:var(--radius-full);height:6px;margin-bottom:8px;overflow:hidden}.tlbh-card-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out-quart)}.tlbh-card--casual .tlbh-card-bar-fill{background:var(--success-500)}.tlbh-card-stats{font-feature-settings:"tnum";color:var(--text-muted);display:flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-medium);justify-content:space-between}.tlbh-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:20px;padding:20px}.tlbh-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.tlbh-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.tlbh-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tlbh-cycle-chip{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#047857;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);min-height:26px;padding:4px 10px;white-space:nowrap}.tlbh-edit-hint{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide)}.tlbh-table-wrap{overflow-x:auto}.tlbh-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);table-layout:fixed;width:100%}.tlbh-table.tlbh-table--monthly td:first-child,.tlbh-table.tlbh-table--monthly th:first-child{width:32%}.tlbh-table.tlbh-table--monthly td:nth-child(2),.tlbh-table.tlbh-table--monthly th:nth-child(2){width:36%}.tlbh-table.tlbh-table--monthly td:nth-child(3),.tlbh-table.tlbh-table--monthly td:nth-child(4),.tlbh-table.tlbh-table--monthly th:nth-child(3),.tlbh-table.tlbh-table--monthly th:nth-child(4){width:16%}.tlbh-table--monthly-ledger{min-width:1140px}.tlbh-col-month{width:220px}.tlbh-col-num{width:92px}.tlbh-col-carry{width:118px}.tlbh-col-closing{width:110px}.tlbh-col-actions{width:120px}.tlbh-table.tlbh-table--employees td:first-child,.tlbh-table.tlbh-table--employees th:first-child{width:28%}.tlbh-table.tlbh-table--employees td:nth-child(2),.tlbh-table.tlbh-table--employees th:nth-child(2){width:20%}.tlbh-table.tlbh-table--employees td:nth-child(3),.tlbh-table.tlbh-table--employees th:nth-child(3){width:26%}.tlbh-table.tlbh-table--employees td:nth-child(4),.tlbh-table.tlbh-table--employees th:nth-child(4){width:14%}.tlbh-table.tlbh-table--employees td:nth-child(5),.tlbh-table.tlbh-table--employees th:nth-child(5){width:12%}.tlbh-table--employees-ledger{min-width:1395px}.tlbh-col-emp{width:250px}.tlbh-col-team{width:130px}.tlbh-table th{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.tlbh-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:10px 12px;vertical-align:middle}.tlbh-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.tlbh-table tbody tr:last-child td{border-bottom:none}.tlbh-table tbody tr:nth-child(2n) td{background:#0000;background:var(--elev-0,#0000)}.tlbh-table tbody tr:hover td{background:var(--elev-1)}.tlbh-row--current td{background:var(--success-50)!important}.tlbh-row--dirty td{background:#f59e0b0f!important}.tlbh-center,.tlbh-num{text-align:center}.tlbh-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:8px!important;padding-right:8px!important}.tlbh-num-text{display:inline-block;min-width:28px;text-align:center}.tlbh-th-closing{background:var(--primary-50)!important;border-left:1px solid var(--primary-100)!important;color:var(--primary-700)!important}.tlbh-td-closing{background:#10b9810a;border-left:1px solid var(--primary-100);color:var(--primary-700);font-weight:var(--font-semibold)}.tlbh-table tbody tr:hover .tlbh-td-closing{background:#10b98114}.tlbh-td-sticky,.tlbh-th-sticky{background:var(--bg-secondary);left:0;position:-webkit-sticky;position:sticky;z-index:2}.tlbh-th-sticky{background:var(--elev-1)!important;box-shadow:1px 0 0 var(--hairline-strong)}.tlbh-td-sticky{box-shadow:1px 0 0 var(--hairline)}.tlbh-table tbody tr:hover .tlbh-td-sticky{background:var(--elev-1)}.tlbh-row--current .tlbh-td-sticky{background:var(--success-50)!important}.tlbh-row--dirty .tlbh-td-sticky{background:#f59e0b14!important}.tlbh-ledger-input-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative;width:100%}.tlbh-ledger-input{font-feature-settings:"tnum";background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;height:30px;max-width:76px;padding:4px 8px;text-align:center;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.tlbh-ledger-input::-webkit-inner-spin-button,.tlbh-ledger-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tlbh-ledger-input{-moz-appearance:textfield}.tlbh-ledger-input:hover:not(:disabled){background:var(--elev-0);border-color:var(--hairline-contrast)}.tlbh-ledger-input:focus{background:var(--elev-0);border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.tlbh-ledger-input--dirty{background:var(--warning-50)!important;border-color:var(--warning-400)!important;color:var(--warning-700);font-weight:var(--font-semibold)}.tlbh-ledger-input--saving{opacity:.55}.tlbh-dirty-dot{background:var(--warning-500);border-radius:50%;box-shadow:0 0 0 2px var(--bg-secondary);height:6px;position:absolute;right:2px;top:4px;width:6px}.tlbh-dash{color:var(--text-muted)}.tlbh-row-actions-cell{padding:8px 12px!important}.tlbh-row-actions{align-items:center;animation:tlbh-actions-in .16s var(--ease-out-quart);display:inline-flex;gap:6px}@keyframes tlbh-actions-in{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}.tlbh-row-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;height:28px;letter-spacing:var(--tracking-wide);padding:0 10px;transition:all var(--dur-fast) var(--ease-out-quart)}.tlbh-row-btn:disabled{cursor:not-allowed;opacity:.6}.tlbh-row-btn--save{background:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff24;color:var(--text-inverse)}.tlbh-row-btn--save:hover:not(:disabled){background:var(--primary-hover)}.tlbh-row-btn--cancel{background:var(--elev-0);border-color:var(--hairline-strong);color:var(--text-secondary);justify-content:center;padding:0;width:28px}.tlbh-row-btn--cancel:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.tlbh-upcoming-note{align-items:center;background:var(--elev-0);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:10px;margin-bottom:20px;margin-top:-8px;padding:10px 14px}.tlbh-upcoming-dot{background:var(--secondary-300);border-radius:50%;flex-shrink:0;height:8px;width:8px}.tlbh-undo-toast{align-items:center;animation:tlbh-toast-in .22s var(--ease-out-quart);background:var(--secondary-900);border-radius:999px;bottom:24px;box-shadow:0 10px 30px #00000040;color:#fff;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:12px;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes tlbh-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.tlbh-undo-check{color:var(--success-400)}.tlbh-undo-text{white-space:nowrap}.tlbh-undo-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;letter-spacing:var(--tracking-wide);padding:4px 10px;transition:background var(--dur-fast) var(--ease-out-quart)}.tlbh-undo-btn:hover{background:#ffffff2e}.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:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.tlbh-shortday{background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700)}.tlbh-month-badge,.tlbh-shortday{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.tlbh-month-badge{background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700)}.tlbh-closing-pill{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:var(--primary-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:flex-end;min-width:48px;padding:3px 8px}.tlbh-emp-info{align-items:center;display:flex;gap:12px}.tlbh-emp-avatar{align-items:center;background:var(--primary);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);height:32px;justify-content:center;letter-spacing:var(--tracking-tight);width:32px}.tlbh-emp-name-wrap{display:flex;flex-direction:column;gap:2px}.tlbh-emp-name{color:var(--text-primary);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);white-space:nowrap}.tlbh-emp-id{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tlbh-team-chip{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:var(--primary-700);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase;white-space:nowrap}.tlbh-mini-cell{min-width:90px}.tlbh-mini-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.tlbh-mini-balance{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.tlbh-mini-balance--low{color:var(--danger-600)}.tlbh-mini-used{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tlbh-mini-track{background:var(--hairline-strong);border-radius:var(--radius-full);height:4px;overflow:hidden}.tlbh-mini-fill{border-radius:var(--radius-full);height:100%;transition:width .4s var(--ease-out-quart)}.tlbh-mini--casual{background:var(--success-500)}.tlbh-history-btn{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:6px 12px;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tlbh-history-btn:hover{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary-700)}.tlbh-error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);color:var(--danger-700);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:16px;padding:10px 14px}@media (max-width:768px){.tlbh-summary-grid{grid-template-columns:1fr 1fr}.tlbh-cards-grid{max-width:100%}.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,var(--elev-1) 25%,var(--elev-2) 50%,var(--elev-1) 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:var(--primary);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:var(--text-primary);font-size:1.35rem;font-weight:700;margin:0 0 .15rem}.todo-subtitle{color:var(--text-secondary);font-size:.8rem;margin:0}.todo-view-toggle{background:var(--elev-1);border:1px solid var(--hairline);border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-secondary);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:var(--elev-2);color:var(--text-primary)}.view-btn--active{background:var(--primary);box-shadow:0 1px 4px #10b9814d;color:var(--text-inverse)}.todo-stats-bar{background:var(--bg-secondary);border:1px solid var(--hairline);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:var(--text-secondary);display:inline-flex;font-size:.8rem;gap:.35rem}.tsc b{color:var(--text-primary)}.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:var(--elev-2);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:var(--primary);color:var(--primary-700,var(--primary));font-size:.75rem;font-weight:700;white-space:nowrap}.todo-add-section{background:var(--bg-secondary);border:1px solid var(--hairline);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:var(--primary);left:.8rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.todo-input{background:var(--elev-1);border:1.5px solid var(--hairline);border-radius:9px;box-sizing:border-box;color:var(--text-primary);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:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.todo-input::placeholder{color:var(--text-muted)}.todo-input:disabled{opacity:.6}.todo-add-actions{display:flex;gap:.4rem}.todo-assign-toggle{align-items:center;background:var(--elev-1);border:1.5px solid var(--hairline);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;padding:0 .75rem;transition:all .15s}.todo-assign-toggle--active,.todo-assign-toggle:hover{border-color:var(--primary);color:var(--primary);color:var(--primary-700,var(--primary))}.todo-assign-toggle--active{background:var(--primary-50)}.todo-add-btn{background:var(--primary);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:var(--primary);background:var(--primary-700,var(--primary))}.todo-add-btn:disabled{cursor:not-allowed;opacity:.5}.todo-assign-row{align-items:center;background:var(--elev-1);border:1px dashed var(--hairline-strong);border-radius:8px;display:flex;gap:.6rem;padding:.55rem .8rem}.assign-icon{color:var(--primary);flex-shrink:0}.reminder-icon{color:var(--info-500);flex-shrink:0}.assign-select,.reminder-select{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.825rem;padding:.35rem .6rem}.assign-select:focus,.reminder-select:focus{border-color:var(--primary);outline:none}.todo-reminder-row{align-items:center;background:#f8fafc;border:1px solid var(--hairline);border-radius:8px;display:flex;gap:.6rem;padding:.55rem .8rem}.todo-reminder-label{color:var(--text-secondary);font-size:.78rem;font-weight:700}.todo-reminder-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.todo-reminder-help{color:var(--text-muted);font-size:.7rem;line-height:1.25}.todo-reminder-control{display:flex;margin-left:auto;min-width:180px}.todo-hint{align-items:flex-start;color:var(--text-muted);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:var(--bg-secondary);border:1px solid var(--hairline);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.825rem;padding:.55rem 2.2rem .55rem 2rem;transition:border-color .15s;width:100%}.todo-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b98114;outline:none}.todo-search-icon{left:.6rem;pointer-events:none}.todo-search-clear,.todo-search-icon{color:var(--text-muted);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:var(--text-secondary)}.todo-filters{display:flex;flex-wrap:wrap;gap:.35rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:500;padding:.4rem .8rem;transition:all .15s;white-space:nowrap}.filter-btn:hover{border-color:var(--primary);color:var(--primary);color:var(--primary-700,var(--primary))}.filter-btn--active{background:var(--primary);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 var(--hairline);color:var(--text-secondary);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:var(--elev-2);border-radius:99px;color:var(--text-secondary);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:var(--bg-secondary);border:1px solid var(--hairline);border-radius:10px;display:flex;gap:.75rem;overflow:hidden;padding:.7rem .9rem .7rem 0;position:relative;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.todo-item:hover{background:var(--elev-1);border-color:var(--hairline-strong)}.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 var(--hairline-strong);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:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:600;line-height:1.35}.todo-title--done{color:var(--text-muted);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:var(--text-secondary);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:var(--elev-1);border-radius:5px;color:var(--text-muted);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:var(--primary-50);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:var(--elev-2);color:var(--text-secondary);padding:2px 7px}.todo-reminder-chip{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:5px;color:#0369a1;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:2px 6px}.todo-edit-form{display:flex;flex-direction:column;gap:.4rem}.todo-edit-title{background:var(--bg-secondary);border:1.5px solid var(--primary);border-radius:7px;box-sizing:border-box;color:var(--text-primary);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:var(--elev-1);border:1px solid var(--hairline);border-radius:7px;box-sizing:border-box;color:var(--text-secondary);font-size:.8rem;padding:.4rem .65rem;width:100%}.todo-edit-desc:focus{border-color:var(--primary);outline:none}.todo-edit-reminder{background:var(--elev-1);border:1px solid var(--hairline);border-radius:7px;box-sizing:border-box;color:var(--text-secondary);font-size:.8rem;padding:.4rem .65rem;width:100%}.todo-edit-reminder:focus{border-color:var(--primary);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;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.775rem;font-weight:600;gap:4px;padding:.35rem .65rem;transition:background .15s}.edit-cancel-btn,.edit-cancel-btn:hover{background:var(--elev-2)}.todo-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem;padding-right:.65rem}.todo-status-select-wrap{align-items:center;border:1.5px solid #0000;border-radius:99px;display:inline-flex;font-size:.68rem;font-weight:700;gap:5px;padding:.22rem .5rem .22rem .55rem;transition:filter .15s;white-space:nowrap}.todo-status-select-wrap--pending{background:var(--warning-100);border-color:var(--warning-100);color:var(--warning-600)}.todo-status-select-wrap--in_progress{background:var(--info-100);border-color:var(--info-100);color:var(--info-600)}.todo-status-select-wrap--completed{background:var(--primary-100);border-color:var(--primary-100);color:var(--primary-hover)}.todo-status-icon{flex-shrink:0}.todo-status-select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;font-size:.68rem;font-weight:700;line-height:1;outline:none;padding:0}.todo-delete-btn,.todo-edit-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;padding:.3rem;transition:all .15s}.todo-edit-btn:hover{background:var(--primary-50);color:var(--primary);color:var(--primary-700,var(--primary))}.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:var(--elev-1);border:1px solid var(--hairline);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:700;padding:.2rem .5rem;transition:background .12s}.delete-no-btn:hover{background:var(--elev-2)}.todo-empty{background:var(--bg-secondary);border:2px dashed var(--hairline);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:var(--primary-50);border-radius:16px;color:var(--primary);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:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0 0 .4rem}.todo-empty-desc{color:var(--text-secondary);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-reminder-row{align-items:flex-start;flex-wrap:wrap}.todo-reminder-control{margin-left:0;min-width:0;width:100%}.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 var(--hairline);margin-top:.25rem;padding:.5rem .65rem .5rem 1.35rem;width:100%}.todo-stats-counts{gap:.65rem}}.modal-content{border:1px solid var(--hairline-strong);box-shadow:var(--shadow-e3);max-width:560px}.modal-header h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.close-btn{background:none;border:none;display:flex;font-size:22px}.setting-form{flex:1 1;overflow-y:auto;padding:20px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.form-group input:hover:not(:focus):not(:disabled),.form-group select:hover:not(:focus):not(:disabled),.form-group textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.form-group input.disabled-input{background:var(--elev-2);color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:4px}.form-actions{background:var(--bg-secondary);border-top:1px solid var(--hairline);bottom:0;display:flex;gap:var(--space-2);justify-content:flex-end;margin:0 -20px -20px;padding:14px 20px;position:-webkit-sticky;position:sticky}.btn-cancel{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.btn-cancel:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.btn-submit{background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.btn-submit:hover:not(:disabled){background:var(--primary-hover)}.btn-submit:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.error-message{margin:0 20px 14px}@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:1400px;padding:24px}.management-header{gap:16px;justify-content:space-between;margin-bottom:32px}.management-header,.settings-actions{align-items:center;display:flex;flex-wrap:wrap}.settings-actions{gap:12px}.header-left h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0 0 4px}.subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.add-setting-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-tight);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.add-setting-btn:hover{background:var(--primary-hover)}.add-setting-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.salary-cycle-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);gap:8px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.salary-cycle-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.salary-cycle-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--shadow-e1),var(--ring-soft);outline:none}.salary-cycle-modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);display:flex;flex-direction:column;overflow:hidden;padding:0;transform:translateZ(0);width:min(560px,calc(100vw - 32px))}.salary-cycle-modal .modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--hairline-strong);display:flex;justify-content:space-between;padding:16px 20px}.salary-cycle-modal__title{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.salary-cycle-modal__icon{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-control);color:var(--primary-700);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.salary-cycle-modal__title h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.salary-cycle-modal__title p{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);margin:0}.salary-cycle-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.salary-cycle-current{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-surface);color:var(--primary-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;padding:12px 16px}.salary-cycle-example{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);padding:16px}.salary-cycle-mode-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.salary-cycle-mode-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.salary-cycle-mode-card:hover:not(.salary-cycle-mode-card--active){background:var(--elev-1);border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.salary-cycle-mode-card--active{background:var(--primary-50);border-color:var(--primary);box-shadow:var(--shadow-e1),var(--ring-soft)}.salary-cycle-mode-card strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.salary-cycle-mode-card span{color:var(--text-secondary);font-size:var(--text-xs)}.salary-cycle-mode-card small{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.salary-cycle-exception{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-left:3px solid var(--warning-500);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:16px 20px}.salary-cycle-exception__title{color:#b45309;color:var(--warning-700,#b45309);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:8px;text-transform:uppercase}.salary-cycle-exception p{color:#92400e;color:var(--warning-800,#92400e);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.salary-cycle-examples-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.salary-cycle-examples-card{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-radius:var(--radius-surface);box-shadow:inset 0 1px 2px #0000000d;display:flex;flex-direction:column;gap:4px;padding:16px}.salary-cycle-examples-card strong{color:#92400e;color:var(--warning-800,#92400e);font-size:var(--text-sm);font-weight:var(--font-semibold)}.salary-cycle-examples-card span{color:#b45309;color:var(--warning-700,#b45309);font-size:var(--text-xs)}.salary-cycle-examples-card small{color:#d97706;color:var(--warning-600,#d97706);font-size:10px;font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.salary-cycle-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.salary-cycle-fields--disabled{opacity:.6}.salary-cycle-field{display:flex;flex-direction:column;gap:8px}.salary-cycle-field label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.salary-cycle-field input{font-feature-settings:"tnum";background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);padding:12px;text-align:center;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.salary-cycle-field input:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.salary-cycle-field input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.salary-cycle-field input:disabled{background:var(--elev-2);border-color:#0000;color:var(--text-muted);cursor:not-allowed}.salary-cycle-field small{color:var(--text-muted);font-size:var(--text-xs);text-align:center}.salary-cycle-footer{background:var(--bg-secondary);border-top:1px solid var(--hairline-strong);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-secondary-outline{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.btn-secondary-outline:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.salary-cycle-save{background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);padding:8px 24px;transition:background var(--dur-fast) var(--ease-out-quart)}.salary-cycle-save:hover:not(:disabled){background:var(--primary-hover)}.salary-cycle-save:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.btn-secondary-outline:disabled,.salary-cycle-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.filters-section{margin-bottom:32px}.category-filter{align-items:center;display:flex;gap:16px}.category-filter label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.category-filter select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);min-width:220px;padding:10px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.category-filter select:hover:not(:focus){border-color:var(--hairline-contrast)}.category-filter select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.stat-box.stat-system{border-left-color:var(--danger-500)}.stat-system .stat-value{color:var(--danger-600)}.settings-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.stat-box{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:3px solid var(--accent-500);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:24px;text-align:left;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.stat-box:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.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-600);display:block;margin-bottom:4px}.stat-leave-policy .stat-value{color:var(--info-600)}.stat-general .stat-value{color:var(--text-primary)}.stat-label{display:block}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.setting-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:3px solid var(--accent-500);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;padding:24px;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.setting-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.setting-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.setting-info{flex:1 1;min-width:0}.setting-key{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 8px;word-break:break-word}.setting-value{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:16px;padding:12px 16px;word-break:break-all}.setting-value strong{color:var(--text-secondary);font-family:var(--font-sans);font-weight:var(--font-medium)}.setting-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:20px}.setting-footer{align-items:center;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.setting-updated{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.category-badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;white-space:nowrap}.category-leave-policy{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.category-general{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.category-salary{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.category-system{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.category-notification{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.setting-actions{align-items:center;display:flex;gap:8px}.btn-delete,.btn-edit{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.btn-edit{color:var(--info-600)}.btn-edit:hover{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.btn-delete{color:var(--danger-600)}.btn-delete:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.no-settings{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);padding:64px 24px;text-align:center}.no-settings p{font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.error-message,.success-message{margin-bottom:24px;padding:12px 16px}.error-help{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border-left:3px solid #f59e0b;border:1px solid var(--warning-100,#fef3c7);border-left:3px solid var(--warning-500,#f59e0b);border-radius:var(--radius-surface);margin-top:24px;padding:20px}.error-help h3{color:#b45309;color:var(--warning-700,#b45309);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 12px}.error-help ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px}.error-help li{color:#b45309;color:var(--warning-700,#b45309);font-size:var(--text-sm);line-height:var(--leading-snug)}.error-help strong{color:#92400e;color:var(--warning-800,#92400e);font-weight:var(--font-semibold)}@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%}}@media (max-width:768px){.company-settings{padding:16px}.management-header{align-items:flex-start;flex-direction:column;gap:16px}.settings-grid{grid-template-columns:1fr}.setting-header{flex-direction:column;gap:12px}.setting-actions{align-self:flex-start}}.ip-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px}.ip-empty{color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.ip-chip{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:var(--primary-700);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:4px 10px}.ip-chip,.ip-chip-remove{align-items:center;display:inline-flex}.ip-chip-remove{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--primary-600);cursor:pointer;padding:2px;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ip-chip-remove:hover{background:var(--danger-50);color:var(--danger-600)}.ip-add-row{display:flex;gap:10px}.ip-input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);flex:1 1;font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-sm);line-height:var(--leading-snug);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ip-input:hover:not(:focus){border-color:var(--hairline-contrast)}.ip-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.ip-input.input-error{border-color:var(--danger-500)}.ip-input.input-error:focus{box-shadow:var(--ring-danger)}.ip-add-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;justify-content:center;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.ip-add-btn:hover:not(:disabled){background:var(--primary-hover)}.ip-add-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.ip-add-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.ip-error{color:var(--danger-600);font-size:var(--text-xs);font-weight:var(--font-medium);margin:4px 0 0}.plv-page{padding:24px}.plv-toast{animation:plv-toast-in .2s var(--ease-out-quart);border-radius:var(--radius-control);box-shadow:var(--shadow-e2);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:10px 14px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes plv-toast-in{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.plv-toast--success{background:var(--success-50);border:1px solid var(--success-100);border-left:3px solid var(--success-500);color:var(--success-700)}.plv-toast--error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);color:var(--danger-700)}.plv-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.plv-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.plv-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.plv-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.plv-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:32px}.plv-refresh-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.plv-refresh-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.plv-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:8px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.plv-export-btn:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast)}.plv-export-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.plv-export-btn:disabled{cursor:not-allowed;opacity:.5}.plv-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.plv-summary-chip{font-feature-settings:"tnum";align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:4px 12px;text-transform:uppercase}.plv-summary-chip--total{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.plv-summary-chip--mgr{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.plv-summary-chip--hr{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.plv-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.plv-search-wrap{flex:1 1;min-width:220px;position:relative}.plv-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.plv-search{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 32px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.plv-search:hover:not(:focus){border-color:var(--hairline-contrast)}.plv-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.plv-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:22px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:22px}.plv-search-clear:hover{background:var(--elev-1);color:var(--text-primary)}.plv-type-filters{display:flex;flex-wrap:wrap;gap:6px}.plv-type-btn{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:6px 12px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.plv-type-btn:hover:not(.plv-type-btn--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.plv-type-btn--active{background:var(--primary);border-color:#0000;box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse)}.plv-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:14px}.plv-card--new{border-color:#10b98173!important;box-shadow:0 0 0 1px #10b98126,0 6px 20px -10px #10b98173!important}.plv-card--new:before{background:linear-gradient(90deg,#10b981,#34d399);border-radius:var(--radius-surface) var(--radius-surface) 0 0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.plv-card-new-pill{position:absolute;right:10px;top:10px;z-index:2}.plv-row--new>td:first-child{box-shadow:inset 3px 0 0 0 #10b981}.plv-row--new{background:linear-gradient(90deg,#d1fae559,#d1fae514 60%,#0000)}.plv-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:2px solid var(--primary);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:10px;padding:14px 16px;position:relative;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.plv-card:hover{border-color:var(--hairline-contrast);border-left-color:var(--primary);box-shadow:var(--shadow-e2)}.plv-card--rejecting{border-color:var(--danger-100);border-left-color:var(--danger-500)}.plv-card-header{align-items:center;display:flex;gap:10px}.plv-avatar{align-items:center;background:var(--primary);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:var(--font-semibold);height:36px;justify-content:center;letter-spacing:var(--tracking-tight);overflow:hidden;width:36px}.plv-avatar,.plv-avatar-img{border-radius:var(--radius-full)}.plv-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.plv-employee-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.plv-emp-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plv-emp-team{color:var(--text-secondary);font-size:var(--text-xs)}.plv-status-chip{border:1px solid #0000;border-radius:999px;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;white-space:nowrap}.status--mgr{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.status--hr{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.plv-details{align-items:center;display:flex;gap:8px}.plv-type-pill{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.plv-duration{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-weight:var(--font-semibold);margin-left:auto;padding:2px 8px}.plv-dates,.plv-duration{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums}.plv-dates{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.plv-dates svg{flex-shrink:0}.plv-date-sep,.plv-dates svg{color:var(--text-muted)}.plv-reason-wrap{position:relative}.plv-reason{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-sm);line-height:var(--leading-snug);margin:0;overflow:hidden}.plv-reason--expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.plv-reason-toggle{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:2px;margin-top:2px;padding:0}.plv-reason-toggle:hover{color:var(--primary-hover)}.plv-attachment{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:#047857;color:var(--primary-700,#047857);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.plv-reject-form{animation:plv-slide-in .18s var(--ease-out-quart);background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:8px;padding:10px}@keyframes plv-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.plv-reject-label{color:var(--danger-700);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.plv-reject-textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 12px;resize:vertical;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.plv-reject-textarea:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-50);outline:none}.plv-reject-actions{display:flex;gap:6px}.plv-card-actions{display:flex;gap:8px;margin-top:4px}.plv-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:7px 14px;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.plv-btn:disabled{cursor:not-allowed;opacity:.5}.plv-btn--approve{background:var(--primary);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);flex:1 1;justify-content:center}.plv-btn--approve:hover:not(:disabled){background:var(--primary-hover)}.plv-btn--approve:focus-visible{box-shadow:inset 0 1px 0 #ffffff24,var(--ring-soft);outline:none}.plv-btn--reject{background:var(--bg-secondary);border-color:var(--danger-100);color:var(--danger-600);flex:1 1;justify-content:center}.plv-btn--reject:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-500)}.plv-btn--reject-confirm{background:var(--danger-500);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);flex:1 1;justify-content:center}.plv-btn--reject-confirm:hover:not(:disabled){background:var(--danger-600)}.plv-btn--cancel{background:var(--bg-secondary);border-color:var(--hairline-strong);color:var(--text-secondary)}.plv-btn--cancel:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.plv-empty{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);padding:64px 32px;text-align:center}.plv-empty-icon{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-surface);color:var(--primary);display:inline-flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.plv-empty-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 6px}.plv-empty-desc{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.plv-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin:0;text-align:right}.plv-skeleton-head{border-radius:var(--radius-control);height:52px;margin-bottom:20px;width:35%}.plv-skeleton-card,.plv-skeleton-head{animation:plv-shimmer 1.4s linear infinite;background:var(--elev-1)}.plv-skeleton-card{border-radius:var(--radius-surface);height:210px}@keyframes plv-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.plv-view-toggle{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:inline-flex;gap:2px;overflow:hidden;padding:2px}.plv-view-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-control) - 2px);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.plv-view-btn:hover:not(.plv-view-btn--active){color:var(--text-primary)}.plv-view-btn--active{background:var(--bg-secondary);box-shadow:var(--shadow-e1);color:var(--primary)}.plv-pill--casual{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.plv-pill--sick{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.plv-pill--earned{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.plv-pill--shortday{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.plv-list-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:10px;overflow:hidden;overflow-x:auto}.plv-list-wrap::-webkit-scrollbar{height:8px;width:8px}.plv-list-wrap::-webkit-scrollbar-track{background:#0000}.plv-list-wrap::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.plv-list-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.plv-list-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);min-width:720px;width:100%}.plv-list-table th,.plv-list-table thead tr{background:var(--elev-1)}.plv-list-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.plv-row{transition:background var(--dur-fast) var(--ease-out-quart)}.plv-row td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px 14px;vertical-align:middle}.plv-row:last-of-type td{border-bottom:none}.plv-row:hover td{background:var(--elev-1)}.plv-row--rejecting td{background:var(--danger-50)!important}.plv-row-emp{align-items:center;display:flex;gap:10px}.plv-row-avatar{align-items:center;background:var(--primary);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);height:32px;justify-content:center;letter-spacing:var(--tracking-tight);overflow:hidden;width:32px}.plv-row-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.plv-row-team{color:var(--text-muted);font-size:var(--text-xs)}.plv-row-dates{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.plv-row-dur{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);text-align:center;white-space:nowrap}.plv-row-reason{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:220px;overflow-wrap:break-word;white-space:normal;word-break:break-word}.plv-row-actions{align-items:center;display:flex;gap:6px}.plv-btn--sm{font-size:var(--text-xs);padding:4px 10px}.plv-reject-row td{background:var(--danger-50);border-bottom:1px solid var(--hairline);padding:0 14px 10px}.plv-reject-inline{align-items:flex-start;background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);display:flex;gap:8px;padding:8px 10px}.plv-reject-textarea--inline{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);padding:6px 10px;resize:vertical;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.plv-reject-textarea--inline:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-50);outline:none}.plv-timeslot{font-size:var(--text-xs);gap:6px;margin-top:6px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.plv-row-slot,.plv-timeslot{align-items:center;background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-radius:999px;color:#b45309;color:var(--warning-700,#b45309);display:inline-flex;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.plv-row-slot{font-size:10px;gap:4px;margin-left:6px;padding:2px 7px}.plv-breakdown{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);margin-top:12px;padding:10px 12px}.plv-breakdown-title{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);margin-bottom:8px;text-transform:uppercase}.plv-breakdown-list{display:flex;flex-direction:column;gap:4px}.plv-breakdown-item{align-items:center;display:flex;font-size:var(--text-xs);gap:8px}.plv-breakdown-date{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);width:80px}.plv-breakdown-type{color:var(--text-secondary)}.plv-breakdown-slot{color:#b45309;color:var(--warning-700,#b45309);font-weight:var(--font-medium)}@media (max-width:640px){.plv-page{padding:16px}.plv-cards-grid{grid-template-columns:1fr}.plv-toolbar{align-items:stretch;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:24px}.hl-toast{animation:hl-toast-in .2s var(--ease-out-quart);border-radius:var(--radius-control);box-shadow:var(--shadow-e2);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:10px 14px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes hl-toast-in{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.hl-toast--success{background:var(--success-50);border:1px solid var(--success-100);border-left:3px solid var(--success-500);color:var(--success-700)}.hl-toast--error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);color:var(--danger-700)}.hl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.hl-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.hl-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.hl-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.hl-btn-primary{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.hl-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.hl-btn-primary:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.hl-btn-primary:disabled{cursor:not-allowed;opacity:.5}.hl-btn-secondary{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:8px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.hl-btn-secondary:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast)}.hl-btn-secondary:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.hl-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.hl-stat{background:var(--bg-secondary);border-left:1px solid var(--hairline-strong);border:1px solid var(--hairline-strong);border-left-width:2px;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:110px;padding:14px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart)}.hl-stat:hover{border-color:var(--hairline-contrast)}.hl-stat--approved{border-left-color:var(--success-500)}.hl-stat--pending{border-left-color:var(--warning-500)}.hl-stat--rejected{border-left-color:var(--danger-500)}.hl-stat-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.hl-stat-lbl{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-add-panel{animation:hl-slide-down .22s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:20px;padding:20px 24px}@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:18px}.hl-add-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 4px}.hl-add-note{font-size:var(--text-xs);margin:0}.hl-add-close,.hl-add-note{color:var(--text-secondary)}.hl-add-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.hl-add-close:hover{background:var(--elev-2);color:var(--text-primary)}.hl-form{display:flex;flex-direction:column;gap:12px}.hl-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hl-form-group{display:flex;flex-direction:column;gap:6px}.hl-form-group--full{grid-column:1/-1}.hl-form-group--check{justify-content:flex-end}.hl-form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-form-group input,.hl-form-group select,.hl-form-group textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.hl-form-group input:hover:not(:focus):not(:disabled),.hl-form-group select:hover:not(:focus):not(:disabled),.hl-form-group textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.hl-form-group input:focus,.hl-form-group select:focus,.hl-form-group textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-form-group input:disabled,.hl-form-group select:disabled{cursor:not-allowed;opacity:.5}.hl-form-group textarea{min-height:72px;resize:vertical}.hl-check-label{align-items:center;color:var(--text-primary)!important;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium)!important;gap:8px;letter-spacing:normal!important;text-transform:none!important}.hl-check-label input[type=checkbox]{accent-color:var(--primary);height:16px;width:16px}.hl-same-date{color:var(--text-muted);font-size:var(--text-xs);font-weight:400;font-weight:var(--font-regular,400);letter-spacing:normal;text-transform:none}.hl-info-box{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-left:3px solid var(--primary-500);border-radius:var(--radius-control);color:#047857;color:var(--primary-700,#047857);font-size:var(--text-sm);padding:10px 14px}.hl-form-actions{display:flex;gap:8px;justify-content:flex-end}.hl-import-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(280px,360px) 1fr}.hl-import-upload{display:flex;flex-direction:column;gap:12px}.hl-file-drop{align-items:center;background:var(--elev-1);border:1.5px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:10px;justify-content:center;min-height:112px;padding:16px;text-align:center}.hl-file-drop:hover{border-color:var(--primary);color:var(--text-primary)}.hl-file-drop input{display:none}.hl-import-preview{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);overflow:hidden}.hl-import-summary{background:var(--elev-1);border-bottom:1px solid var(--hairline);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:12px;padding:12px 14px}.hl-import-summary strong{color:var(--text-primary)}.hl-import-danger,.hl-import-danger strong{color:var(--danger-600)}.hl-import-table-wrap{overflow-x:auto}.hl-import-table{border-collapse:collapse;width:100%}.hl-import-table td,.hl-import-table th{border-bottom:1px solid var(--hairline);font-size:var(--text-sm);padding:10px 14px;text-align:left}.hl-import-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-import-employee{color:var(--text-primary);font-weight:var(--font-semibold)}.hl-import-id{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.hl-import-empty{color:var(--text-muted);text-align:center!important}.hl-import-skipped{background:var(--danger-50);border-top:1px solid var(--danger-100);padding:12px 14px}.hl-import-skipped h3{color:var(--danger-700);font-size:var(--text-sm);margin:0 0 8px}.hl-import-skip-row{color:var(--danger-700);font-size:var(--text-xs);margin-top:6px}.hl-balance-fix-toolbar{align-items:center;display:flex;gap:12px;margin:14px 0}.hl-balance-fix-meta{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:inline-flex;gap:0;overflow:hidden}.hl-balance-fix-meta-item{align-items:baseline;border-right:1px solid var(--hairline);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);gap:6px;padding:6px 12px;white-space:nowrap}.hl-balance-fix-meta-item:last-child{border-right:none}.hl-balance-fix-meta-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.hl-balance-fix-meta-lbl{letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-balance-fix-meta-item--active{background:var(--success-50)}.hl-balance-fix-meta-item--active .hl-balance-fix-meta-lbl,.hl-balance-fix-meta-item--active .hl-balance-fix-meta-val{color:#047857;color:var(--success-700,#047857)}.hl-balance-fix-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);max-height:480px;overflow:auto}.hl-balance-fix-table{table-layout:auto}.hl-balance-fix-table thead th{background:var(--bg-tertiary);box-shadow:0 1px 0 var(--hairline);position:-webkit-sticky;position:sticky;top:0;z-index:1}.hl-balance-fix-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.hl-balance-fix-table tbody tr:hover td{background:var(--elev-1)}.hl-balance-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right!important;white-space:nowrap}.hl-balance-current{color:var(--text-secondary)}.hl-balance-input{font-feature-settings:"tnum";background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;height:32px;padding:4px 10px;text-align:right;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:110px}.hl-balance-input:hover:not(:focus){border-color:var(--hairline-contrast)}.hl-balance-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-balance-input--changed{background:var(--bg-secondary);border-color:#10b981;border-color:var(--success-500,#10b981)}.hl-balance-row--changed td{background:var(--success-50)}.hl-balance-row--changed:hover td{background:var(--success-50)!important}.hl-balance-row--changed td:first-child{box-shadow:inset 3px 0 0 #10b981;box-shadow:inset 3px 0 0 var(--success-500,#10b981)}.hl-balance-delta{font-feature-settings:"tnum";border-radius:999px;display:inline-block;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);min-width:48px;padding:2px 8px;text-align:center}.hl-balance-delta--pos{background:var(--success-50);color:#047857;color:var(--success-700,#047857)}.hl-balance-delta--neg{background:var(--danger-50);color:var(--danger-700)}.hl-balance-delta--zero{background:#0000;color:var(--text-muted);font-weight:400;font-weight:var(--font-regular,400)}.hl-tabs{border-bottom:1px solid var(--hairline);display:flex;gap:2px;margin-bottom:0;overflow-x:auto;padding:8px 0 0}.hl-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:var(--radius-control) var(--radius-control) 0 0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;margin-bottom:-1px;padding:8px 14px;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.hl-tab:hover:not(.hl-tab--active){background:var(--elev-1);color:var(--text-primary)}.hl-tab--active{border-bottom-color:var(--primary);color:var(--primary)}.hl-tab--active,.hl-tab-count{font-weight:var(--font-semibold)}.hl-tab-count{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;min-width:18px;padding:1px 7px;text-align:center}.hl-tab--active .hl-tab-count{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);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:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.hl-tab--approved.hl-tab--active{border-bottom-color:var(--success-500);color:var(--success-700)}.hl-tab--approved.hl-tab--active .hl-tab-count{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.hl-tab--rejected.hl-tab--active{border-bottom-color:var(--danger-500);color:var(--danger-700)}.hl-tab--rejected.hl-tab--active .hl-tab-count{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.hl-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding-top:12px}.hl-result-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.hl-search-wrap{flex:1 1;min-width:200px;position:relative}.hl-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hl-search{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 32px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.hl-search:hover:not(:focus){border-color:var(--hairline-contrast)}.hl-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:22px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:22px}.hl-search-clear:hover{background:var(--elev-1);color:var(--text-primary)}.hl-filter-select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.hl-filter-select:hover:not(:focus){border-color:var(--hairline-contrast)}.hl-filter-select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-clear-filters{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:8px 12px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.hl-clear-filters:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.hl-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);max-height:520px;overflow:hidden;overflow-x:auto;overflow-y:auto}.hl-table-wrap::-webkit-scrollbar{height:8px;width:8px}.hl-table-wrap::-webkit-scrollbar-track{background:#0000}.hl-table-wrap::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.hl-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hl-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.hl-table thead tr{background:var(--elev-1)}.hl-table th{border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.hl-th-action{text-align:center}.hl-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px 14px;vertical-align:middle}.hl-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.hl-table tbody tr:last-child td{border-bottom:none}.hl-table tbody tr:hover td{background:var(--elev-1)}.hl-row--confirming td{background:var(--danger-50)!important}.hl-emp-cell{gap:10px}.hl-emp-avatar,.hl-emp-cell{align-items:center;display:flex}.hl-emp-avatar{background:var(--primary);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);height:32px;justify-content:center;letter-spacing:var(--tracking-tight);width:32px}.hl-emp-name{color:var(--text-primary);font-weight:var(--font-medium);white-space:nowrap}.hl-type-pill{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;white-space:nowrap}.hl-type--casual{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.hl-type--sick{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.hl-type--earned{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.hl-type--shortday{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.hl-status{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;white-space:nowrap}.hl-status--approved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.hl-status--pending{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.hl-status--info{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.hl-status--rejected{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.hl-dates-cell{align-items:center;display:inline-flex;gap:6px}.hl-date{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.hl-date-sep{color:var(--text-muted);font-size:var(--text-xs)}.hl-dur-cell{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);white-space:nowrap}.hl-reason-cell{color:var(--text-secondary);line-height:var(--leading-snug);max-width:220px;overflow-wrap:break-word;white-space:normal;word-break:break-word}.hl-applied-cell{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.hl-delete-btn{align-items:center;background:none;border:none;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin:0 auto;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.hl-delete-btn:hover{background:var(--danger-50);color:var(--danger-600)}.hl-delete-confirm{align-items:center;animation:hl-pop .15s var(--ease-out-quart);background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);display:inline-flex;gap:6px;padding:4px 8px;white-space:nowrap}@keyframes hl-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hl-confirm-text{color:var(--danger-700);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-confirm-text,.hl-confirm-yes{font-size:var(--text-xs);font-weight:var(--font-semibold)}.hl-confirm-yes{background:var(--danger-500);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);cursor:pointer;font-family:inherit;padding:3px 10px;transition:background var(--dur-fast) var(--ease-out-quart)}.hl-confirm-yes:hover{background:var(--danger-600)}.hl-confirm-yes:disabled{opacity:.5}.hl-confirm-no{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.hl-confirm-no:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.hl-empty{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);display:flex;flex-direction:column;font-size:var(--text-sm);gap:8px;padding:48px 24px}.hl-count,.hl-empty{color:var(--text-muted)}.hl-count{font-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin:10px 0 0;text-align:right}@media (max-width:768px){.hl-page{padding:16px}.hl-import-layout{grid-template-columns:1fr}.hl-stats{gap:8px}.hl-stat{min-width:90px}.hl-toolbar{align-items:stretch;flex-direction:column}.hl-search-wrap{width:100%}.hl-form-grid{grid-template-columns:1fr}.hl-form-group--full{grid-column:1}}.hr-breakdown-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.hr-breakdown-item{align-items:center;background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px}.hr-breakdown-date{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);min-width:100px}.hr-breakdown-toggles{background:var(--elev-2);border:1px solid var(--hairline);border-radius:var(--radius-control);display:inline-flex;gap:2px;padding:2px}.hr-breakdown-toggle{background:#0000;border:none;border-radius:calc(var(--radius-control) - 2px);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);padding:3px 10px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.hr-breakdown-toggle:hover:not(.active){color:var(--text-primary)}.hr-breakdown-toggle.active{background:var(--bg-secondary);box-shadow:var(--shadow-e1);color:var(--primary);font-weight:var(--font-semibold)}.hr-breakdown-slot{flex:1 1;font-size:var(--text-xs)!important;height:auto!important;padding:3px 6px!important;width:auto!important}.hr-timeslot-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.hr-timeslot-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:14px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.hr-timeslot-card:hover:not(.hr-timeslot-card--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.hr-timeslot-card--active{background:var(--primary-50);border-color:var(--primary);box-shadow:var(--ring-soft);color:#047857;color:var(--primary-700,#047857)}.hr-timeslot-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.hr-timeslot-time{font-feature-settings:"tnum";color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.hl-slot-pill{align-items:flex-start;background:var(--primary-50);border-radius:var(--radius-full);color:#047857;color:var(--primary-700,#047857);display:inline-flex;flex-direction:column;font-size:11px;font-weight:var(--font-semibold);gap:1px;line-height:1.2;margin-top:4px;padding:3px 8px;white-space:nowrap}.hl-slot-pill small{color:var(--text-muted);font-size:10px;font-weight:var(--font-medium)}.attendance-dashboard{animation:att-enter .35s var(--ease-out-quart);background:#0000;margin:0 auto;max-width:1480px;min-height:calc(100vh - 80px);padding:24px}@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:16px;justify-content:space-between;margin-bottom:24px}.dashboard-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0 0 4px}.dashboard-header p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);min-height:116px;min-width:0;overflow:hidden;padding:20px 22px;position:relative;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.stat-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.stat-icon{align-items:center;border-radius:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff24;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform var(--dur-fast) var(--ease-out-quart);width:40px}.stat-card:hover .stat-icon{transform:scale(1.05)}.present-icon{background:var(--success-50);border:1px solid var(--success-100);box-shadow:none;color:var(--success-600)}.work-hours-icon{background:var(--info-50);border:1px solid var(--info-100);box-shadow:none;color:var(--info-600)}.overtime-icon{background:var(--warning-50);border:1px solid var(--warning-100);box-shadow:none;color:var(--warning-600)}.punctuality-icon{background:var(--accent-50);border:1px solid var(--accent-100);box-shadow:none;color:var(--accent-600)}.average-icon{background:var(--primary-50);border:1px solid var(--primary-100);box-shadow:none;color:var(--primary-600)}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-label,.stat-value{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.stat-subtitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-container{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.tabs-nav{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;padding:6px 14px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.tab-btn:hover:not(.active){background:var(--elev-2);color:var(--text-primary)}.tab-btn.active{background:var(--bg-secondary);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--primary);font-weight:var(--font-semibold)}.tab-content{padding:24px}.attendance-table-container{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow-x:auto}.attendance-table{font-feature-settings:var(--feature-numeric);background:var(--bg-secondary);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);width:100%}.pending-approvals-table{min-width:1180px;table-layout:fixed}.pending-approvals-table td:first-child,.pending-approvals-table th:first-child{width:15%}.pending-approvals-table td:nth-child(2),.pending-approvals-table th:nth-child(2){width:9%}.pending-approvals-table td:nth-child(3),.pending-approvals-table th:nth-child(3){width:10%}.pending-approvals-table td:nth-child(4),.pending-approvals-table td:nth-child(5),.pending-approvals-table td:nth-child(6),.pending-approvals-table td:nth-child(7),.pending-approvals-table th:nth-child(4),.pending-approvals-table th:nth-child(5),.pending-approvals-table th:nth-child(6),.pending-approvals-table th:nth-child(7){width:12%}.pending-approvals-table td:nth-child(8),.pending-approvals-table th:nth-child(8){width:13%}.pending-approvals-table td:nth-child(9),.pending-approvals-table th:nth-child(9){width:17%}.pending-approvals-table td{overflow:hidden;text-overflow:ellipsis}.pending-approvals-table td:nth-child(2),.pending-approvals-table td:nth-child(3),.pending-approvals-table td:nth-child(4),.pending-approvals-table td:nth-child(5),.pending-approvals-table td:nth-child(6),.pending-approvals-table td:nth-child(7){white-space:nowrap}.pending-approvals-table td:nth-child(3) span{align-items:center;display:inline-flex;line-height:1.25;max-width:100%;white-space:nowrap}.attendance-table th{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.attendance-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);padding:12px 14px;vertical-align:middle}.attendance-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.attendance-table tbody tr:last-child td{border-bottom:none}.no-data{color:var(--text-muted);font-size:var(--text-sm);padding:48px 24px!important;text-align:center}.records-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:0 4px}.records-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.records-header-actions{align-items:center;display:flex;gap:12px}.att-filter-bar{align-items:flex-end;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px 20px}.att-filter-group{display:flex;flex-direction:column;gap:6px}.att-filter-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.att-filter-group input,.att-filter-group select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);min-width:140px;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.att-filter-group input:hover:not(:focus),.att-filter-group select:hover:not(:focus){border-color:var(--hairline-contrast)}.att-filter-group input:focus,.att-filter-group select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.att-filter-clear{align-items:center;align-self:flex-end;background:#0000;border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;letter-spacing:var(--tracking-wide);padding:8px 14px;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.att-filter-clear:hover{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-600)}.filter-group input::placeholder{color:var(--text-muted)}.filter-actions{align-items:flex-end;display:flex;gap:8px}.clear-filters-btn{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.clear-filters-btn:hover{background:var(--danger-100);border-color:var(--danger-200);color:var(--danger-700)}.status-badge{border:1px solid #0000;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;white-space:nowrap}.status-badge:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.status-working{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.status-working:before{background:var(--success-500)}.status-on_break{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.status-on_break:before{animation:pulse-dot 2s var(--ease-out-quart) infinite;background:var(--warning-500)}.status-logged_out{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.status-logged_out:before{background:var(--text-muted)}.status-present{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.status-present:before{background:var(--success-500)}.status-absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.status-absent:before{background:var(--danger-500)}.status-holiday{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.status-holiday:before{background:var(--accent-500)}.status-leave{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.status-leave:before{background:var(--info-500)}.status-half_day{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary-700)}.status-half_day:before{background:var(--primary)}.status-pending{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.status-pending:before{background:var(--text-muted)}.office-badge-small,.wfh-badge-small{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.wfh-badge-small{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.office-badge-small{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.edit-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;justify-content:center;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.edit-btn:hover{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary-700)}.badge-count{font-feature-settings:"tnum";background:var(--danger-500);border-radius:999px;color:var(--text-inverse);font-size:10px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 6px}.badge-count,.pending-count{align-items:center;display:inline-flex}.pending-count{font-feature-settings:"tnum";background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);padding:3px 8px}.action-buttons{display:flex;gap:8px}.pending-approvals-table .action-buttons{min-width:190px;overflow:visible;white-space:nowrap}.approve-btn,.reject-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:6px 12px;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out-quart)}.pending-approvals-table .approve-btn,.pending-approvals-table .reject-btn{flex:0 0 auto;justify-content:center;min-width:84px;padding-inline:10px}.approve-btn{background:var(--success-500);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.approve-btn:hover:not(:disabled){background:var(--success-600)}.reject-btn{background:var(--danger-500);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.reject-btn:hover:not(:disabled){background:var(--danger-600)}.approve-btn:disabled,.reject-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.reason-cell{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:240px;overflow-wrap:break-word;white-space:normal;word-break:break-word}.pending-approvals-table .reason-cell{display:table-cell;max-width:none}.pending-approvals-table .changed-cell{box-shadow:inset 3px 0 0 #fcd34d;box-shadow:inset 3px 0 0 var(--warning-300,#fcd34d)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.close-btn:hover{background:var(--elev-2);color:var(--text-primary)}.modal-body{padding:20px}.modal-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 16px}.modal-footer{background:var(--bg-secondary);border-top:1px solid var(--hairline);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);margin-bottom:6px}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.form-group input:hover:not(:focus):not(:disabled),.form-group textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-message{border:1px solid var(--danger-100);border-radius:var(--radius-control)}.error-message,.success-message{font-size:var(--text-sm);padding:10px 14px}.success-message{border:1px solid var(--success-100);border-left:3px solid var(--success-500);border-radius:var(--radius-control);margin-bottom:16px}.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.btn-primary{background:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--elev-0);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--text-secondary)}.btn-secondary:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.changed-cell{background:var(--warning-50)!important;color:var(--warning-700);font-weight:var(--font-medium)}.empty-state{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);display:flex;flex-direction:column;padding:48px 24px;text-align:center}.empty-state,.empty-state-icon{align-items:center;justify-content:center}.empty-state-icon{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;height:64px;margin-bottom:16px;width:64px}.empty-state-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 6px}.empty-state-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0;max-width:280px}.edit-summary{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);margin-bottom:20px;padding:16px}.edit-summary h4{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin:0 0 12px;text-transform:uppercase}.edit-comparison{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.comparison-row{align-items:center;display:flex;font-size:var(--text-sm);gap:8px}.comparison-row .label{color:var(--text-muted);font-weight:var(--font-medium);width:64px}.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(--hairline);color:var(--text-secondary);font-size:var(--text-sm);padding-top:12px}.reason-display strong{color:var(--text-primary);font-weight:var(--font-medium)}.export-btn{background:var(--elev-0);border:1px solid #a7f3d0;border:1px solid var(--primary-200,#a7f3d0);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--primary);display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.export-btn:hover:not(:disabled){background:var(--primary-50);border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);color:var(--primary-700)}.export-btn:disabled{opacity:.5}@media (max-width:992px){.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.attendance-dashboard{padding:16px}.dashboard-header h2{font-size:var(--text-xl)}.stats-grid{gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:4px}.tab-btn{font-size:var(--text-xs);padding:8px 12px}.tab-content{padding:16px}.records-header{align-items:flex-start;flex-direction:column;gap:12px}.att-filter-bar{align-items:stretch;flex-direction:column}.att-filter-group,.filter-actions{width:100%}.attendance-table{font-size:var(--text-xs)}.attendance-table td,.attendance-table th{padding:10px 8px}}@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% - 12px)}.team-today-bar>.export-btn{align-self:flex-end}}@media (max-width:480px){.attendance-dashboard{padding:12px}.dashboard-header{margin-bottom:16px}.dashboard-header h2{font-size:var(--text-lg)}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-2xl)}}.my-row--absent td{background:var(--danger-50)!important}.my-row--halfday td{background:var(--primary-50)!important}.my-row--late td{background:#fffbeb!important;background:var(--warning-50,#fffbeb)!important}.my-rec-date{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.my-late-pill,.my-wfh-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-right:6px;margin-top:4px;padding:2px 8px;text-transform:uppercase}.my-late-pill{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.my-wfh-pill{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.my-hours{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter)}.my-overtime-pill{align-items:center;background:var(--accent-50);border:1px solid var(--accent-100);border-radius:999px;color:var(--accent-700);display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-left:8px;padding:2px 8px;text-transform:uppercase}.my-break{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.my-na{color:var(--text-muted)}.my-active{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:var(--font-medium)}.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)}.attendance-table tbody tr:nth-child(2n){background:#0000}.attendance-table th{background:var(--elev-1)!important;border-bottom:1px solid var(--hairline-strong)!important}.attendance-table tbody tr td:first-child{border-left:2px solid #0000;padding-left:12px}.my-row--absent td:first-child{border-left-color:var(--danger-500)!important}.my-row--halfday td:first-child{border-left-color:var(--primary)!important}.my-row--late td:first-child{border-left-color:var(--warning-500)!important}.attendance-table tbody tr:hover{background:var(--elev-1)!important}.my-row--absent:hover td{background:var(--danger-100)!important}.my-row--halfday:hover td{background:#a7f3d0!important;background:var(--primary-100,#a7f3d0)!important}.my-row--late:hover td{background:#fef3c7!important;background:var(--warning-100,#fef3c7)!important}.my-rec-date{font-size:var(--text-sm)!important;font-weight:var(--font-semibold)!important;letter-spacing:var(--tracking-tight)}.my-hours{color:var(--text-primary)!important}.session-entry,.session-hours,.session-times,.session-times-single{font-feature-settings:"tnum";font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.attendance-table .status-badge{align-items:center;display:inline-flex;gap:6px}.attendance-table .status-badge:before{background:currentColor;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:6px;width:6px}.attendance-table .edit-btn{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);font-size:var(--text-xs);gap:6px;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.attendance-table .edit-btn:hover{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.team-att-container{display:flex;flex-direction:column;gap:20px}.team-today-bar{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;gap:16px;padding:16px 20px}.team-today-stats{display:flex;flex:1 1;gap:12px}.team-today-stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:8px 12px;text-align:center}.team-today-val{font-feature-settings:"tnum";font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.team-today-lbl,.team-today-val{display:block;text-align:center;width:100%}.team-today-lbl{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-top:4px;text-transform:uppercase;white-space:nowrap}.team-today-stat--present .team-today-val{color:var(--success-600)}.team-today-stat--absent .team-today-val{color:var(--danger-600)}.team-today-stat--total .team-today-val{color:#047857;color:var(--primary-700,#047857)}.team-today-stat--rate .team-today-val{color:var(--success-600)}.team-emp-list{display:flex;flex-direction:column;gap:12px}.team-emp-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.team-emp-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.team-emp-card.is-open{border-color:#6ee7b7;border-color:var(--primary-300,#6ee7b7);box-shadow:var(--shadow-e2)}.team-emp-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:16px;padding:16px 20px;text-align:left;transition:background var(--dur-fast) var(--ease-out-quart);width:100%}.team-emp-header:hover{background:var(--elev-1)}.team-emp-card.is-open .team-emp-header{background:var(--primary-50);border-bottom:1px solid var(--hairline)}.team-emp-avatar{align-items:center;background:var(--primary);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;letter-spacing:var(--tracking-tight);width:40px}.team-emp-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.team-emp-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-emp-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:8px}.team-emp-team-tag{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:#047857;color:var(--primary-700,#047857);display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.team-emp-stats{display:flex;flex-shrink:0;gap:16px}.team-emp-stat{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:48px}.team-emp-stat-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:var(--leading-tight)}.team-emp-stat-lbl{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.team-emp-stat-present{color:var(--success-600)}.team-emp-stat-absent{color:var(--danger-600)}.team-emp-stat-late,.team-emp-stat-leave{color:#d97706;color:var(--warning-600,#d97706)}.team-emp-stat-wfh{color:var(--info-600)}.team-emp-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out-quart)}.team-emp-chevron.open{transform:rotate(180deg)}.team-emp-records{animation:slide-down .2s var(--ease-out-quart);background:var(--elev-1);overflow-x:auto;padding:0 20px 16px}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.team-row--absent td{background:var(--danger-50)!important}.team-row--late td{background:#fffbeb!important;background:var(--warning-50,#fffbeb)!important}.team-row--halfday td{background:var(--primary-50)!important}.team-row--leave td{background:#fffbeb!important;background:var(--warning-50,#fffbeb)!important}.team-leave-info{align-items:center;flex-wrap:wrap;gap:10px}.team-leave-type{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-radius:var(--radius-control);color:#b45309;color:var(--warning-700,#b45309);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.team-leave-reason{color:var(--text-muted);font-size:var(--text-xs);font-style:italic;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-rec-date{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);margin-right:8px}.team-late-pill{align-items:center;background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-radius:999px;color:#b45309;color:var(--warning-700,#b45309);display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.team-active-now{color:var(--success-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.team-na{color:var(--text-muted)}.team-overtime{font-feature-settings:"tnum";color:var(--accent-700);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}@keyframes att-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.att-skel-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:32px}.att-skel-stat-card{animation:att-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-surface);height:116px}.sessions-cell{display:flex;flex-direction:column;gap:6px}.session-entry{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:8px}.session-edit-btn{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-control);color:#047857;color:var(--primary-700,#047857);cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:4px 8px;transition:opacity var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.session-entry:hover .session-edit-btn{opacity:1}.session-edit-btn:hover{background:#d1fae5;background:var(--primary-100,#d1fae5)}.session-tag{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.session-tag.wfh{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.session-tag.office{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.session-times{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.session-times em{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:var(--font-medium)}.session-hours{color:var(--text-primary);font-weight:var(--font-semibold);margin-left:auto}.session-hours,.session-times-single{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums}.session-times-single{color:var(--text-secondary)}.session-times-single em{color:#059669;color:var(--primary-600,#059669);font-style:normal;font-weight:var(--font-medium)}.multi-session-row{background:var(--elev-1)}.attendance-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase}.attendance-badge.attendance-present{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.attendance-badge.attendance-half_day{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.attendance-badge.attendance-absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.attendance-badge.attendance-pending{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.attendance-badge.attendance-on_leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ac-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 320px}.ac-left{display:flex;flex-direction:column;gap:20px;padding:20px}.ac-left,.ac-right{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.ac-right{position:-webkit-sticky;position:sticky;top:20px}.ac-nav{align-items:flex-start;display:flex;justify-content:space-between}.ac-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.ac-month-label{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.ac-nav-btns{align-items:center;display:flex;gap:6px}.ac-nav-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);height:28px;justify-content:center;min-width:28px;padding:0 8px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ac-nav-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ac-nav-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.ac-nav-btn--today{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857);font-weight:var(--font-semibold)}.ac-nav-btn--today:hover{background:#a7f3d0;background:var(--primary-100,#a7f3d0);border-color:#6ee7b7;border-color:var(--primary-200,#6ee7b7);color:#065f46;color:var(--primary-800,#065f46)}.ac-month-chip{align-items:center;border:1px solid #0000;border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;height:28px;justify-content:center;min-width:110px;padding:0 12px;white-space:nowrap}.ac-month-chip--current{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.ac-today-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:6px;width:6px}.ac-summary{display:flex;flex-wrap:wrap;gap:12px}.ac-summary-item{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:64px;padding:10px 14px;text-align:center}.ac-summary-num{font-feature-settings:"tnum";font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:1}.ac-summary-lbl,.ac-summary-num{display:block;text-align:center;width:100%}.ac-summary-lbl{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.ac-summary-item--present .ac-summary-num{color:var(--success-600)}.ac-summary-item--absent .ac-summary-num{color:var(--danger-600)}.ac-summary-item--leave .ac-summary-num{color:#d97706;color:var(--warning-600,#d97706)}.ac-summary-item--half-day .ac-summary-num{color:var(--info-600)}.ac-summary-item--holiday .ac-summary-num{color:var(--primary)}.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:4px}.ac-weekday{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:4px 0;text-align:center;text-transform:uppercase}.ac-weekday--end{color:var(--primary)}.ac-days{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.ac-day{align-items:center;aspect-ratio:1;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;overflow:hidden;padding:2px;position:relative;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ac-day--filler{border:none;cursor:default}.ac-day:not(.ac-day--filler):hover:not(.ac-day--selected){border-color:var(--hairline-contrast);box-shadow:var(--shadow-e1)}.ac-day--present{background:var(--success-50);border-color:var(--success-100)}.ac-day--absent{background:var(--danger-50);border-color:var(--danger-100)}.ac-day--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7)}.ac-day--half-day{background:var(--info-50);border-color:var(--info-100)}.ac-day--holiday{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0)}.ac-day--weekend{background:var(--elev-1);border-color:#0000}.ac-day--pending{background:var(--elev-1);border-color:var(--hairline-strong)}.ac-day--upcoming{background:#0000;border-color:var(--hairline)}.ac-day--empty{background:#0000}.ac-day--selected{border-color:var(--ring-color)!important;box-shadow:var(--ring-soft);z-index:1}.ac-day--today .ac-day-num{align-items:center;background:var(--primary);border-radius:var(--radius-full);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:flex;height:24px;justify-content:center;width:24px}.ac-day-num{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);line-height:1}.ac-day-dot{border-radius:50%;bottom:6px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.ac-day--present .ac-day-dot{background:var(--success-500)}.ac-day--absent .ac-day-dot{background:var(--danger-500)}.ac-day--leave .ac-day-dot{background:var(--warning-500)}.ac-day--half-day .ac-day-dot{background:var(--info-500)}.ac-day-hours{font-feature-settings:"tnum";background:var(--success-100);color:var(--success-700);font-size:9px;font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.ac-day-hours,.ac-day-leave-initial{border-radius:3px;line-height:14px;padding:0 4px;position:absolute;right:4px;top:4px}.ac-day-leave-initial{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309);font-size:9px;font-weight:var(--font-semibold);text-transform:uppercase}.ac-loading{padding:4px 0}.ac-loading-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}@keyframes ac-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.ac-loading-cell{animation:ac-shimmer 1.4s linear infinite;aspect-ratio:1;background:var(--elev-1);border-radius:var(--radius-control);min-height:48px}.ac-legend{border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:12px;padding-top:14px}.ac-legend-item{align-items:center;display:flex;gap:6px}.ac-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ac-legend-dot--present{background:var(--success-500)}.ac-legend-dot--absent{background:var(--danger-500)}.ac-legend-dot--leave{background:var(--warning-500)}.ac-legend-dot--half-day{background:var(--info-500)}.ac-legend-dot--holiday{background:var(--primary)}.ac-legend-dot--weekend{background:var(--border-default)}.ac-legend-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.ac-detail-title{border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0;padding:16px 20px 14px}.ac-detail-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px;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:16px;padding:20px}.ac-detail-date-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ac-detail-date-text{align-items:center;display:flex;gap:10px}.ac-detail-daynum{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);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);margin-top:2px}.ac-detail-monthyear,.ac-status-pill{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ac-status-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex-shrink:0;font-weight:var(--font-semibold);gap:6px;padding:3px 8px;white-space:nowrap}.ac-status-pill--present{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.ac-status-pill--absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ac-status-pill--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ac-status-pill--half-day{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.ac-status-pill--holiday{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.ac-status-pill--weekend{color:var(--text-secondary)}.ac-status-pill--upcoming,.ac-status-pill--weekend{background:var(--elev-1);border-color:var(--hairline-strong)}.ac-status-pill--upcoming{color:var(--text-muted)}.ac-status-pill--pending{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ac-time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ac-time-card{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:4px;padding:12px 14px}.ac-time-label{color:var(--text-muted);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.ac-time-label,.ac-time-value{font-weight:var(--font-semibold)}.ac-time-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ac-time-card--in .ac-time-value{color:var(--success-600)}.ac-time-card--out .ac-time-value{color:var(--danger-600)}.ac-time-card--hours .ac-time-value{color:var(--primary)}.ac-time-card--overtime .ac-time-value{color:#d97706;color:var(--warning-600,#d97706)}.ac-info-box{align-items:center;border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:flex;gap:12px;padding:14px 16px}.ac-info-box--leave{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);border-left:3px solid var(--warning-500);color:#b45309;color:var(--warning-700,#b45309)}.ac-info-box--holiday{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);border-left:3px solid var(--primary);color:#047857;color:var(--primary-700,#047857)}.ac-info-box--upcoming,.ac-info-box--weekend{background:var(--elev-1);border-color:var(--hairline-strong);border-left:3px solid var(--border-dark);color:var(--text-muted)}.ac-info-box--pending{background:var(--info-50);border-color:var(--info-100);border-left:3px solid var(--info-500);color:var(--info-700)}.ac-info-box--absent{background:var(--danger-50);border-color:var(--danger-100);border-left:3px solid var(--danger-500);color:var(--danger-700)}.ac-info-title{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.ac-info-sub{font-size:var(--text-xs);line-height:var(--leading-snug);margin-top:2px;opacity:.9}@media (max-width:900px){.ac-container{grid-template-columns:1fr}.ac-right{position:static}}@media (max-width:480px){.ac-day{min-height:40px}.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);letter-spacing:var(--tracking-wide);text-transform:uppercase}.live-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--success-500);border-radius:999px;height:7px;width:7px}@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{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:5px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.refresh-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-100);color:var(--primary);color:var(--primary-700,var(--primary))}.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;background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:18px 14px;position:relative}.summary-item:before{bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.summary-item--working:before{background:var(--success-500)}.summary-item--break:before{background:var(--warning-500)}.summary-item--offline:before{background:var(--hairline-contrast)}.summary-count{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);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:var(--font-semibold);letter-spacing:var(--tracking-wide);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:1px solid var(--hairline);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1);padding-bottom:var(--space-2)}.column-header--working{border-bottom-color:var(--success-100)}.column-header--break{border-bottom-color:var(--warning-100)}.column-header--offline{border-bottom-color:var(--hairline)}.column-dot{border-radius:999px;flex-shrink:0;height:7px;width:7px}.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(--elev-1);border:1px dashed var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-muted);font-size:var(--text-xs);padding:24px 12px;text-align:center}.person-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--hairline);border-left:2px solid #0000;border-radius:var(--radius-control);display:flex;gap:var(--space-3);padding:10px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.person-card--working{border-left-color:var(--success-500)}.person-card--break{border-left-color:var(--warning-500)}.person-card--offline{border-left-color:var(--hairline-contrast);opacity:.8}.person-card:hover{background:var(--elev-1);border-color:var(--hairline-strong)}.person-card--offline:hover{opacity:1}.person-avatar{align-items:center;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff26;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:11px;font-weight:var(--font-bold);height:34px;justify-content:center;letter-spacing:.3px;overflow:hidden;width:34px}.person-avatar-img{border-radius:999px;display:block;height:100%;object-fit:cover;width:100%}.person-avatar--working{background:var(--success-500)}.person-avatar--break{background:var(--warning-500)}.person-avatar--offline{background:var(--elev-2);color:var(--text-secondary)}.person-info{flex:1 1;min-width:0}.person-name{color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2)}.person-name,.wfh-tag{align-items:center;font-weight:var(--font-semibold)}.wfh-tag{background:var(--info-50);border:1px solid var(--info-100);border-radius:999px;color:var(--info-600);color:var(--info-700,var(--info-600));display:inline-flex;font-size:10px;gap:3px;letter-spacing:var(--tracking-wide);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{font-feature-settings:"tnum";color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;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:999px;color:var(--warning-600);color:var(--warning-700,var(--warning-600));font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 6px;text-transform:uppercase}.break-timer{font-feature-settings:"tnum";color:var(--warning-600);font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.skeleton-summary-item{border-radius:var(--radius-surface);flex:1 1;height:80px}.skeleton-card{border-radius:var(--radius-control);height:60px}@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:12px 10px}.summary-count{font-size:var(--text-2xl)}}@media (max-width:640px){.whos-in-columns{grid-template-columns:1fr}}.sm-page{animation:sm-enter .35s var(--ease-out-quart);margin:0 auto;max-width:1400px;padding:24px;position:relative}@keyframes sm-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sm-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.sm-tabs{border-bottom:1px solid var(--hairline-strong);display:flex;flex-wrap:wrap;gap:8px}.sm-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;margin-bottom:-1px;padding:8px 16px;position:relative;transition:color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.sm-tab:hover:not(.sm-tab--active){border-bottom-color:var(--hairline-contrast);color:var(--text-primary)}.sm-tab--active{border-bottom-color:var(--primary);color:var(--primary)}.sm-tab--active,.sm-tab-count{font-weight:var(--font-semibold)}.sm-tab-count{font-feature-settings:"tnum";align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:10px;font-variant-numeric:tabular-nums;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.sm-tab--active .sm-tab-count{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.sm-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.sm-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.sm-table thead tr{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong)}.sm-table th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sm-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px 14px;vertical-align:middle}.sm-table tbody tr:last-child td{border-bottom:none}.sm-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.sm-table tbody tr:hover{background:var(--elev-1)}.sm-row--inactive{opacity:.5}.sm-name-cell{align-items:center;display:flex;gap:12px}.sm-shift-icon{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-600);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sm-shift-name{color:var(--text-primary);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.sm-dept-cell,.sm-desc-cell{color:var(--text-secondary);font-size:var(--text-xs)}.sm-desc-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-nil{color:var(--text-muted)}.sm-default-tag{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:999px;color:var(--primary-700);display:inline-block;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.sm-time-range{font-feature-settings:"tnum";align-items:center;color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);gap:6px}.sm-time-sep{color:var(--text-muted);font-size:var(--text-xs)}.sm-hours-pill{font-feature-settings:"tnum";background:var(--primary-50);border:1px solid var(--primary-100);border-radius:999px;color:var(--primary-700);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.sm-hours-pill,.sm-shift-pill{display:inline-block;padding:3px 10px}.sm-shift-pill{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.sm-row-actions{display:flex;justify-content:flex-end}.sm-badge,.sm-row-actions{align-items:center;gap:6px}.sm-badge{border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;white-space:nowrap}.sm-badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.sm-badge--success{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.sm-badge--warning{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.sm-badge--info{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.sm-badge--danger{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.sm-badge--default{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.sm-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);gap:8px;line-height:1;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.sm-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5}.sm-btn--primary{background:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold)}.sm-btn--primary:hover:not(:disabled){background:var(--primary-hover)}.sm-btn--primary:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.sm-btn--ghost{background:var(--elev-0);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--text-secondary)}.sm-btn--ghost:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast);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);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold)}.sm-btn--success:hover:not(:disabled){background:var(--success-700)}.sm-btn--danger{background:var(--danger-600);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold)}.sm-btn--danger:hover:not(:disabled){background:var(--danger-700)}.sm-btn--review{background:var(--primary-50);border:1px solid var(--primary-100);color:var(--primary-700)}.sm-btn--review:hover:not(:disabled){background:var(--primary-100)}.sm-btn--sm{font-size:var(--text-xs);gap:6px;padding:6px 12px}.sm-icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:32px}.sm-icon-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.sm-icon-btn--danger:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.sm-role-chip{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);padding:3px 9px;text-transform:capitalize}.sm-unassigned{color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.sm-avatar{align-items:center;background:var(--primary);border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:var(--font-semibold);height:32px;justify-content:center;letter-spacing:var(--tracking-tight);width:32px}.sm-assign-inline{align-items:center;display:flex;gap:8px}.sm-assign-inline select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-width:140px;outline:none;padding:6px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.sm-assign-inline select:hover:not(:focus){border-color:var(--hairline-contrast)}.sm-assign-inline select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.sm-my-shift{display:flex;flex-direction:column;gap:24px;max-width:680px}.sm-current-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden;position:relative}.sm-current-card:before{background:var(--primary);border-radius:0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sm-current-card-label{align-items:center;color:var(--primary-700);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-wide);padding:16px 20px 0 24px;text-transform:uppercase}.sm-current-card-body{padding:12px 20px 24px 24px}.sm-current-name{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin-bottom:16px}.sm-current-times{align-items:stretch;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);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:4px;padding:12px 24px}.sm-time-block-label{color:var(--text-muted);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.sm-time-block-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.sm-time-divider{align-self:stretch;background:var(--hairline);width:1px}.sm-current-desc{border-top:1px solid var(--hairline);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:20px 0 0;padding-top:16px}.sm-current-none{color:var(--text-muted);font-style:italic;padding:16px 20px 24px 24px}.sm-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.sm-section-hd{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:12px 20px;text-transform:uppercase}.sm-req-row{align-items:center;border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;transition:background var(--dur-fast) var(--ease-out-quart)}.sm-req-row:last-child{border-bottom:none}.sm-req-row:hover{background:var(--elev-1)}.sm-req-row--past{opacity:.7}.sm-req-name{color:var(--text-primary);font-weight:var(--font-medium)}.sm-req-eff,.sm-req-name{flex-shrink:0;font-size:var(--text-sm)}.sm-req-eff{font-feature-settings:"tnum";align-items:center;color:var(--text-secondary);display:inline-flex;font-variant-numeric:tabular-nums;gap:6px;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:var(--text-xs);padding-top:4px}.sm-req-rejection{color:var(--danger-600);font-weight:var(--font-medium)}.sm-pending{display:flex;flex-direction:column;gap:16px}.sm-approval-card--new{background:linear-gradient(100deg,#ecfdf580 0,var(--bg-secondary) 60%)!important;border-color:#10b98173!important;box-shadow:0 0 0 1px #10b9811f,0 6px 18px -10px #10b98166,inset 3px 0 0 0 #10b981!important}.sm-approval-name{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.sm-approval-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.sm-approval-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.sm-approval-card--open{border-color:var(--primary-300);box-shadow:var(--shadow-e2)}.sm-approval-left{align-items:flex-start;display:flex;flex:1 1;gap:16px;min-width:0}.sm-approval-info{display:flex;flex-direction:column;gap:6px;min-width:0}.sm-approval-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.sm-approval-route{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:8px}.sm-approval-arrow{color:var(--text-muted);flex-shrink:0}.sm-approval-target{color:var(--primary-600);font-weight:var(--font-semibold)}.sm-approval-meta{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);font-variant-numeric:tabular-nums;gap:8px}.sm-approval-meta svg{flex-shrink:0}.sm-meta-sep{color:var(--hairline-contrast)}.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:12px}.sm-approval-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sm-comment-input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-width:180px;outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.sm-comment-input:hover:not(:focus){border-color:var(--hairline-contrast)}.sm-comment-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.sm-empty{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);display:flex;flex-direction:column;gap:12px;padding:64px 24px;text-align:center}.sm-empty-icon{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:50%;color:var(--text-muted);display:inline-flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.sm-empty-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.sm-empty-sub{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:280px}.sm-modal-backdrop{align-items:flex-start;animation:modalOverlayIn var(--dur-base) var(--ease-out-quart);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 20px 20px;position:fixed;z-index:var(--z-modal)}.sm-modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);flex-direction:column;max-height:calc(100vh - 80px);max-width:560px;overflow:hidden;transform:translateZ(0);width:100%}.sm-modal,.sm-modal-header{background:var(--bg-secondary);display:flex}.sm-modal-header{align-items:center;border-bottom:1px solid var(--hairline);flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.sm-modal-title-group{align-items:center;display:flex;gap:12px}.sm-modal-icon{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-600);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sm-modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.sm-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.sm-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--hairline);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.sm-field{display:flex;flex-direction:column;gap:6px}.sm-field label{color:var(--text-primary);font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.sm-field label,.sm-optional{font-weight:var(--font-medium)}.sm-optional{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:normal;text-transform:none}.sm-field input,.sm-field select,.sm-field textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.sm-field input:hover:not(:focus):not(:disabled),.sm-field select:hover:not(:focus):not(:disabled),.sm-field textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.sm-field textarea{min-height:80px;resize:vertical}.sm-field-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr minmax(90px,auto) minmax(90px,auto)}.sm-field--sm{min-width:90px}.sm-toast{align-items:center;animation:sm-toast-in .2s var(--ease-out-quart);border-radius:var(--radius-control);bottom:24px;box-shadow:var(--shadow-e2);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;padding:10px 14px;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-50);border:1px solid var(--success-100);border-left:3px solid var(--success-500);color:var(--success-700)}.sm-toast--error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);color:var(--danger-700)}@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:24px}.calendar-container>.page-hd{margin-bottom:18px}.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:16px;padding:var(--space-4) var(--space-5)}.info-banner strong{color:var(--info-700);font-weight:var(--font-bold)}.calendar-wrapper{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 320px;margin-bottom:24px}.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:14px;margin-bottom:16px;padding:16px 20px}.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:modalOverlayIn var(--dur-base) var(--ease-out-quart)}.modal-content{animation:modalContentIn var(--dur-base) var(--ease-out-quart);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);flex-direction:column;max-height:calc(100vh - 80px);max-width:480px;overflow:hidden;transform:translateZ(0);width:100%}.modal-content,.modal-header{background:var(--bg-secondary);display:flex}.modal-header{align-items:center;border-bottom:1px solid var(--hairline);flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.modal-content h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.modal-content h2 svg{color:var(--info-500)}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.modal-close-btn:hover{background:var(--elev-2);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:18px 20px}.summary-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.summary-chip{font-feature-settings:var(--feature-numeric);align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);font-weight:var(--font-semibold);gap:5px;padding:5px 10px}.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-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);margin-bottom:6px}.modal-body .form-group select,.modal-body .form-group textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.modal-body .form-group select:hover:not(:focus):not(:disabled),.modal-body .form-group textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);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:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.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:var(--bg-secondary);border-top:1px solid var(--hairline);flex-shrink:0;padding:14px 20px}.cancel-btn{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.cancel-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.submit-btn{background:var(--info-500);border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.submit-btn:hover:not(:disabled){background:#0284c7;background:var(--info-600,#0284c7)}.submit-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.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}.calendar-side-panel,.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}}.calendar-side-panel{display:flex;flex-direction:column;gap:var(--space-4);max-width:340px;min-width:280px}.team-leaves-section,.upcoming-holidays-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-e1);padding:var(--space-6)}.team-leaves-section h3,.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,.team-leaves-list{display:flex;flex-direction:column;gap:8px}.holiday-list-item,.team-leave-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)}.team-leave-list-item{align-items:flex-start;background:var(--elev-0);border:1px solid var(--hairline-strong);border-left:3px solid var(--info-500);box-shadow:var(--shadow-e1)}.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)}.team-leave-list-item:hover{background:var(--elev-1);border-color:var(--hairline-contrast);border-left-color:var(--info-600)}.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-list-date.team-date{border-color:var(--info-200)}.holiday-list-date.team-date:before{background:var(--info-500)}.team-date .holiday-day{color:var(--info-700)}.team-date .holiday-month{color:var(--info-600)}.team-leave-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.team-leave-date-line{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:space-between}.team-leave-date-line span{background:var(--info-100);border:1px solid var(--info-100);border-radius:var(--radius-full);color:var(--info-700);padding:2px 7px;white-space:nowrap}.team-leave-members{display:flex;flex-direction:column;gap:7px}.team-leave-member{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:26px minmax(0,1fr) auto;min-width:0}.team-leave-avatar{align-items:center;background:var(--info-100);border:1px solid var(--info-200);border-radius:var(--radius-full);color:var(--info-700);display:inline-flex;font-size:11px;font-weight:var(--font-bold);height:26px;justify-content:center;width:26px}.team-leave-name{font-size:var(--text-sm);min-width:0;overflow:hidden;text-overflow:ellipsis}.team-leave-name,.team-leave-type{color:var(--text-primary);font-weight:var(--font-semibold);white-space:nowrap}.team-leave-type{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);font-size:10px;padding:3px 7px}.team-leave-more{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding-left:34px}.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}.breakdown-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.breakdown-item{background:#f8fafcf5;border:1px solid #e2e8f0eb;border-radius:14px;padding:14px}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.breakdown-date{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px}.breakdown-date svg{color:var(--info-500)}.duration-toggles{background:#e2e8f080;border-radius:10px;display:flex;gap:4px;padding:4px}.duration-toggle{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease}.duration-toggle:hover{background:#ffffff80;color:var(--text-primary)}.duration-toggle--active{background:#fff!important;box-shadow:0 2px 4px #0f172a0d;color:#0284c7!important;color:var(--info-600,#0284c7)!important}.breakdown-time-slots{animation:slideDownFade .2s ease;border-top:1px solid #e2e8f0cc;padding-top:12px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.breakdown-label{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.025em;margin-bottom:8px;text-transform:uppercase}.time-slot-card.time-slot-disabled{cursor:not-allowed;opacity:.5}.time-slot-card.time-slot-disabled,.time-slot-card.time-slot-disabled:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.duration-toggle:disabled{cursor:not-allowed;opacity:.4}.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--new{background:linear-gradient(90deg,#d1fae566,#d1fae514 60%,#0000)!important;box-shadow:inset 3px 0 0 0 #10b981}.lead-title-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.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{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;flex-wrap:wrap;gap:10px;justify-content:flex-end}.lead-edit-btn{align-items:center;background:none;border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 14px;transition:all var(--transition-fast)}.lead-edit-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-primary)}.lead-delete-btn{align-items:center;background:none;border:1.5px solid #fecaca;border:1.5px solid var(--danger-200,#fecaca);border-radius:var(--radius-md);color:var(--danger-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 14px;transition:all var(--transition-fast)}.lead-delete-btn:hover{background:var(--danger-50);border-color:#f87171;border-color:var(--danger-400,#f87171)}.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:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(280px,320px) minmax(0,1fr);padding:0 24px 24px}.lead-info-section{gap:16px}.lead-info-section,.lead-main-section{display:flex;flex-direction:column;min-width:0}.lead-main-section{gap:20px;width:100%}.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}.lead-detail .info-row{align-items:flex-start;display:flex;font-size:14px;gap:14px;justify-content:space-between;padding:8px 0}.lead-detail .info-row label{color:var(--text-secondary);flex-shrink:0}.lead-detail .info-row span{color:var(--text-primary);font-weight:500;margin-left:auto;max-width:65%;overflow-wrap:anywhere;text-align:right}.lead-detail .info-row a{color:var(--primary);text-decoration:none}.lead-detail .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}.detail-story-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px}.detail-story-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.detail-story-header h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 6px}.detail-story-header p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.detail-story-pill{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-full);color:var(--primary-700);display:inline-flex;font-size:12px;font-weight:600;padding:7px 12px;white-space:nowrap}.detail-story-section+.detail-story-section{margin-top:18px}.detail-story-section-header{align-items:center;color:var(--text-primary);display:flex;gap:8px;margin-bottom:12px}.detail-story-section-header h5{font-size:14px;font-weight:600;margin:0}.detail-copy-shell{grid-gap:12px;display:grid;gap:12px}.detail-copy-block{background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:var(--radius-lg);padding:14px 16px}.detail-copy-text{color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}.detail-copy-text+.detail-copy-text{margin-top:10px}.detail-copy-list{color:var(--text-secondary);margin:0;padding-left:20px}.detail-copy-list li+li{margin-top:8px}.detail-copy-link{color:#047857;color:var(--primary-700,#047857);font-weight:500;overflow-wrap:anywhere;text-decoration:none}.detail-copy-link:hover{text-decoration:underline}.detail-copy-link-row{display:inline-flex;margin-top:8px}.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{align-self:stretch;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);min-width:0;padding:20px;width:100%}.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-item,.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-actions{align-items:flex-start;display:flex;gap:4px;margin-left:auto}.activity-action-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-control,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;width:26px}.activity-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.activity-action-btn--danger:hover{background:var(--danger-50);border-color:#fecaca;border-color:var(--danger-200,#fecaca);color:var(--danger-600)}.activity-action-btn:disabled{cursor:not-allowed;opacity:.5}.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:flex-start;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 20px 20px;position:fixed;z-index:var(--z-modal)}.modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);max-height:calc(100vh - 80px);max-width:500px;overflow-y:auto;padding:22px;transform:translateZ(0);width:100%}.modal h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 18px}.modal .form-group{margin-bottom:14px}.modal .form-group label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);margin-bottom:6px}.modal input,.modal select,.modal textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.modal input:hover:not(:focus):not(:disabled),.modal select:hover:not(:focus):not(:disabled),.modal textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:20px}.modal-actions button{border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.modal-actions button[type=submit]{background:var(--primary);border:1px solid #0000;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);font-weight:var(--font-semibold)}.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(--elev-0);border:1px solid var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--text-secondary)}.modal-actions button[type=button]:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.outcome-options{display:flex;gap:16px}.outcome-option{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);cursor:pointer;flex:1 1;font-weight:var(--font-semibold);padding:14px;text-align:center;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.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(--hairline);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.close-modal-btn{align-items:center;background:none;border:none;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.close-modal-btn:hover{background:var(--elev-2);color:var(--text-primary)}.close-modal-btn svg{height:20px;width:20px}.form-section{margin-bottom:24px}.form-section h4{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);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-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);margin-bottom:6px}.create-lead-modal input,.create-lead-modal select,.create-lead-modal textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.create-lead-modal input:hover:not(:focus):not(:disabled),.create-lead-modal select:hover:not(:focus):not(:disabled),.create-lead-modal textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.create-lead-modal input:disabled,.create-lead-modal select:disabled,.create-lead-modal textarea:disabled{background:var(--elev-2);color:var(--text-muted);cursor:not-allowed}.create-lead-modal input:focus,.create-lead-modal select:focus,.create-lead-modal textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.create-lead-modal .modal-actions{border-top:1px solid var(--hairline);padding-top:14px}.cancel-btn{background:var(--elev-0)!important;border:1px solid var(--hairline-strong)!important;box-shadow:var(--shadow-e1);color:var(--text-secondary)!important}.cancel-btn:hover{background:var(--elev-1)!important;border-color:var(--hairline-contrast)!important;color:var(--text-primary)!important}.submit-btn{background:var(--primary)!important;border:1px solid #0000!important;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)!important;font-weight:var(--font-semibold)!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}.portal-profile-field{animation:fadeSlideIn .2s ease both;background:#10b9810a;border:1px dashed #10b9814d;border-radius:var(--radius-lg);padding:12px 14px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.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{justify-content:stretch;width:100%}.lead-actions button{flex:1 1}.detail-story-header{align-items:flex-start;flex-direction:column}.lead-detail .info-row{flex-direction:column;gap:4px}.lead-detail .info-row span{margin-left:0;max-width:100%;text-align:left}}.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{border-radius:20px;display:inline-block;font-size:11px;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}.leads-table-wrap{border:1px solid #e2e8f0cc!important;border-radius:14px!important;box-shadow:0 8px 28px #0f172a12}.leads-table td{padding:14px 16px!important;vertical-align:middle}.leads-table th{background:#f1f5f9fc!important;border-bottom:2px solid #e2e8f0e6!important;font-size:10.5px!important;letter-spacing:.8px!important;padding:11px 16px!important}.leads-table .lead-row td:first-child{border-left:3px solid #cbd5e180;padding-left:17px!important}.leads-table .lead-row.lead-status-new td:first-child{border-left-color:#38bdf8;border-left-color:var(--info-400,#38bdf8)}.leads-table .lead-row.lead-status-contacted td:first-child{border-left-color:#fbbf24;border-left-color:var(--warning-400,#fbbf24)}.leads-table .lead-row.lead-status-qualified td:first-child{border-left-color:#34d399;border-left-color:var(--primary-400,#34d399)}.leads-table .lead-row.lead-status-proposal td:first-child{border-left-color:#818cf8}.leads-table .lead-row.lead-status-negotiation td:first-child{border-left-color:#f97316}.leads-table .lead-row.lead-status-won td:first-child{border-left-color:#22c55e;border-left-color:var(--success-500,#22c55e)}.leads-table .lead-row.lead-status-lost td:first-child{border-left-color:#cbd5e1;border-left-color:var(--secondary-300,#cbd5e1)}.leads-table .lead-row:hover{background:#f8fafcf5!important;box-shadow:inset 0 0 0 1000px #f1f5f966}.lead-title-cell .lead-title{color:var(--text-primary);font-size:14px!important;font-weight:600!important;letter-spacing:-.01em}.leads-table td .lead-value-amount{font-feature-settings:"tnum";font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em}.leads-table td[style]{font-size:15px;font-weight:700;letter-spacing:-.03em}.priority-badge.hot,.priority-badge.priority-hot{background:linear-gradient(135deg,#ef4444,#f97316)!important;border:none!important;box-shadow:0 2px 8px #ef444447;color:#fff!important;font-weight:700!important}.leads-table td.overdue{color:#dc2626!important;color:var(--danger-600,#dc2626)!important;font-weight:600}.lead-age-badge{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700!important;letter-spacing:-.03em}.sortable-th:hover{background:#f1f5f9fc!important}.sort-icon-active{color:#059669!important;color:var(--primary-600,#059669)!important}.leads-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:16px;padding-bottom:0}.leads-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:8px 20px;transition:color .15s,border-color .15s}.leads-tab:hover{color:#111827}.leads-tab--active{border-bottom-color:#059669;color:#059669}.leads-reopen-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;transition:background .15s,color .15s;white-space:nowrap}.leads-reopen-btn:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.leads-reopen-btn:disabled{cursor:not-allowed;opacity:.6}.followup-done-btn{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:50%;color:#059669;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;padding:0;transition:background .15s,color .15s;width:20px}.followup-done-btn:hover:not(:disabled){background:#10b981;color:#fff}.followup-done-btn:disabled{cursor:not-allowed;opacity:.6}.lbh-page{padding:24px}.lbh-skeleton-header{border-radius:var(--radius-control);height:56px}.lbh-skeleton-header,.lbh-skeleton-hero{animation:lbh-shimmer 1.4s linear infinite;background:var(--elev-1);margin-bottom:20px}.lbh-skeleton-hero{border-radius:var(--radius-surface);height:180px}.lbh-skeleton-table{animation:lbh-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-surface);height:300px}@keyframes lbh-shimmer{0%,to{opacity:1}50%{opacity:.55}}.lbh-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.lbh-header>.page-hd{margin-bottom:0}.lbh-header-right{align-items:center;display:flex;gap:8px}.lbh-year-select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.lbh-year-select:hover:not(:focus){border-color:var(--hairline-contrast)}.lbh-year-select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.lbh-export-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.lbh-export-btn:hover:not(:disabled){background:var(--primary-hover)}.lbh-export-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.lbh-export-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.lbh-hero-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:20px;overflow:hidden;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.lbh-hero-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.lbh-hero-card--low{border-color:var(--warning-400)}.lbh-hero-body{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px}.lbh-hero-left{flex-direction:column}.lbh-hero-label-row,.lbh-hero-left{align-items:center;display:flex;gap:8px}.lbh-hero-icon{align-items:center;background:var(--success-50);border:1px solid var(--success-100);border-radius:var(--radius-control);color:var(--success-600);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.lbh-hero-label{color:var(--text-muted);font-size:var(--text-xs)}.lbh-hero-label,.lbh-hero-low-chip{font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.lbh-hero-low-chip{background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700);font-size:10px;padding:2px 8px}.lbh-gauge-wrap{display:inline-flex;position:relative}.lbh-gauge-svg{display:block;overflow:visible}.lbh-gauge-fill{stroke-dasharray:400;stroke-dashoffset:400;animation:lbh-gauge-draw 1s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes lbh-gauge-draw{to{stroke-dashoffset:0}}.lbh-gauge-num{fill:var(--text-primary);font-family:inherit;font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.lbh-gauge-sub-text{fill:var(--text-muted)}.lbh-gauge-low-text,.lbh-gauge-sub-text{font-family:inherit;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.lbh-gauge-low-text{fill:var(--danger-600)}.lbh-hero-stats{flex:1 1;flex-wrap:wrap;gap:0}.lbh-hero-stats,.lbh-stat{align-items:center;display:flex}.lbh-stat{flex:1 1;flex-direction:column;gap:4px;min-width:64px;padding:8px 12px}.lbh-stat-divider{background:var(--hairline);flex-shrink:0;height:32px;width:1px}.lbh-stat-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.lbh-stat-val--available{color:var(--success-600)}.lbh-stat-val--used{color:var(--accent-700)}.lbh-stat-val--pending{color:var(--warning-600)}.lbh-stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.lbh-hero-bar-wrap{background:var(--hairline-strong);height:4px;overflow:hidden}.lbh-hero-bar-fill{background:var(--success-500);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.lbh-hero-bar-fill--low{background:var(--warning-500)}.lbh-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:20px;padding:20px}.lbh-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 16px}.lbh-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.lbh-section-head .lbh-section-title{margin-bottom:0}.lbh-cycle-chip{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#047857;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);min-height:26px;padding:4px 10px;white-space:nowrap}.lbh-table-wrap{overflow-x:auto}.lbh-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);table-layout:fixed;width:100%}.lbh-table td:first-child,.lbh-table th:first-child{width:32%}.lbh-table td:nth-child(2),.lbh-table th:nth-child(2){width:36%}.lbh-table td:nth-child(3),.lbh-table td:nth-child(4),.lbh-table th:nth-child(3),.lbh-table th:nth-child(4){width:16%}.lbh-table--ledger{min-width:1120px}.lbh-col-month{width:260px}.lbh-col-num{width:92px}.lbh-col-carry{width:118px}.lbh-col-closing{width:110px}.lbh-table th{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.lbh-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px 14px;vertical-align:middle}.lbh-table tbody tr:last-child td{border-bottom:none}.lbh-table tbody tr{transition:background var(--dur-fast) var(--ease-out-quart)}.lbh-table tbody tr:hover:not(.lbh-row--current){background:var(--elev-1)}.lbh-row--current{background:var(--success-50)!important;border-left:3px solid var(--success-500)}.lbh-row--current td:first-child{padding-left:11px}.lbh-center,.lbh-num{text-align:center}.lbh-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:8px!important;padding-right:8px!important}.lbh-dash{color:var(--text-muted)}.lbh-month-cell{align-items:center;display:flex;gap:8px;white-space:nowrap}.lbh-month-dot{background:var(--hairline-strong);border:2px solid var(--hairline);border-radius:50%;flex-shrink:0;height:8px;transition:background var(--dur-fast) var(--ease-out-quart);width:8px}.lbh-month-dot--active{background:var(--primary);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);box-shadow:var(--ring-soft)}.lbh-month-name{color:var(--text-primary);font-weight:var(--font-medium)}.lbh-now-chip{background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.lbh-leave-cell{min-width:90px}.lbh-leave-cell-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.lbh-leave-balance{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.lbh-leave-balance--low{color:var(--danger-600)}.lbh-leave-used{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.lbh-mini-track{background:var(--hairline-strong);height:4px;overflow:hidden}.lbh-mini-fill,.lbh-mini-track{border-radius:var(--radius-full)}.lbh-mini-fill{background:var(--success-500);height:100%;transition:width .4s var(--ease-out-quart)}.lbh-shortday{background:var(--warning-50);border:1px solid var(--warning-100);border-radius:999px;color:var(--warning-700)}.lbh-month-badge,.lbh-shortday{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase}.lbh-month-badge{background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700);min-width:32px}.lbh-closing-pill,.lbh-month-badge{display:inline-flex;justify-content:center}.lbh-closing-pill{background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:999px;color:var(--primary-700);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:48px;padding:3px 8px}.lbh-empty{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-sm);gap:12px;padding:48px 24px;text-align:center}.lbh-empty-icon{color:var(--text-muted);opacity:.5}.lbh-error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);color:var(--danger-700);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:16px;padding:10px 14px}@media (max-width:640px){.lbh-header{align-items:stretch;flex-direction:column}.lbh-hero-body{align-items:flex-start;flex-direction:column}.lbh-hero-stats{width:100%}.lbh-stat{min-width:60px;padding:8px 12px}}.ss-page{padding:24px}.ss-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.ss-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.ss-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.ss-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:8px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ss-export-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.ss-export-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.ss-export-btn:disabled{cursor:not-allowed;opacity:.5}.ss-year-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ss-year-tab{font-feature-settings:"tnum";background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);padding:5px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ss-year-tab:hover:not(.ss-year-tab--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ss-year-tab--active{background:var(--primary);border-color:#0000;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.ss-shell{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:240px 1fr}.ss-list-panel{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;overflow:hidden}.ss-search-wrap{align-items:center;border-bottom:1px solid var(--hairline);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-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;padding:7px 28px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.ss-search-input::placeholder{color:var(--text-muted)}.ss-search-input:hover:not(:focus){border-color:var(--hairline-contrast)}.ss-search-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.ss-search-clear{align-items:center;background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;position:absolute;right:22px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:20px}.ss-search-clear:hover{background:var(--elev-2);color:var(--text-primary)}.ss-filter-pills{border-bottom:1px solid var(--hairline);display:flex;gap:6px;padding:10px 12px}.ss-filter-pill{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ss-filter-pill:hover:not(.ss-filter-pill--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ss-filter-pill--active{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.ss-no-results{color:var(--text-muted);font-size:var(--text-sm);padding:24px;text-align:center}.ss-month-list{max-height:480px;overflow-y:auto}.ss-month-list::-webkit-scrollbar{width:6px}.ss-month-list::-webkit-scrollbar-track{background:#0000}.ss-month-list::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.ss-month-item--new{background:linear-gradient(90deg,#d1fae580,#d1fae51a 70%,#0000)!important;box-shadow:inset 3px 0 0 0 #10b981}.ss-month-item--new .ss-month-name{align-items:center;display:inline-flex;gap:6px}.ss-month-item{align-items:center;border-bottom:1px solid var(--hairline);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:12px 14px;transition:background var(--dur-fast) var(--ease-out-quart)}.ss-month-item:last-child{border-bottom:none}.ss-month-item:hover:not(.ss-month-item--active){background:var(--elev-1)}.ss-month-item--active{background:var(--primary-50);box-shadow:inset 2px 0 0 var(--primary)}.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);letter-spacing:var(--tracking-tight)}.ss-month-item--active .ss-month-name{color:#047857;color:var(--primary-700,#047857)}.ss-month-net{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ss-month-item--active .ss-month-net{color:#047857;color:var(--primary-700,#047857)}.ss-month-dot{background:var(--hairline-contrast);border-radius:50%;flex-shrink:0;height:7px;width:7px}.ss-month-item--active .ss-month-dot{background:var(--primary)}.ss-detail{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.ss-detail-header{align-items:flex-start;background:var(--elev-1);border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:12px;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);letter-spacing:var(--tracking-tight);margin:0 0 4px}.ss-detail-days{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ss-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:5px;letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase}.ss-status--finalized{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.ss-status--draft{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ss-hero{border-bottom:1px solid var(--hairline);padding:20px 24px 16px}.ss-hero-label{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-bottom:6px;text-transform:uppercase}.ss-hero-amount,.ss-hero-label{font-weight:var(--font-semibold)}.ss-hero-amount{font-feature-settings:"tnum";color:var(--text-primary);font-size:2.2rem;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter);line-height:1;margin-bottom:14px}.ss-split-bar-wrap{margin-bottom:8px}.ss-split-bar{background:var(--danger-100);border-radius:999px;height:6px;overflow:hidden}.ss-split-bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .5s var(--ease-out-quart)}.ss-split-labels{font-feature-settings:"tnum";display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px}.ss-split-gross{color:#047857;color:var(--primary-700,#047857);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(--hairline);display:grid;gap:0;grid-template-columns:1fr 1fr}.ss-col{padding:16px 24px}.ss-col:first-child{border-right:1px solid var(--hairline)}.ss-col-title{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:12px;text-transform:uppercase}.ss-col--earn .ss-col-title{color:var(--success-700)}.ss-col--deduct .ss-col-title{color:var(--danger-600)}.ss-line{border-bottom:1px solid var(--hairline);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:6px 0}.ss-line:last-child{border-bottom:none}.ss-line-label{color:var(--text-secondary)}.ss-line-val{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.ss-line--total{border-top:1px solid var(--hairline-strong);font-weight:var(--font-semibold);margin-top:4px;padding-top:10px}.ss-col--earn .ss-line--total .ss-line-val{color:var(--success-700)}.ss-col--deduct .ss-line--total .ss-line-val{color:var(--danger-600)}.ss-leaves{align-items:center;border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:12px;padding:14px 24px}.ss-leaves-label{color:var(--text-secondary);flex-shrink:0}.ss-leave-chip,.ss-leaves-label{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ss-leave-chip{font-feature-settings:"tnum";border:1px solid #0000;border-radius:999px;font-variant-numeric:tabular-nums;padding:3px 10px}.ss-leave-chip--casual{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.ss-leave-chip--sick{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ss-leave-chip--earned{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ss-leave-chip--unpaid{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.ss-detail-footer{background:var(--elev-1);border-top:1px solid var(--hairline);display:flex;gap:12px;justify-content:flex-end;padding:14px 24px}.ss-download-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:9px 18px;transition:background var(--dur-fast) var(--ease-out-quart)}.ss-download-btn:hover{background:var(--primary-hover)}.ss-download-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.ss-download-btn:disabled{cursor:not-allowed;opacity:.5}.ss-detail-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:8px;justify-content:center;min-height:300px}@keyframes ss-shimmer{0%,to{opacity:1}50%{opacity:.5}}.ss-skel{animation:ss-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-control)}.ss-skel-header{border-radius:var(--radius-surface);height:52px;margin-bottom:16px}.ss-skel-shell{grid-gap:16px;display:grid;gap:16px;grid-template-columns:240px 1fr}.ss-skel-list{height:340px}.ss-skel-list,.ss-skel-panel{border-radius:var(--radius-surface)}.ss-skel-panel{height:460px}.ss-empty{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);padding:64px 24px;text-align:center}.ss-empty-icon{align-items:center;background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-surface);color:var(--text-secondary);display:inline-flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.ss-empty h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 4px}.ss-empty p{color:var(--text-secondary);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(--hairline);border-right:none}.ss-skel-shell{grid-template-columns:1fr}}.salary-gate-backdrop{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.salary-gate-card{animation:sgCardIn .25s var(--ease-out-quart) both;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);display:flex;min-height:420px;overflow:hidden;width:min(100%,820px)}@keyframes sgCardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}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);box-shadow:inset 0 1px 0 #ffffff14;color:var(--text-inverse);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-brand-icon{align-items:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:var(--radius-control);color:#fff;display:inline-flex;height:52px;justify-content:center;margin-bottom:var(--space-5);position:relative;width:52px}.salary-gate-lock-ring{animation:sgPulse 2.2s ease-in-out infinite;border:1.5px solid #ffffff42;border-radius:14px;inset:-6px;position:absolute}@keyframes sgPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.salary-gate-brand-title{color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.salary-gate-brand-desc{color:#ffffffd1;font-size:var(--text-sm);line-height:1.6;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:#ffffffd1;display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2)}.salary-gate-right{background:var(--bg-secondary);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-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);gap:var(--space-1);left:var(--space-6);padding:4px 8px;position:absolute;top:var(--space-5);transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.salary-gate-back:hover{background:var(--elev-1);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:var(--tracking-tight);margin:0 0 4px}.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-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.salary-gate-input-wrap{position:relative}.salary-gate-input-wrap input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:10px 44px 10px 38px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.salary-gate-input-wrap input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.salary-gate-input-icon{left:12px;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-control);cursor:pointer;display:inline-flex;padding:4px;right:10px;transition:color var(--dur-fast) var(--ease-out-quart)}.salary-gate-toggle-pw:hover{color:var(--text-primary)}.salary-gate-error{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-700);padding:10px 14px}.salary-gate-error,.salary-gate-submit{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.salary-gate-submit{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-weight:var(--font-semibold);justify-content:center;padding:11px;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.salary-gate-submit:hover:not(:disabled){background:var(--primary);background:var(--primary-700,var(--primary))}.salary-gate-submit:focus-visible{box-shadow:var(--ring-soft);outline:none}.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:14px;width:14px}@keyframes sgSpin{to{transform:rotate(1turn)}}@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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;padding: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:var(--primary-500);background:var(--role-color,var(--primary-500));border-radius:50%;box-shadow:0 0 0 2px var(--bg-secondary);height:88px;padding:2px;width:88px}.pf-avatar{align-items:center;background:var(--primary);box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:flex;font-size:var(--text-xl);font-weight:var(--font-semibold);justify-content:center;letter-spacing:var(--tracking-wide);-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);border:2px solid var(--bg-secondary);border-radius:50%;bottom:0;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:0;transition:background var(--dur-fast) var(--ease-out-quart);width:26px}.pf-avatar-edit-btn:hover:not(:disabled){background:var(--primary-hover)}.pf-avatar-edit-btn:disabled{cursor:not-allowed;opacity:.6}.pf-avatar-remove-btn{align-items:center;background:var(--danger-500);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-e1);color:var(--text-inverse);cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-2px;top:0;transition:background var(--dur-fast) var(--ease-out-quart);width:20px}.pf-avatar-remove-btn:hover:not(:disabled){background:var(--danger-600)}.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:flex-start;animation:modalOverlayIn var(--dur-base) var(--ease-out-quart);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 20px 20px;position:fixed;z-index:var(--z-modal)}.crop-modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 80px);max-width:360px;overflow-y:auto;padding:var(--space-5);transform:translateZ(0)}.crop-modal,.crop-modal-header{align-items:center;display:flex;width:100%}.crop-modal-header{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);justify-content:space-between;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.crop-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.crop-modal-close:hover{background:var(--elev-2);color:var(--text-primary)}.crop-hint{color:var(--text-muted);font-size:var(--text-xs);text-align:center;width:100%}.crop-canvas{border-radius:50%;box-shadow:var(--shadow-e2);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(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:28px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:28px}.crop-zoom-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.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-2);justify-content:flex-end;margin-top:4px;width:100%}.crop-btn-cancel{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.crop-btn-cancel:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.crop-btn-save{background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.crop-btn-save:hover{background:var(--primary-hover)}.crop-btn-save:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.pf-name{color:var(--text-primary);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 8px}.pf-name,.pf-role-pill{font-weight:var(--font-semibold)}.pf-role-pill{border:1px solid;border-radius:999px;display:inline-block;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:1.6;padding:2px 10px;text-transform:uppercase}.pf-divider{background:var(--hairline);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{font-feature-settings:"tnum";align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);gap:4px;letter-spacing:var(--tracking-wide);margin-top:var(--space-4);padding:3px 10px}.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:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);padding:var(--space-5);text-align:left}.card-header{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:10px;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-header-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.card-header h3{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin:0;text-transform:uppercase}.card-header-hint{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);font-size:var(--text-xs);padding:2px 8px}.info-rows{display:flex;flex-direction:column}.info-row{align-items:flex-start;border-radius:var(--radius-control);display:flex;gap:12px;padding:10px 8px;transition:background var(--dur-fast) var(--ease-out-quart)}.info-row:not(:last-child){border-bottom:1px solid var(--hairline)}.info-row-icon,.info-row:hover{background:var(--elev-1)}.info-row-icon{align-items:center;border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-muted);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:1px;width:28px}.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:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.info-row-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug)}.not-set{color:var(--text-muted);font-size:var(--text-sm);font-style:normal;font-weight:400}.ctc-value{align-items:center;display:inline-flex;gap:8px}.ctc-amount{font-feature-settings:"tnum";color:var(--primary-600);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.eye-btn{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;line-height:1;padding:3px 6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.eye-btn:hover{background:var(--elev-2);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:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:5px;padding:12px var(--space-3);transition:border-color var(--dur-fast) var(--ease-out-quart)}.bank-field:hover{border-color:var(--hairline-contrast)}.bank-field-icon{color:var(--text-muted);margin-bottom:2px}.bank-field-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.bank-field-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);line-height:var(--leading-snug)}.bank-field-value.mono{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.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:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);cursor:pointer;padding:var(--space-4);text-align:left;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.tax-card:hover:not(:disabled):not(.tax-card--locked){background:var(--primary-50);border-color:var(--primary-400)}.tax-card--active{background:var(--primary-50)!important;border-color:var(--primary-500)!important;box-shadow:var(--shadow-e1),var(--ring-soft)!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);letter-spacing:var(--tracking-tight)}.tax-card-badge,.tax-card-title{font-weight:var(--font-semibold)}.tax-card-badge{background:var(--primary-600);border-radius:999px;color:var(--text-inverse);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);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:var(--primary-50);border:1px solid var(--primary-100);border-left:3px solid var(--primary-500);border-radius:var(--radius-surface);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.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:var(--font-semibold);margin:0 0 4px}.tax-exempt-sub{color:var(--primary-700);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.locked-badge{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:999px;color:var(--danger-600);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;letter-spacing:var(--tracking-wide);padding:2px 8px}.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-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.pw-field input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);outline:none;padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.pw-field input:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.pw-field input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.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);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:7px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.pw-submit-btn:hover:not(:disabled){background:var(--primary-hover)}.pw-submit-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.pw-submit-btn:disabled{cursor:not-allowed;opacity:.5}.pw-warning{align-items:flex-start;background:var(--warning-50);border:1px solid var(--warning-100);border-left:3px solid var(--warning-500);border-radius:var(--radius-control);color:var(--warning-700);display:flex;font-size:var(--text-xs);gap:5px;line-height:var(--leading-snug);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:24px}.ml-toast{animation:ml-slide-up .2s var(--ease-out-quart);border-radius:var(--radius-control);bottom:24px;box-shadow:var(--shadow-e2);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:10px 14px;position:fixed;right:24px;z-index:999}.ml-toast--success{background:var(--success-50);border:1px solid var(--success-100);border-left:3px solid var(--success-500);color:var(--success-700)}.ml-toast--error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);color:var(--danger-700)}@keyframes ml-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ml-skel-header{border-radius:var(--radius-surface);height:52px}.ml-skel-header,.ml-skel-tabs{animation:ml-shimmer 1.4s linear infinite;background:var(--elev-1);margin-bottom:16px}.ml-skel-tabs{border-radius:999px;height:36px;width:60%}.ml-skel-card{animation:ml-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-surface);height:120px;margin-bottom:12px}@keyframes ml-shimmer{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.ml-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.ml-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 4px}.ml-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.ml-header-actions{align-items:center;display:flex;gap:8px}.ml-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:32px}.ml-refresh-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ml-refresh-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.ml-export-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.ml-export-btn:hover{background:var(--primary-hover)}.ml-export-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.ml-export-btn:disabled{cursor:not-allowed;opacity:.5}.ml-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.ml-tab,.ml-tabs{align-items:center}.ml-tab{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:6px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-tab:hover:not(.ml-tab--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ml-tab--active{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.ml-tab--active,.ml-tab-count{font-weight:var(--font-semibold)}.ml-tab-count{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;min-width:18px;padding:0 7px;text-align:center}.ml-tab--active .ml-tab-count{background:#a7f3d0;background:var(--primary-100,#a7f3d0);border-color:#0000;color:#047857;color:var(--primary-700,#047857)}.ml-tab-count--urgent{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ml-tab--active .ml-tab-count--urgent{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ml-year-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ml-year-tab{font-feature-settings:"tnum";background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);padding:5px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-year-tab:hover:not(.ml-year-tab--active){background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ml-year-tab--active{background:var(--primary);border-color:#0000;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.ml-section-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.ml-section-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.ml-section-count,.ml-section-label{color:var(--text-secondary);font-weight:var(--font-semibold)}.ml-section-count{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);border-radius:999px;font-size:10px;font-variant-numeric:tabular-nums;padding:1px 7px}.ml-section-line{background:var(--hairline);flex:1 1;height:1px}.ml-grouped-list{gap:20px}.ml-grouped-list,.ml-list,.ml-month-group{display:flex;flex-direction:column}.ml-list{gap:12px}.ml-card{background:var(--bg-secondary);border-left:1px solid var(--hairline-strong);border:1px solid var(--hairline-strong);border-left-width:2px;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ml-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.ml-card--past{background:var(--bg-secondary);background:var(--elev-0,var(--bg-secondary));opacity:.72}.ml-card--past:hover{box-shadow:var(--shadow-e1);opacity:.9}.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;display:inline-flex;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ml-duration-chip,.ml-type-chip{border-radius:999px;font-size:var(--text-xs);padding:3px 8px}.ml-duration-chip{font-feature-settings:"tnum";background:var(--elev-1);border:1px solid var(--hairline);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.ml-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;letter-spacing:var(--tracking-wide);padding:3px 8px;text-transform:uppercase;white-space:nowrap}.ml-status--approved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.ml-status--rejected{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ml-status--pending{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ml-status--revoked{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.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{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;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-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ml-approvals{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:3px;padding:8px 12px}.ml-approval-line{font-size:var(--text-xs);line-height:var(--leading-snug)}.ml-approval-line--approved{color:var(--success-700)}.ml-approval-line--rejected{color:var(--danger-600)}.ml-approval-line--pending{color:var(--text-muted);font-style:italic}.ml-footer{flex-wrap:wrap;gap:12px;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-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);gap:6px;max-width:200px;padding:5px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-attach-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-attach-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.ml-attach-del{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;display:inline-flex;height:22px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart);width:22px}.ml-attach-del:hover{background:var(--danger-100)}.ml-upload-zone{align-items:center;background:#0000;border:1px dashed var(--hairline-contrast);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);gap:6px;padding:5px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-upload-zone:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.ml-action-area{align-items:center;display:flex}.ml-action-btn{border:1px solid;border-radius:var(--radius-control);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:6px 12px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-action-btn--revoke{background:var(--bg-secondary);border-color:var(--hairline-strong);color:var(--text-secondary)}.ml-action-btn--revoke:hover{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ml-action-btn--cancel{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.ml-action-btn--cancel:hover{background:var(--danger-100);color:var(--danger-700)}.ml-action-btn:disabled{cursor:not-allowed;opacity:.5}.ml-confirm{align-items:center;animation:ml-pop .15s var(--ease-out-quart);color:var(--danger-700);display:inline-flex;flex-wrap:wrap;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px}@keyframes ml-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ml-confirm span{align-items:center;display:inline-flex;gap:4px}.ml-confirm-yes{background:var(--danger-500);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:5px 10px;transition:background var(--dur-fast) var(--ease-out-quart)}.ml-confirm-yes:hover{background:var(--danger-600)}.ml-confirm-no{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:5px 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.ml-confirm-no:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.ml-empty{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);padding:48px 20px;text-align:center}.ml-empty--upcoming{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);border-style:solid}.ml-empty-icon{color:var(--text-muted);margin-bottom:12px}.ml-empty-icon--green{color:var(--primary)}.ml-empty-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 4px}.ml-empty-desc{color:var(--text-secondary);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:20px;min-width:0;overflow-x:hidden;padding:24px}.oh-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.oh-export-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;padding:8px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.oh-export-btn:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast)}.oh-export-btn:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.oh-export-btn:disabled{cursor:not-allowed;opacity:.5}.oh-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.oh-stat{background:var(--bg-secondary);border-left:1px solid var(--hairline-strong);border:1px solid var(--hairline-strong);border-left-width:2px;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:3px;padding:14px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart)}.oh-stat:hover{border-color:var(--hairline-contrast)}.oh-stat--total{border-left-color:var(--primary-500)}.oh-stat--dept,.oh-stat--mgr{border-left-color:#3b82f6;border-left-color:var(--info-500,#3b82f6)}.oh-stat--emp{border-left-color:var(--warning-500)}.oh-stat-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.oh-stat-lbl{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.oh-search-wrap{margin-bottom:20px;max-width:400px;position:relative}.oh-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.oh-search{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:8px 32px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.oh-search:hover:not(:focus){border-color:var(--hairline-contrast)}.oh-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.oh-search-clear,.oh-search::placeholder{color:var(--text-muted)}.oh-search-clear{align-items:center;background:var(--elev-1);border:none;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:22px}.oh-search-clear:hover{background:var(--elev-2);color:var(--text-primary)}.oh-chart-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);box-sizing:border-box;overflow-x:auto;overflow-y:visible;padding:32px 24px 40px;width:100%}.oh-chart-wrap::-webkit-scrollbar{height:8px}.oh-chart-wrap::-webkit-scrollbar-track{background:#0000}.oh-chart-wrap::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.oh-chart-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.oh-chart{margin:0 auto;min-width:100%;width:-webkit-max-content;width:max-content}.oh-roots{align-items:flex-start;display:flex;gap:32px;justify-content:center}.oh-card,.oh-node{align-items:center;display:flex;flex-direction:column}.oh-card{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);cursor:pointer;gap:6px;padding:14px 14px 10px;position:relative;text-align:center;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);-webkit-user-select:none;user-select:none;width:180px}.oh-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.oh-card--match{background:var(--primary-50);border-color:var(--primary);box-shadow:var(--ring-soft)}.oh-card--depth-0{background:var(--bg-secondary);border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);width:200px}.oh-card--depth-0:hover{border-color:var(--primary);box-shadow:var(--shadow-e2),var(--ring-soft)}.oh-avatar{align-items:center;border-radius:var(--radius-full);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:48px;justify-content:center;letter-spacing:var(--tracking-tight);width:48px}.oh-card--depth-0 .oh-avatar{font-size:var(--text-base);height:54px;width:54px}.oh-avatar-img{border-radius:var(--radius-full);display:block;height:100%;object-fit:cover;width:100%}.oh-avatar--admin{background:var(--danger-500)}.oh-avatar--manager,.oh-avatar--super_manager{background:#3b82f6;background:var(--info-500,#3b82f6)}.oh-avatar--hr{background:var(--warning-500)}.oh-avatar--employee{background:var(--primary)}.oh-avatar--sales{background:#ea580c}.oh-card-content{width:100%}.oh-card-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-card--depth-0 .oh-card-name{font-size:var(--text-base)}.oh-card-title{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-card-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.oh-role-badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase;white-space:nowrap}.oh-role--admin{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.oh-role--manager,.oh-role--super{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.oh-role--hr{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.oh-role--employee{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.oh-role--sales{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.oh-dept-tag{border:1px solid var(--hairline);border-radius:999px;display:inline-block;font-weight:var(--font-medium);max-width:90px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.oh-dept-tag,.oh-expand-btn{background:var(--elev-1);color:var(--text-secondary);font-size:10px}.oh-expand-btn{align-items:center;border:1px solid var(--hairline-strong);border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--font-semibold);gap:3px;letter-spacing:var(--tracking-wide);margin-top:6px;padding:3px 10px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.oh-card:hover .oh-expand-btn,.oh-expand-btn--open{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.oh-child-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.oh-subtree{align-items:center;display:flex;flex-direction:column}.oh-connector-v{background:var(--hairline-contrast);flex-shrink:0;height:20px;width:1px}.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:1px}.oh-child-col:after,.oh-child-col:before{background:var(--hairline-contrast);content:""}.oh-child-col:after{height:1px;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:10px;padding:48px;text-align:center}.oh-no-results p{font-size:var(--text-sm);margin:0}.oh-clear-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:7px 14px;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.oh-clear-btn:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.oh-empty{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:80px 32px;text-align:center}.oh-empty h3{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.oh-empty p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.oh-modal-backdrop{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:56px 16px 16px;position:fixed;z-index:1200}.oh-panel{border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3);max-height:min(88vh,620px);max-width:100%;overflow-y:auto;position:relative;scrollbar-color:var(--hairline-contrast) #0000;scrollbar-width:thin;width:380px}.oh-panel,.oh-panel-close{background:var(--bg-secondary)}.oh-panel-close{align-items:center;border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:28px;z-index:10}.oh-panel-close:hover{background:var(--elev-2);border-color:var(--hairline-contrast);color:var(--text-primary)}.oh-panel-loading{color:var(--text-muted);font-size:var(--text-sm);padding:48px 20px;text-align:center}.oh-panel-header{align-items:flex-start;border-bottom:1px solid var(--hairline);display:flex;gap:14px;padding:18px 18px 16px}.oh-panel-avatar{align-items:center;border-radius:var(--radius-surface);box-shadow:inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;justify-content:center;letter-spacing:var(--tracking-tight);overflow:hidden;width:52px}.oh-panel-avatar-img{height:100%;object-fit:cover;width:100%}.oh-panel-identity{min-width:0;padding-right:28px}.oh-panel-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.oh-panel-designation,.oh-panel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-panel-designation{color:var(--text-secondary);font-size:var(--text-xs);margin:4px 0 0}.oh-panel-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.oh-panel-status{align-items:center;background:var(--success-50);border:1px solid var(--success-100);border-radius:999px;color:var(--success-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase}.oh-panel-body{padding:8px 0 12px}.oh-panel-row{align-items:center;display:flex;gap:12px;padding:10px 18px;transition:background var(--dur-fast) var(--ease-out-quart)}.oh-panel-row-icon,.oh-panel-row:hover{background:var(--elev-1)}.oh-panel-row-icon{align-items:center;border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-secondary);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.oh-panel-row-content{display:flex;flex-direction:column;gap:2px;min-width:0}.oh-panel-row-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.oh-panel-row-value{color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word}.oh-skeleton-bar{animation:oh-shimmer 1.4s linear infinite;background:var(--elev-1);border-radius:var(--radius-control);width:100%}@keyframes oh-shimmer{0%,to{opacity:1}50%{opacity:.55}}@media (max-width:768px){.oh-page{padding:16px}.oh-stats-row{grid-template-columns:repeat(2,1fr)}.oh-chart-wrap{padding:20px 16px}.oh-dept-grid{grid-template-columns:1fr 1fr}.oh-card{width:150px}.oh-card--depth-0{width:165px}.oh-panel{border-radius:var(--radius-surface);width:100%}}.inv-page{margin:0 auto;max-width:1480px;padding:24px}.inv-hd-spacing{margin-bottom:24px}.inv-row--new>td:first-child{box-shadow:inset 3px 0 0 0 #10b981}.inv-row--new{background:linear-gradient(90deg,#d1fae559,#d1fae514 60%,#0000)}.inv-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.inv-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-left:3px solid #0000;border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;gap:16px;padding:20px;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.inv-stat-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.inv-stat-card--green{border-left-color:var(--success-500)}.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:var(--radius-control);box-shadow:inset 0 1px 0 #ffffff24;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.inv-stat-icon--green{background:var(--success-50);border:1px solid var(--success-100);box-shadow:none;color:var(--success-600)}.inv-stat-icon--blue{background:var(--info-50);border:1px solid var(--info-100);box-shadow:none;color:var(--info-600)}.inv-stat-icon--amber{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);box-shadow:none;color:#d97706;color:var(--warning-600,#d97706)}.inv-stat-icon--red{background:var(--danger-50);border:1px solid var(--danger-100);box-shadow:none;color:var(--danger-600)}.inv-stat-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.inv-stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.inv-stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.inv-tabs{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.inv-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;padding:6px 14px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.inv-tab:hover:not(.active){background:var(--elev-2);color:var(--text-primary)}.inv-tab.active{background:var(--bg-secondary);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--primary);font-weight:var(--font-semibold)}.inv-toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.inv-toolbar__filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.inv-toolbar__actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.inv-filter-select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.inv-filter-select:hover:not(:focus){border-color:var(--hairline-contrast)}.inv-filter-select:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.inv-search-wrap{position:relative;width:240px}.inv-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inv-search{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);padding:8px 32px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.inv-search:hover:not(:focus){border-color:var(--hairline-contrast)}.inv-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.inv-search-clear,.inv-search::placeholder{color:var(--text-muted)}.inv-search-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:22px}.inv-search-clear:hover{background:var(--elev-1);color:var(--text-primary)}.inv-result-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);white-space:nowrap}.inv-btn-primary{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-tight);padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart)}.inv-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.inv-btn-primary:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.inv-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.inv-btn-secondary{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 16px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.inv-btn-secondary:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast)}.inv-btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.inv-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:auto}.inv-table-wrap--scroll{max-height:540px;overflow:auto}.inv-table-wrap--scroll::-webkit-scrollbar{width:8px}.inv-table-wrap--scroll::-webkit-scrollbar-track{background:#0000}.inv-table-wrap--scroll::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.inv-table-wrap--scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.inv-table-wrap--scroll .inv-table thead th{background:var(--elev-1);box-shadow:inset 0 -1px 0 var(--hairline-strong);position:-webkit-sticky;position:sticky;top:0;z-index:5}.inv-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-variant-numeric:var(--feature-numeric);min-width:980px;table-layout:fixed;width:100%}.inv-table--assets{min-width:1220px}.inv-table--tickets{min-width:1260px}.inv-table thead tr{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong)}.inv-table thead th{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.inv-table tbody tr{border-bottom:1px solid var(--hairline);transition:background var(--dur-fast) var(--ease-out-quart)}.inv-table tbody tr:last-child{border-bottom:none}.inv-table tbody tr:hover{background:var(--elev-1)}.inv-table td{color:var(--text-primary);font-size:var(--text-sm);overflow:hidden;padding:12px 14px;text-overflow:ellipsis;vertical-align:middle}.inv-table td:last-child{overflow:visible}.inv-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;white-space:nowrap}.inv-badge--available,.inv-badge--good,.inv-badge--resolved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.inv-badge--damaged,.inv-badge--open{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.inv-badge--pending_manager{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.inv-badge--pending_hr{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.inv-badge--complaint,.inv-badge--urgent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.inv-badge--high,.inv-badge--in_progress,.inv-badge--medium,.inv-badge--under_repair{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.inv-badge--assigned,.inv-badge--request{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.inv-badge--closed,.inv-badge--low,.inv-badge--retired{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.inv-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;white-space:nowrap}.inv-btn-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:32px}.inv-btn-icon:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.inv-btn-icon:disabled{cursor:not-allowed;opacity:.55}.inv-btn-icon--danger:hover{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-600)}.inv-btn-icon--assign:hover{background:var(--info-50);border-color:var(--info-100);color:var(--info-600)}.inv-btn-icon--escalate:hover{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.inv-btn-icon--resolve:hover{background:#ecfdf5;background:var(--success-50,#ecfdf5);border-color:#d1fae5;border-color:var(--success-100,#d1fae5);color:#047857;color:var(--success-700,#047857)}.inv-btn-icon--takeup:hover{background:#eff6ff;background:var(--info-50,#eff6ff);border-color:#dbeafe;border-color:var(--info-100,#dbeafe);color:#2563eb;color:var(--info-600,#2563eb)}.inv-modal-overlay{align-items:flex-start;animation:modalOverlayIn var(--dur-base) var(--ease-out-quart);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 20px 20px;position:fixed;z-index:var(--z-modal)}.inv-modal{animation:modalContentIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:none;border-radius:var(--radius-overlay);box-shadow:var(--shadow-e3),0 0 0 1px var(--hairline-strong);display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:540px;overflow:hidden;transform:translateZ(0);width:100%}.inv-modal--wide{max-width:680px}.inv-modal__header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--hairline);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.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;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.inv-modal__body{flex:1 1;overflow-y:auto;padding:20px}.inv-modal__footer{background:var(--bg-secondary);border-top:1px solid var(--hairline);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.inv-modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:4px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:28px}.inv-modal-close:hover{background:var(--elev-2);color:var(--text-primary)}.inv-form-grid{grid-gap:16px;display:grid;gap:16px;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-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.inv-field input,.inv-field select,.inv-field textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-snug);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.inv-field input:hover:not(:focus):not(:disabled),.inv-field select:hover:not(:focus):not(:disabled),.inv-field textarea:hover:not(:focus):not(:disabled){border-color:var(--hairline-contrast)}.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.inv-field textarea{min-height:80px;resize:vertical}.ticket-type-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ticket-type-btn{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);cursor:pointer;font-family:inherit;padding:12px;text-align:center;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ticket-type-btn:hover:not(.active){background:var(--elev-1);border-color:var(--hairline-contrast)}.ticket-type-btn.active.complaint{background:var(--danger-50);border-color:var(--danger-500);box-shadow:var(--shadow-e1),var(--ring-soft);color:var(--danger-700)}.ticket-type-btn.active.request{background:var(--info-50);border-color:var(--info-500);box-shadow:var(--shadow-e1),var(--ring-soft);color:var(--info-700)}.ticket-type-btn__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.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:.8}.inv-history-list{display:flex;flex-direction:column;gap:12px}.inv-history-item{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:flex;gap:12px;padding:12px 14px}.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);letter-spacing:var(--tracking-tight)}.inv-history-meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.inv-empty{background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);padding:64px 32px;text-align:center}.inv-empty__icon{align-items:center;background:var(--primary-50);border:1px solid #a7f3d0;border:1px solid var(--primary-100,#a7f3d0);border-radius:var(--radius-control);color:var(--primary);display:inline-flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.inv-empty h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0 0 8px}.inv-empty p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.inv-empty .inv-btn-primary{align-items:center;display:inline-flex;gap:6px;margin-top:20px}.inv-error{background:var(--danger-50);border:1px solid var(--danger-100);border-left:3px solid var(--danger-500);border-radius:var(--radius-control);color:var(--danger-700);font-weight:var(--font-medium);gap:8px;margin-bottom:16px;padding:10px 14px}.inv-error,.inv-loading{align-items:center;display:flex;font-size:var(--text-sm)}.inv-loading{color:var(--text-muted);gap:12px;justify-content:center;padding:64px}.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-medium);letter-spacing:var(--tracking-tight)}.inv-asset-sub{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.inv-tag{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;font-weight:var(--font-medium);padding:2px 8px}@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:16px}.inv-stats{grid-template-columns:1fr 1fr}}.feed-page{--feed-serif:Georgia,Cambria,"Palatino Linotype",Palatino,serif;--feed-sans:var(--font-sans);--feed-announce-bg:var(--warning-50,#fffbeb);--feed-announce-border:var(--warning-500,#f59e0b);--feed-announce-strip:var(--warning-100,#fef3c7);--feed-announce-label:var(--warning-700,#b45309);--feed-wall-border:var(--primary);--feed-ink:var(--text-primary);--feed-ink-soft:var(--text-secondary);font-family:var(--feed-sans);margin:0 auto;max-width:700px;padding:24px}@keyframes feed-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes feed-spin{to{transform:rotate(1turn)}}@keyframes reaction-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.feed-page-header{animation:feed-rise .4s var(--ease-out-quart) both;margin-bottom:24px}.feed-page-title{align-items:center;display:flex;gap:16px;margin-bottom:24px}.feed-page-title-icon{align-items:center;background:var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e2),inset 0 1px 0 #ffffff24;color:var(--text-inverse);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.feed-page-title h1{color:var(--feed-ink);font-family:var(--feed-serif);font-size:var(--text-2xl);font-style:italic;font-weight:var(--font-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0}.feed-tabs{border-bottom:1px solid var(--hairline-strong);display:flex;gap:8px}.feed-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;letter-spacing:var(--tracking-tight);margin-bottom:-1px;padding:8px 16px;transition:color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.feed-tab:hover:not(.feed-tab--active){border-bottom-color:var(--hairline-contrast);color:var(--text-primary)}.feed-tab--active{border-bottom-color:var(--primary);color:var(--primary);font-weight:var(--font-semibold)}.feed-compose{animation:feed-rise .45s .1s var(--ease-out-quart) both;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);margin-bottom:24px;padding:20px;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.feed-compose:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.feed-compose:focus-within{border-color:var(--ring-color);box-shadow:var(--shadow-e2),var(--ring-soft)}.feed-compose-header{align-items:flex-start;display:flex;gap:16px}.feed-compose-fields{display:flex;flex:1 1;flex-direction:column;gap:12px}.feed-compose-title{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);outline:none;padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.feed-compose-title:hover:not(:focus){border-color:var(--hairline-contrast)}.feed-compose-title:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.feed-compose-textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text-primary);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);min-height:88px;outline:none;padding:10px 14px;resize:vertical;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.feed-compose-textarea:hover:not(:focus){border-color:var(--hairline-contrast)}.feed-compose-textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.feed-compose-textarea::placeholder,.feed-compose-title::placeholder{color:var(--text-muted);font-weight:var(--font-medium)}.feed-compose-error{color:var(--danger-600);font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);margin:0;padding:4px 4px 0}.feed-compose-footer{align-items:center;border-top:1px solid var(--hairline);display:flex;gap:12px;margin-top:16px;padding-top:16px}.feed-compose-pin{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;letter-spacing:var(--tracking-wide);margin-right:auto;text-transform:uppercase;-webkit-user-select:none;user-select:none}.feed-compose-pin input{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.feed-compose-btn{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;letter-spacing:var(--tracking-tight);padding:8px 20px;transition:background var(--dur-fast) var(--ease-out-quart)}.feed-compose-btn:hover:not(:disabled){background:var(--primary-hover)}.feed-compose-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.feed-compose-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.feed-posts-list{display:flex;flex-direction:column;gap:16px}.feed-post-card{animation:card-enter .4s var(--ease-out-quart) both;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden;transition:box-shadow var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart)}.feed-post-card:first-child{animation-delay:50ms}.feed-post-card:nth-child(2){animation-delay:.1s}.feed-post-card:nth-child(3){animation-delay:.15s}.feed-post-card:nth-child(4){animation-delay:.2s}.feed-post-card:nth-child(5){animation-delay:.25s}.feed-post-card:nth-child(6){animation-delay:.3s}.feed-post-card:nth-child(n+7){animation-delay:.35s}.feed-post-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2);transform:translateY(-2px)}.feed-post-card--announcement{background:var(--feed-announce-bg);border-top:3px solid var(--feed-announce-border)}.feed-post-card--general{background:var(--bg-secondary);border-top:3px solid var(--feed-wall-border)}.feed-post-type-strip{align-items:center;background:var(--feed-announce-strip);border-bottom:1px solid #fde68a;border-bottom:1px solid var(--warning-200,#fde68a);color:var(--feed-announce-label);display:flex;font-family:var(--feed-sans);font-size:10px;font-weight:var(--font-bold);gap:6px;letter-spacing:var(--tracking-wide);padding:8px 20px;text-transform:uppercase}.feed-post-header{align-items:flex-start;display:flex;gap:16px;padding:20px 20px 12px}.feed-post-author-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.feed-post-author-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.feed-post-author-name{color:var(--feed-ink);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.feed-post-time{font-feature-settings:"tnum";color:var(--text-muted);display:block;font-family:var(--feed-sans);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);letter-spacing:var(--tracking-wide)}.feed-post-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.feed-edit-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feed-edit-btn:hover{background:var(--info-50);color:var(--info-600)}.feed-delete-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feed-delete-btn:hover{background:var(--danger-50);color:var(--danger-600)}.feed-edit-form{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px}.feed-edit-footer{align-items:center;display:flex;gap:12px}.feed-edit-cancel{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:auto;padding:6px 14px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feed-edit-cancel:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.feed-role-badge{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);font-family:var(--feed-sans);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.feed-role-badge--admin{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.feed-role-badge--hr{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.feed-role-badge--manager{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.feed-role-badge--super_manager{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.feed-pin-badge{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7);border-radius:999px;color:#b45309;color:var(--warning-700,#b45309);font-weight:var(--font-bold);gap:4px;margin-left:auto}.feed-pin-badge,.feed-read-badge{align-items:center;display:inline-flex;font-family:var(--feed-sans);font-size:10px;letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.feed-read-badge{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);font-weight:var(--font-semibold);gap:6px;white-space:nowrap}.feed-read-badge--read{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.feed-post-body{padding:0 20px 16px}.feed-post-card--announcement .feed-post-title{font-family:var(--feed-serif);font-size:var(--text-xl);font-style:italic;letter-spacing:var(--tracking-tighter)}.feed-post-card--announcement .feed-post-title,.feed-post-card--general .feed-post-title{color:var(--feed-ink);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 10px}.feed-post-card--general .feed-post-title{font-family:var(--feed-sans);font-size:var(--text-base);letter-spacing:var(--tracking-tight)}.feed-post-text{color:var(--feed-ink-soft);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);margin:0;white-space:pre-wrap}.feed-reactions{align-items:center;background:var(--elev-0);border-top:1px solid var(--hairline);display:flex;gap:12px;justify-content:space-between;padding:12px 20px}.feed-post-card--announcement .feed-reactions{background:#0000}.feed-reactions-left{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.feed-reaction-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;padding:4px 12px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feed-reaction-btn:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.feed-reaction-btn--active{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.feed-reaction-btn--active .feed-reaction-emoji{animation:reaction-pop .4s var(--ease-out-quart)}.feed-reaction-emoji{display:inline-block;font-size:var(--text-sm);line-height:1}.feed-reaction-count{font-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.feed-reactions-total{font-feature-settings:"tnum";color:var(--text-muted);font-family:var(--feed-sans);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);padding-left:6px}.feed-comments-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;box-shadow:var(--shadow-e1);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.feed-comments-toggle:hover{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:var(--primary)}.feed-comments-section{background:var(--elev-0);border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:16px;padding:20px}.feed-post-card--announcement .feed-comments-section{background:#0000}.feed-comments-empty,.feed-comments-loading{color:var(--text-muted);font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);padding:8px 0;text-align:center}.feed-comments-list{display:flex;flex-direction:column;gap:12px}.feed-comment-item{align-items:flex-start;display:flex;gap:12px}.feed-comment-content{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);border-top-left-radius:var(--radius-control);box-shadow:var(--shadow-e1);flex:1 1;min-width:0;padding:12px 16px;position:relative}.feed-comment-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.feed-comment-author{color:var(--feed-ink);font-size:var(--text-xs);font-weight:var(--font-semibold)}.feed-comment-author,.feed-comment-time{font-family:var(--feed-sans);letter-spacing:var(--tracking-wide)}.feed-comment-time{font-feature-settings:"tnum";color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;font-weight:var(--font-medium);text-transform:uppercase}.feed-comment-delete{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;opacity:0;padding:4px;pointer-events:none;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.feed-comment-item:hover .feed-comment-delete{opacity:1;pointer-events:auto}.feed-comment-delete:hover{background:var(--danger-50);color:var(--danger-600)}.feed-comment-body{color:var(--feed-ink-soft);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);margin:0;white-space:pre-wrap}.feed-comment-form{align-items:center;display:flex;gap:12px}.feed-comment-input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-primary);flex:1 1;font-family:var(--feed-sans);font-size:var(--text-sm);line-height:var(--leading-snug);outline:none;padding:10px 16px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.feed-comment-input:hover:not(:focus){border-color:var(--hairline-contrast)}.feed-comment-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.feed-comment-submit{align-items:center;background:var(--primary);border:1px solid #0000;border-radius:50%;box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart);width:36px}.feed-comment-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.feed-comment-submit:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.feed-comment-submit:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.feed-avatar{align-items:center;background:var(--primary);border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-family:var(--feed-sans);font-weight:var(--font-semibold);justify-content:center;overflow:hidden}.feed-avatar--md{font-size:var(--text-sm);height:40px;letter-spacing:var(--tracking-tight);width:40px}.feed-avatar--sm{font-size:11px;height:32px;width:32px}.feed-avatar img{height:100%;object-fit:cover;width:100%}.feed-empty-state{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-contrast);border-radius:var(--radius-surface);color:var(--text-muted);display:flex;flex-direction:column;font-family:var(--feed-sans);font-size:var(--text-sm);gap:16px;padding:64px 24px;text-align:center}.feed-empty-state p{line-height:var(--leading-snug);margin:0;max-width:280px}.feed-empty-state--error{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.feed-empty-icon{color:var(--text-muted);opacity:.5}.feed-loading-spinner{animation:feed-spin .6s linear infinite;border:2px solid var(--hairline-strong);border-radius:50%;border-top-color:var(--primary);height:28px;width:28px}.feed-post-image{border-radius:var(--radius-surface);display:block;margin-top:16px;max-height:420px;object-fit:cover;width:100%}.feed-compose-img-btn,.feed-post-image{border:1px solid var(--hairline-strong);box-shadow:var(--shadow-e1)}.feed-compose-img-btn{align-items:center;background:var(--elev-0);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--feed-sans);font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;margin-right:auto;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.feed-compose-img-btn:hover{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.feed-compose-textarea-wrap{position:relative}.feed-compose-img-preview{display:inline-block;margin-top:12px;position:relative}.feed-compose-img-preview img{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:block;max-height:180px;max-width:100%}.feed-compose-img-remove{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:24px}.feed-compose-img-remove:hover{background:var(--danger-100);color:var(--danger-700)}.feed-comment-input-wrap{display:flex;flex:1 1;flex-direction:column;gap:6px;position:relative}.feed-comment-input-wrap .feed-comment-input{width:100%}.feed-img-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:6px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feed-img-btn:hover{background:var(--primary-50);color:var(--primary)}.feed-comment-img-preview{display:inline-block;position:relative}.feed-comment-img-preview img{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:block;max-height:100px;max-width:200px}.feed-comment-img-preview button{align-items:center;background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-control);color:var(--danger-600);cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:20px}.feed-comment-img-preview button:hover{background:var(--danger-100);color:var(--danger-700)}.feed-comment-image{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);display:block;margin-top:8px;max-height:240px;max-width:100%;object-fit:cover}.feed-mention{background:var(--primary-50);border-radius:4px;color:var(--primary);font-weight:var(--font-semibold);padding:0 4px}.feed-mention--everyone{background:#6366f11a;color:#6366f1;font-weight:var(--font-semibold)}.feed-mention-dropdown{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);bottom:calc(100% + 8px);box-shadow:var(--shadow-e3);display:flex;flex-direction:column;gap:4px;left:0;max-height:240px;overflow:hidden;overflow-y:auto;padding:8px;position:absolute;right:0;z-index:100}.feed-mention-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:100%}.feed-mention-item:hover{background:var(--elev-1)}.feed-mention-item.active{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0)}.feed-mention-avatar{align-items:center;background:var(--primary);border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1f;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-family:var(--feed-sans);font-size:11px;font-weight:var(--font-semibold);height:32px;justify-content:center;overflow:hidden;width:32px}.feed-mention-avatar img{height:100%;object-fit:cover;width:100%}.feed-mention-info{display:flex;flex-direction:column;gap:2px}.feed-mention-name{color:var(--text-primary);font-family:var(--feed-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.feed-mention-role{color:var(--text-muted);font-family:var(--feed-sans);font-size:var(--text-xs);text-transform:capitalize}@media (max-width:640px){.feed-page{padding:16px}.feed-page-title h1{font-size:var(--text-xl)}.feed-tab{font-size:var(--text-xs);padding:8px 12px}.feed-post-header{padding:16px 16px 12px}.feed-post-body{padding:0 16px 16px}.feed-reactions{padding:12px 16px}.feed-reactions-total{display:none}.feed-comments-section{padding:16px}}.chat-page{display:flex;flex-direction:column;gap:var(--space-5);height:calc(100vh - 132px);min-height:620px;overflow:hidden}.chat-page-hd{margin-bottom:0}.chat-page-shell{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:grid;flex:1 1;grid-template-columns:360px minmax(0,1fr);min-height:0;overflow:hidden}.chat-page-thread{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:0;min-width:0}.chat-page-thread-head{align-items:center;background:var(--elev-0);border-bottom:1px solid var(--hairline);display:flex;gap:var(--space-3);padding:var(--space-5)}.chat-page-thread-title{flex:1 1;min-width:0}.chat-page-group-settings-btn{align-items:center;background:var(--elev-0);border:1px solid var(--hairline);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin-left:auto;transition:background .15s,color .15s;width:34px}.chat-page-group-settings-btn:hover{background:var(--elev-1);color:var(--text-primary)}.chat-page-group-manage{background:#f8fafc;background:var(--elev-1,#f8fafc);border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;gap:var(--space-4);max-height:50vh;overflow-y:auto;padding:var(--space-4)}.chat-page-group-manage-head{align-items:center;display:flex;justify-content:space-between}.chat-page-group-manage-head strong{color:var(--text-primary);font-size:var(--text-sm)}.chat-page-group-manage-head button{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px}.chat-page-group-manage-head button:hover{background:var(--elev-2);color:var(--text-primary)}.chat-page-group-manage-section{background:var(--elev-0);border:1px solid var(--hairline);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:10px;padding:12px}.chat-page-group-manage-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chat-page-group-manage-section input{background:var(--bg-primary);border:1px solid var(--hairline);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;padding:8px 10px;width:100%}.chat-page-group-manage-section input:focus{border-color:#6366f1;border-color:var(--primary,#6366f1)}.chat-page-group-manage-list{background:#0000;border:0;border-radius:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding:0}.chat-page-group-manage-empty{color:var(--text-muted);font-size:12px;padding:8px 10px;text-align:center}.chat-page-group-manage-add-row,.chat-page-group-manage-row{align-items:center;background:var(--bg-primary);border:1px solid var(--hairline);border-radius:var(--radius-control);cursor:default;display:flex;gap:12px;min-height:48px;padding:9px 10px;text-align:left;width:100%}.chat-page-group-manage-add-row{cursor:pointer}.chat-page-group-manage-add-row:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-100)}.chat-page-group-manage-add-row>span,.chat-page-group-manage-row>span{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.chat-page-group-manage-add-row strong,.chat-page-group-manage-row strong{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-group-manage-add-row small,.chat-page-group-manage-row small{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-group-member-copy{min-width:0}.chat-page-group-member-name{align-items:center;display:flex;gap:6px;min-width:0}.chat-page-group-member-name em{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-700);font-size:10px;font-style:normal;font-weight:700;padding:1px 5px}.chat-page-group-manage-remove{align-items:center;background:var(--elev-0);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:5px;height:30px;justify-content:center;min-width:78px;transition:background .15s,color .15s,border-color .15s}.chat-page-group-manage-remove:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.chat-page-group-manage-danger{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-control);display:flex;gap:var(--space-3);justify-content:space-between;padding:12px}.chat-page-group-manage-danger-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-page-group-manage-danger-copy strong{color:#991b1b;font-size:13px}.chat-page-group-manage-danger-copy span{color:#b91c1c;font-size:12px;line-height:1.35}.chat-page-group-delete-btn{align-items:center;background:#dc2626;border:1px solid #dc2626;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:background .15s}.chat-page-group-delete-btn:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.chat-page-group-delete-btn:disabled,.chat-page-group-manage-add-row:disabled,.chat-page-group-manage-remove:disabled{cursor:not-allowed;opacity:.6}.chat-page-thread-title h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.chat-page-thread-subtitle{color:var(--text-muted);display:block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:3px;max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-avatar{align-items:center;border:1.5px solid;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-weight:var(--font-bold);justify-content:center;overflow:hidden}.chat-page-avatar img{height:100%;object-fit:cover;width:100%}.chat-page-presence{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:6px;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-presence-dot{background:var(--hairline-contrast);border-radius:999px;flex-shrink:0;height:8px;width:8px}.chat-page-presence--active{color:var(--success-700)}.chat-page-presence--active .chat-page-presence-dot{background:var(--success-500)}.chat-page-presence--away{color:var(--warning-700)}.chat-page-presence--away .chat-page-presence-dot{background:var(--warning-500)}.chat-page-presence span:last-child{color:var(--text-muted);font-weight:var(--font-normal);overflow:hidden;text-overflow:ellipsis}.chat-page-messages{background:var(--elev-1);flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);position:relative}.chat-page-message{align-items:center;display:flex;gap:8px;margin-bottom:var(--space-3);position:relative}.chat-page-message.mine{justify-content:flex-end;padding-left:48px}.chat-page-message.theirs{justify-content:flex-start;padding-right:48px}.chat-page-day-divider,.chat-page-unread-divider{align-items:center;display:flex;justify-content:center;margin:var(--space-4) 0}.chat-page-day-divider span,.chat-page-unread-divider span{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:var(--font-semibold);min-height:24px;padding:0 10px}.chat-page-unread-divider{position:relative}.chat-page-unread-divider:before{background:var(--primary-100);background:var(--primary-200,var(--primary-100));content:"";height:1px;left:0;position:absolute;right:0}.chat-page-unread-divider span{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700);position:relative;z-index:1}.chat-page-reply-action{align-items:center;background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:30px}.chat-page-message.mine .chat-page-reply-action{order:2}.chat-page-message:hover .chat-page-reply-action,.chat-page-reply-action:focus-visible{opacity:1}.chat-page-reply-action:hover{background:var(--primary-50);color:var(--primary-700)}.chat-page-bubble{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:var(--radius-control);box-shadow:var(--shadow-e1);max-width:min(620px,78%);padding:10px 12px}.chat-page-message.mine .chat-page-bubble{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff24;color:var(--text-inverse)}.chat-page-bubble--emoji,.chat-page-bubble--emoji-xl{background:#0000!important;border-color:#0000!important;box-shadow:none!important;padding:2px 4px}.chat-page-bubble--emoji p,.chat-page-bubble--emoji-xl p{line-height:1.15}.chat-page-bubble--emoji p{font-size:32px}.chat-page-bubble--emoji-xl p{font-size:48px}.chat-page-message.mine .chat-page-bubble--emoji,.chat-page-message.mine .chat-page-bubble--emoji-xl{color:var(--text-primary)}.chat-page-bubble--emoji .chat-page-time,.chat-page-bubble--emoji-xl .chat-page-time{color:var(--text-muted)!important;padding-left:4px}.chat-page-bubble p{font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;white-space:pre-wrap;word-break:break-word}.chat-page-sender{color:var(--primary-700);display:block;font-size:11px;font-weight:var(--font-bold);margin-bottom:4px}.chat-page-message.mine .chat-page-sender{color:#ffffffdb}.chat-page-reply-quote{align-items:flex-start;background:#0000000a;border-left:3px solid var(--primary-300,var(--primary-100));border-radius:var(--radius-control);display:flex;gap:7px;margin-bottom:8px;min-width:0;padding:7px 8px}.chat-page-message.mine .chat-page-reply-quote{background:#ffffff24;border-left-color:#fff9}.chat-page-reply-quote>svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.chat-page-message.mine .chat-page-reply-quote>svg{color:#ffffffc7}.chat-page-reply-quote span{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-page-reply-quote small,.chat-page-reply-quote strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-reply-quote strong{color:var(--text-primary);font-size:11px;font-weight:var(--font-bold)}.chat-page-reply-quote small{color:var(--text-muted);font-size:11px}.chat-page-message.mine .chat-page-reply-quote small,.chat-page-message.mine .chat-page-reply-quote strong{color:#ffffffdb}.chat-page-attachment{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;margin:0 0 7px;padding:10px;text-align:left;width:min(280px,100%)}.chat-page-attachment:hover{background:var(--elev-0);border-color:var(--hairline-contrast)}.chat-page-attachment.mine{background:#ffffff21;border-color:#ffffff38}.chat-page-attachment-icon{align-items:center;background:var(--elev-0);border-radius:var(--radius-control);color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:var(--font-bold);height:34px;justify-content:center;width:34px}.chat-page-attachment.mine .chat-page-attachment-icon{background:#ffffff2e;color:var(--text-inverse)}.chat-page-attachment-main{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.chat-page-attachment-main strong{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-attachment-main small{color:var(--text-muted);font-size:10px}.chat-page-attachment.mine .chat-page-attachment-main small,.chat-page-attachment.mine .chat-page-attachment-main strong{color:#ffffffdb}.chat-page-attachment-arrow{color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:var(--font-bold)}.chat-page-attachment.mine .chat-page-attachment-arrow{color:#fffc}.chat-page-bubble .chat-page-time{color:var(--text-muted);display:block;font-size:10px;margin-top:5px}.chat-page-message.mine .chat-page-bubble .chat-page-time{color:#ffffffb8}.chat-page-compose{grid-gap:var(--space-2);background:var(--elev-0);border-top:1px solid var(--hairline);display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto auto;padding:var(--space-4);position:relative}.chat-page-compose-reply{grid-gap:9px;align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:grid;gap:9px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px}.chat-page-compose-reply>svg{color:var(--primary-700)}.chat-page-compose-reply span{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-page-compose-reply small,.chat-page-compose-reply strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-compose-reply strong{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-bold)}.chat-page-compose-reply small{color:var(--text-muted);font-size:11px}.chat-page-compose-reply button{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.chat-page-compose-reply button:hover{background:var(--danger-50);color:var(--danger-600)}.chat-page-compose textarea{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);max-height:140px;min-height:44px;outline:none;padding:10px 12px;resize:vertical;width:100%}.chat-page-compose textarea:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.chat-page-compose>button{align-self:end;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);height:44px;padding:0 18px;transition:background var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.chat-page-compose>button:hover:not(:disabled){background:var(--primary);background:var(--primary-700,var(--primary))}.chat-page-compose>button:focus-visible{box-shadow:var(--ring-soft),inset 0 1px 0 #ffffff26;outline:none}.chat-page-compose>button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.chat-page-file-input{display:none}.chat-page-emoji-wrap{align-self:end;display:flex;position:relative}.chat-page-emoji-btn{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart);width:44px}.chat-page-emoji-btn:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.chat-page-emoji-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.chat-page-emoji-btn.open{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.chat-page-emoji-picker{animation:chatEmojiIn var(--dur-base) var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);bottom:calc(100% + 8px);box-shadow:var(--shadow-e3);overflow:hidden;position:absolute;right:0;z-index:20}@keyframes chatEmojiIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-page-compose .chat-page-attach-btn{background:var(--elev-1);border-color:var(--hairline-strong);box-shadow:none;color:var(--text-secondary)}.chat-page-compose .chat-page-attach-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.chat-page-compose .chat-page-attach-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.chat-page-file-row{display:flex;flex-direction:column;gap:6px;grid-column:1/-1}.chat-page-file-chip{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-700);color:var(--primary-800,var(--primary-700));display:flex;font-size:var(--text-xs);gap:8px;max-width:100%;padding:8px 10px}.chat-page-file-chip>span{flex-shrink:0;font-weight:var(--font-bold)}.chat-page-file-chip strong{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-file-chip small{color:var(--text-secondary);flex-shrink:0;font-size:10px}.chat-page-file-chip button{background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font:inherit;font-weight:var(--font-bold);height:24px;width:24px}.chat-page-file-chip button:hover{background:var(--danger-50);color:var(--danger-600)}.chat-page-attach-error{color:var(--danger-600);margin:0}.chat-page-attach-error,.chat-page-typing{font-size:var(--text-xs);font-weight:var(--font-medium)}.chat-page-typing{align-items:center;background:var(--elev-0);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-muted);display:inline-flex;gap:5px;margin:4px 0 var(--space-3);padding:8px 10px}.chat-page-typing i{animation:chatTypingPulse 1.1s ease-in-out infinite;background:currentColor;border-radius:999px;height:5px;width:5px}.chat-page-typing i:nth-child(3){animation-delay:.15s}.chat-page-typing i:nth-child(4){animation-delay:.3s}@keyframes chatTypingPulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-page-scroll-bottom{align-items:center;background:var(--primary);border:1px solid var(--primary-100);border-radius:999px;bottom:var(--space-3);box-shadow:var(--shadow-e2);color:var(--text-inverse);cursor:pointer;display:flex;font:inherit;font-size:var(--text-xs);font-weight:var(--font-bold);gap:6px;margin:0 auto;min-height:34px;padding:0 12px;position:-webkit-sticky;position:sticky;width:-webkit-max-content;width:max-content;z-index:4}.chat-page-scroll-bottom:hover{background:var(--primary);background:var(--primary-700,var(--primary))}.chat-page-people{background:var(--elev-0);border-right:1px solid var(--hairline);display:flex;flex-direction:column;min-height:0;min-width:0}.chat-page-people-head{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.chat-page-people-head h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.chat-page-people-head span,.chat-page-unread{font-feature-settings:"tnum";align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:999px;color:var(--primary-700);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);height:22px;justify-content:center;min-width:22px;padding:0 7px}.chat-page-tabs{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--space-5) var(--space-3)}.chat-page-tabs button{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);height:34px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.chat-page-tabs button:hover{background:var(--elev-0);border-color:var(--hairline-contrast);color:var(--text-primary)}.chat-page-tabs button:focus-visible{box-shadow:var(--ring-soft);outline:none}.chat-page-tabs button.active{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.chat-page-search{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font:inherit;font-size:var(--text-sm);margin:0 var(--space-5) var(--space-4);outline:none;padding:9px 11px}.chat-page-search:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.chat-page-group-create{padding:0 var(--space-5) var(--space-4)}.chat-page-group-form button[type=submit],.chat-page-new-group{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-700);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);height:38px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:100%}.chat-page-group-form button[type=submit]:hover:not(:disabled),.chat-page-new-group:hover{background:var(--primary-100)}.chat-page-group-form button[type=submit]:focus-visible,.chat-page-new-group:focus-visible{box-shadow:var(--ring-soft);outline:none}.chat-page-group-form{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)}.chat-page-group-form input[type=text],.chat-page-group-form>input{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);font:inherit;font-size:var(--text-sm);outline:none;padding:9px 10px;width:100%}.chat-page-group-form input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.chat-page-group-members{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow-y:auto;padding-right:2px}.chat-page-group-members label{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:10px;min-height:36px;padding:6px 9px}.chat-page-group-members label.selected,.chat-page-group-members label:hover{background:var(--elev-0);border-color:var(--hairline-strong);color:var(--text-primary)}.chat-page-group-members input{height:14px;margin:0;width:14px}.chat-page-group-members span:last-child{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-group-form button[type=submit]:disabled{cursor:not-allowed;opacity:.55}.chat-page-people-list{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-3) var(--space-3)}.chat-page-messages::-webkit-scrollbar,.chat-page-people-list::-webkit-scrollbar{width:8px}.chat-page-messages::-webkit-scrollbar-track,.chat-page-people-list::-webkit-scrollbar-track{background:#0000}.chat-page-messages::-webkit-scrollbar-thumb,.chat-page-people-list::-webkit-scrollbar-thumb{background:var(--hairline-contrast);background-clip:content-box;border:2px solid #0000;border-radius:var(--radius-full)}.chat-page-messages::-webkit-scrollbar-thumb:hover,.chat-page-people-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box;border:2px solid #0000}.chat-page-person{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:var(--space-3);padding:10px;text-align:left;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);width:100%}.chat-page-person:hover{background:var(--elev-1)}.chat-page-person:focus-visible{box-shadow:var(--ring-soft);outline:none}.chat-page-person.selected{background:var(--primary-50);border-color:var(--primary-100)}.chat-page-person-main{flex:1 1;min-width:0}.chat-page-person-bottom,.chat-page-person-top{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.chat-page-group-meta{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.chat-page-group-meta,.chat-page-person-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-person-top strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.chat-page-person-top span{color:var(--text-muted);font-size:11px;white-space:nowrap}.chat-page-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-5);text-align:center}.chat-page-empty--center{margin:auto}.chat-page-mention-highlight{color:var(--primary-700);display:inline;font-weight:var(--font-bold);margin:0}.chat-page-message.mine .chat-page-mention-highlight{color:#fffffff2}.chat-page-mention-everyone{color:#0369a1;color:var(--info-700,#0369a1)}.chat-page-mention-dropdown{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-overlay);bottom:calc(100% - 6px);box-shadow:var(--shadow-e3);left:var(--space-4);max-height:230px;overflow-y:auto;padding:6px;position:absolute;right:92px;z-index:5}.chat-page-mention-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-control);color:inherit;cursor:pointer;display:flex;font:inherit;gap:9px;padding:8px;text-align:left;width:100%}.chat-page-mention-item.active,.chat-page-mention-item:hover{background:var(--primary-50);border-color:var(--primary-100)}.chat-page-mention-everyone-icon{align-items:center;background:var(--primary);border-radius:999px;box-shadow:inset 0 1px 0 #ffffff26;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.chat-page-mention-body{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-page-mention-body>span{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;min-width:0}.chat-page-mention-body em{background:var(--success-100);border-radius:var(--radius-full);color:var(--success-700);flex-shrink:0;font-size:10px;font-style:normal;font-weight:var(--font-bold);padding:1px 5px}.chat-page-mention-body small{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.chat-page-shell{grid-template-columns:1fr}.chat-page-people{border-bottom:1px solid var(--hairline);border-right:none;max-height:360px}}.fpcm-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a9e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100001}.fpcm-card{animation:fpcmEnter .24s var(--ease-out-quart) both;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:22px;box-shadow:var(--shadow-e3);display:flex;min-height:480px;overflow:hidden;width:min(100%,880px)}.fpcm-shake{animation:fpcmShake .45s ease both}@keyframes fpcmEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fpcmShake{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(5px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}.fpcm-side{background:linear-gradient(145deg,#047857,#10b981 58%,#065f46);color:#fff;display:flex;flex:0 0 320px;flex-direction:column;justify-content:center;padding:40px 32px}.fpcm-side-icon{align-items:center;background:#ffffff24;border:1px solid #fff3;border-radius:18px;display:inline-flex;height:58px;justify-content:center;margin-bottom:18px;width:58px}.fpcm-side h2{color:#fff;font-size:28px;line-height:1.1;margin:0 0 10px}.fpcm-side p{color:#ffffffd6;font-size:14px;line-height:1.6;margin:0 0 20px}.fpcm-points{grid-gap:10px;color:#ffffffdb;display:grid;font-size:13px;gap:10px;line-height:1.5;margin:0;padding-left:18px}.fpcm-main{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 36px}.fpcm-header{margin-bottom:22px}.fpcm-header h3{color:var(--text-primary);font-size:28px;margin:0 0 6px}.fpcm-header p{color:var(--text-secondary);font-size:14px;margin:0}.fpcm-form{gap:16px}.fpcm-field,.fpcm-form{display:flex;flex-direction:column}.fpcm-field{gap:6px}.fpcm-field label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.02em}.fpcm-input-wrap{position:relative}.fpcm-input-wrap input{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 42px 12px 40px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart);width:100%}.fpcm-input-wrap input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.fpcm-input-icon{left:14px}.fpcm-input-icon,.fpcm-toggle{color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.fpcm-toggle{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;right:10px;width:28px}.fpcm-toggle:hover{background:var(--elev-2);color:var(--text-primary)}.fpcm-error{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;display:flex;font-size:13px;gap:8px;line-height:1.5;padding:12px 14px}.fpcm-hint{color:var(--text-muted);font-size:12px;margin-top:-4px}.fpcm-actions{display:flex;justify-content:flex-end;margin-top:6px}.fpcm-submit{background:#10b981;border:none;border-radius:12px;box-shadow:0 16px 30px #10b98138;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:170px;padding:12px 16px;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}.fpcm-submit:hover{transform:translateY(-1px)}.fpcm-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}@media (max-width:800px){.fpcm-card{flex-direction:column;max-height:calc(100vh - 24px);overflow-y:auto}.fpcm-main,.fpcm-side{padding:28px 22px}.fpcm-side{flex-basis:auto}.fpcm-actions{justify-content:stretch}.fpcm-submit{width:100%}}.App{background:var(--bg-primary);min-height:100vh}.device-blocked-screen{align-items:center;background:radial-gradient(circle at top,#0e749029,#0000 35%),linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:24px}.device-blocked-card{background:#fffffff0;border:1px solid #94a3b847;border-radius:20px;box-shadow:0 24px 80px #0f172a1f;max-width:440px;padding:32px 28px;text-align:center;width:100%}.device-blocked-card h1{color:#0f172a;font-size:2rem;margin:0 0 12px}.device-blocked-card p{color:#475569;line-height:1.6;margin:8px 0 0}.cd-overlay{align-items:center;animation:cdOverlayIn .18s ease both;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#0f172a75;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes cdOverlayIn{0%{opacity:0}to{opacity:1}}.cd-card{align-items:center;animation:cdCardIn .26s cubic-bezier(.34,1.56,.64,1) both;background:#fff;border-radius:22px;box-shadow:0 0 0 1px #0f172a0f,0 8px 20px #0f172a14,0 28px 80px #0f172a2e;display:flex;flex-direction:column;gap:6px;padding:30px 26px 22px;text-align:center;width:min(88vw,360px)}@keyframes cdCardIn{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cd-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:52px;justify-content:center;margin-bottom:8px;width:52px}.cd-icon--danger{background:#fff1f2;border:1.5px solid #ef444433;color:#dc2626}.cd-title{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.3;margin:0}.cd-desc{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:2px 0 0;max-width:280px}.cd-desc strong{color:var(--text-primary);font-weight:600}.cd-actions{display:flex;gap:10px;margin-top:18px;width:100%}.cd-cancel{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--secondary-200,#e2e8f0);border-radius:11px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 0;transition:background .15s,border-color .15s,color .15s}.cd-cancel:hover{background:#f8fafc;background:var(--secondary-50,#f8fafc);border-color:#cbd5e1;border-color:var(--secondary-300,#cbd5e1);color:var(--text-primary)}.cd-confirm--danger{background:#dc2626;border:none;border-radius:11px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 0;transition:background .15s,transform .1s}.cd-confirm--danger:hover{background:#b91c1c}.cd-confirm--danger:active{transform:scale(.97)}.cd-confirm--primary{background:var(--primary-600);border:none;border-radius:11px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 0;transition:background .15s,transform .1s}.cd-confirm--primary:hover{background:var(--primary-700)}.cd-confirm--primary:active{transform:scale(.97)}.cd-icon--warning{background:#fff7ed;border:1.5px solid #f9731633;color:#ea580c}.cd-icon--primary{background:#ecfdf5;border:1.5px solid #10b98133;color:#059669}