: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)}}.app-download{display:flex;justify-content:center;margin:var(--space-4) 0 var(--space-3);position:relative}.app-download-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:8px;border-radius:var(--radius-control,8px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:9px 16px;transition:color 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)}.app-download:focus-within .app-download-trigger,.app-download:hover .app-download-trigger{border-color:var(--primary);box-shadow:var(--ring-soft);color:var(--primary)}.app-download-menu{grid-gap:2px;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:14px;border-radius:var(--radius-overlay,14px);bottom:100%;box-shadow:var(--shadow-e3);display:grid;gap:2px;left:50%;margin-bottom:8px;min-width:280px;opacity:0;padding:var(--space-2);pointer-events:none;position:absolute;transform:translate(-50%,6px);transition:opacity var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart),visibility var(--dur-fast);visibility:hidden;z-index:20}.app-download-menu:after{content:"";height:10px;left:0;position:absolute;right:0;top:100%}.app-download:focus-within .app-download-menu,.app-download:hover .app-download-menu{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.app-download-item{align-items:center;border-radius:8px;border-radius:var(--radius-control,8px);color:var(--text-primary);display:flex;gap:var(--space-3);padding:10px 12px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out-quart)}.app-download-item:hover{background:var(--primary);color:var(--text-inverse)}.app-download-ico{align-items:center;background:#ffffff0f;border:1px solid var(--hairline-strong);border-radius:8px;border-radius:var(--radius-control,8px);color:inherit;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.app-download-item:hover .app-download-ico{background:#ffffff29;border-color:#ffffff73}.app-download-text{display:grid;line-height:1.25}.app-download-text strong{font-size:var(--text-sm);font-weight:var(--font-semibold)}.app-download-text small{color:var(--text-muted);font-size:var(--text-xs)}.app-download-item:hover .app-download-text small{color:#ffffffd1}@media (prefers-reduced-motion:reduce){.app-download-item,.app-download-menu,.app-download-trigger{transition:none}}.dd-name{color:var(--primary);font-weight:700;font-weight:var(--font-bold,700)}.dd-box.dd-box{display:flex;flex-direction:column;gap:18px}.dd-version{align-items:center;align-self:flex-start;background:#10b98114;background:var(--primary-50,#10b98114);border:1px solid color-mix(in srgb,#10b981 20%,#0000);border:1px solid color-mix(in srgb,var(--primary,#10b981) 20%,#0000);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#047857;color:var(--primary-700,#047857);display:inline-flex;font-family:var(--font-mono);font-size:11px;gap:8px;letter-spacing:.04em;padding:6px 12px}.dd-version svg{color:#10b981;color:var(--primary,#10b981)}.dd-version__label{color:#475569;color:var(--text-secondary,#475569);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dd-version__num{color:#047857;color:var(--primary-700,#047857);font-weight:600;font-weight:var(--font-semibold,600)}.dd-list{display:flex;flex-direction:column;gap:10px}.dd-item{grid-gap:14px;align-items:center;animation:dd-rise .45s cubic-bezier(.16,1,.3,1) forwards;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #94a3b838;border:1px solid var(--hairline,#94a3b838);border-radius:10px;border-radius:var(--radius-surface,10px);color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:grid;gap:14px;grid-template-columns:48px 1fr 36px;opacity:0;padding:14px 16px;position:relative;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;transition:border-color var(--dur-fast,.15s) var(--ease-out-quart,ease),box-shadow var(--dur-fast,.15s) var(--ease-out-quart,ease),transform var(--dur-fast,.15s) var(--ease-out-quart,ease),background var(--dur-fast,.15s) var(--ease-out-quart,ease)}.dd-list .dd-item:first-child{animation-delay:.05s}.dd-list .dd-item:nth-child(2){animation-delay:.12s}.dd-list .dd-item:nth-child(3){animation-delay:.19s}.dd-item:focus-visible,.dd-item:hover{background:#fff;background:var(--bg-secondary,#fff);border-color:#10b981;border-color:var(--primary,#10b981);box-shadow:0 0 0 3px color-mix(in srgb,#10b981 14%,#0000),0 4px 12px #0f172a0f;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#10b981) 14%,#0000),var(--shadow-e2,0 4px 12px #0f172a0f);outline:none;transform:translateY(-1px)}.dd-item:active{box-shadow:0 1px 2px #0f172a0d;box-shadow:var(--shadow-e1,0 1px 2px #0f172a0d);transform:translateY(0)}.dd-item__ico{align-items:center;background:#10b9811a;background:var(--primary-50,#10b9811a);border-radius:8px;border-radius:var(--radius-md,8px);color:#047857;color:var(--primary-700,#047857);display:inline-flex;height:44px;justify-content:center;transition:background .15s ease,color .15s ease;transition:background var(--dur-fast,.15s) var(--ease-out-quart,ease),color var(--dur-fast,.15s) var(--ease-out-quart,ease);width:44px}.dd-item:focus-visible .dd-item__ico,.dd-item:hover .dd-item__ico{background:#10b981;background:var(--primary,#10b981);color:#fff;color:var(--text-inverse,#fff)}.dd-item__text{display:flex;flex-direction:column;gap:2px;min-width:0}.dd-item__text strong{color:#0f172a;color:var(--text-primary,#0f172a);font-size:15px;font-size:var(--text-base,15px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:-.005em}.dd-item__text small{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--text-xs,12px);line-height:1.4}.dd-item__arch{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;margin-top:1px}.dd-item__action,.dd-item__arch{color:#64748b;color:var(--text-tertiary,#64748b)}.dd-item__action{align-items:center;background:#0000;border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;height:32px;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease;transition:background var(--dur-fast,.15s) var(--ease-out-quart,ease),color var(--dur-fast,.15s) var(--ease-out-quart,ease),transform var(--dur-fast,.15s) var(--ease-out-quart,ease);width:32px}.dd-item:focus-visible .dd-item__action,.dd-item:hover .dd-item__action{background:#10b9811a;background:var(--primary-50,#10b9811a);color:#10b981;color:var(--primary,#10b981);transform:translateY(1px)}.dd-item--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.dd-foot{align-items:center;border-top:1px solid #94a3b838;border-top:1px solid var(--hairline,#94a3b838);display:flex;gap:20px;justify-content:space-between;margin-top:6px;padding-top:16px}.dd-foot__hint{flex:1 1 auto;line-height:1.5;margin:0;min-width:0}.dd-foot__hint,.dd-signout{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--text-xs,12px)}.dd-signout{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #94a3b847;border:1px solid var(--hairline,#94a3b847);border-radius:8px;border-radius:var(--radius-control,8px);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-weight:600;font-weight:var(--font-semibold,600);gap:8px;height:34px;letter-spacing:.02em;padding:0 14px;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;transition:color var(--dur-fast,.15s) var(--ease-out-quart,ease),border-color var(--dur-fast,.15s) var(--ease-out-quart,ease),background var(--dur-fast,.15s) var(--ease-out-quart,ease),box-shadow var(--dur-fast,.15s) var(--ease-out-quart,ease),transform var(--dur-fast,.15s) var(--ease-out-quart,ease);white-space:nowrap}.dd-signout svg{flex-shrink:0;transition:transform .15s ease;transition:transform var(--dur-fast,.15s) var(--ease-out-quart,ease)}.dd-signout:hover{background:color-mix(in srgb,#ef4444 8%,#fff);background:color-mix(in srgb,#ef4444 8%,var(--bg-secondary,#fff));border-color:color-mix(in srgb,#ef4444 38%,#0000);box-shadow:0 1px 2px #0f172a0d;color:#b91c1c;transform:translateY(-1px)}.dd-signout:hover svg{transform:translateX(2px)}.dd-signout:active{box-shadow:none;transform:translateY(0)}.dd-signout:focus-visible{border-color:color-mix(in srgb,#ef4444 50%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 18%,#0000);outline:none}@keyframes dd-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.dd-foot{align-items:stretch;flex-direction:column;gap:12px}.dd-signout{align-self:stretch;justify-content:center}.dd-item{gap:12px;grid-template-columns:40px 1fr 32px;padding:12px 14px}.dd-item__ico{height:40px;width:40px}}@media (prefers-reduced-motion:reduce){.dd-item{animation:none;opacity:1;transform:none}}.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-segmented{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-e1) inset;gap:2px;padding:2px}.tt-seg,.tt-segmented{align-items:center;display:inline-flex}.tt-seg{background:#0000;border:1px solid #0000;border-radius:calc(var(--radius-control) - 2px);color:var(--text-secondary);cursor:pointer;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: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}.tt-seg:hover:not(:disabled):not(.tt-seg--active){background:var(--warning-50);color:var(--warning-700)}[data-theme=dark] .tt-seg:hover:not(:disabled):not(.tt-seg--active){background:#f59e0b1f;color:var(--warning-300)}.tt-seg--active{background:var(--primary);box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f;color:var(--text-inverse);cursor:default}.tt-seg:disabled:not(.tt-seg--active){cursor:not-allowed;opacity:.45}.tt-seg:focus-visible{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-primary-btn span,.tt-seg 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)}}.update-pill{--pill-glow:#6366f157;--pill-glow-soft:#6366f12e;--pill-bg-start:var(--primary-50,#eef2ff);--pill-bg-end:#fffffff0;--pill-border:var(--primary-200,#c7d2fe);--pill-text:var(--primary-700,#4338ca);--pill-text-2:var(--primary-800,#3730a3);--pill-accent:var(--primary-500,#6366f1);align-items:stretch;animation:pill-enter .64s cubic-bezier(.34,1.6,.64,1) both;background:linear-gradient(180deg,var(--pill-bg-start) 0,var(--pill-bg-end) 100%);border:1px solid var(--pill-border);border-radius:999px;box-shadow:inset 0 1px 0 #ffffffbf,0 1px 2px #0000000a,0 4px 10px -4px var(--pill-glow);color:var(--pill-text);display:inline-flex;font-size:12.5px;isolation:isolate;line-height:1;padding:2px;position:relative;will-change:transform,opacity}.update-pill:before{animation:pill-shine 1.7s cubic-bezier(.22,.61,.36,1) .36s 1 forwards;background:linear-gradient(115deg,#0000 32%,#ffffff8c 48%,#ffffffeb 50%,#ffffff8c 52%,#0000 68%);content:"";inset:0;mix-blend-mode:overlay;transform:translateX(-120%);z-index:2}.update-pill:before,.update-pill__halo{border-radius:inherit;pointer-events:none;position:absolute}.update-pill__halo{animation:pill-halo 3.6s ease-in-out 1.1s infinite;background:radial-gradient(ellipse at center,var(--pill-glow) 0,#0000 62%);filter:blur(8px);inset:-5px;opacity:0;z-index:-1}@keyframes pill-enter{0%{opacity:0;transform:translateY(-10px) scale(.92)}60%{opacity:1;transform:translateY(0) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pill-shine{0%{opacity:0;transform:translateX(-120%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateX(120%)}}@keyframes pill-halo{0%,to{opacity:0;transform:scale(.96)}50%{opacity:.55;transform:scale(1.06)}}.update-pill__main{align-items:center;background:#0000;border:none;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:7px;letter-spacing:.005em;padding:5px 11px 5px 8px;transition:background-color .18s ease,transform .14s ease,color .18s ease}.update-pill__main:hover{background:#ffffff8c;color:var(--pill-text-2)}.update-pill__main:active{transform:scale(.97)}.update-pill__main:disabled{cursor:default}.update-pill__main:hover .update-pill__glyph{animation-duration:1.2s}.update-pill__icon{align-items:center;color:var(--pill-accent);display:inline-flex;flex-shrink:0;height:22px;justify-content:center;position:relative;width:22px}.update-pill__glyph{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:glyph-bob 2.6s ease-in-out infinite;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5));position:relative;z-index:1}@keyframes glyph-bob{0%,to{transform:translateY(-.5px)}50%{transform:translateY(1.2px)}}.update-pill__ring{animation:ring-pulse 2.6s cubic-bezier(.22,.61,.36,1) infinite;border:1.5px solid;border-radius:50%;inset:4px;opacity:0;pointer-events:none;position:absolute}.update-pill__ring--delay{animation-delay:1.3s}@keyframes ring-pulse{0%{opacity:0;transform:scale(.65)}18%{opacity:.45}to{opacity:0;transform:scale(1.95)}}.update-pill__label{align-items:baseline;display:inline-flex;gap:4px;line-height:1;white-space:nowrap}.update-pill__verb{font-weight:600}.update-pill__version{font-feature-settings:"tnum" 1,"tnum";color:var(--pill-text-2);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.015em}.update-pill__dismiss{align-items:center;align-self:center;background:#0000;border:none;border-radius:999px;color:var(--pill-text);cursor:pointer;display:inline-flex;height:22px;justify-content:center;margin-right:2px;opacity:.45;transition:opacity .18s ease,background-color .18s ease,transform .26s cubic-bezier(.5,0,.2,1);width:22px}.update-pill__dismiss:hover{background:#0000000f;opacity:1;transform:rotate(90deg)}.update-pill__dismiss:focus-visible,.update-pill__main:focus-visible{outline:2px solid var(--pill-accent);outline-offset:2px}.update-pill.is-installing{--pill-bg-start:#6366f124;cursor:progress}.update-pill.is-installing .update-pill__halo{animation-duration:2.2s}.update-pill__icon--busy .update-pill__glyph,.update-pill__icon--busy .update-pill__ring{display:none}.update-pill__spinner{animation:spinner-rotate 1.1s linear infinite}.update-pill__spinner-track{fill:none;stroke:currentColor;stroke-width:1.7;opacity:.18}.update-pill__spinner-arc{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:10 28;filter:drop-shadow(0 0 2px currentColor)}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.update-pill,.update-pill:before,.update-pill__glyph,.update-pill__halo,.update-pill__ring,.update-pill__spinner{animation:none!important}.update-pill__halo{opacity:.35}.update-pill__spinner-arc{stroke-dasharray:38 0}}.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)}.seo-error,.seo-hint-box{font-size:var(--text-sm);line-height:1.5;padding:10px 14px;text-align:left;width:100%}.seo-error{background:#fef2f2;background:var(--danger-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-200,#fecaca);border-radius:var(--radius-control);color:#b91c1c;color:var(--danger-700,#b91c1c);margin-top:12px}.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);isolation:isolate;min-height:100vh;position:relative}.dashboard-layout,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid #ffffff0f;flex-direction:column;left:0;overscroll-behavior:contain;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;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;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;touch-action:none;transition:opacity var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-section-label.is-dragging{color:#ffffffb8}.nav-section-label-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.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;height:100vh;margin-left:248px;min-height:100vh;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;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,.cil-page,.cmp-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,.pms-page,.profile-page,.project-detail,.projects-dashboard,.rg,.roles-page,.rsg-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,.cil-page,.cmp-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,.pms-page,.profile-page,.project-detail,.projects-dashboard,.rg,.roles-page,.rsg-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)}@keyframes dashWidgetEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-widgets>.dashboard-main-sidebar .widget,.dashboard-widgets>.kpi-cards .kpi-card,.dashboard-widgets>.quick-actions{animation:dashWidgetEnter var(--dur-slow) var(--ease-out-quart) both}.dashboard-widgets>.quick-actions{animation-delay:0ms}.dashboard-widgets>.kpi-cards .kpi-card:first-child{animation-delay:60ms}.dashboard-widgets>.kpi-cards .kpi-card:nth-child(2){animation-delay:.11s}.dashboard-widgets>.kpi-cards .kpi-card:nth-child(3){animation-delay:.16s}.dashboard-widgets>.kpi-cards .kpi-card:nth-child(4){animation-delay:.21s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-main-col>.widget:first-child{animation-delay:.27s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-main-col>.widget:nth-child(2){animation-delay:.33s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-main-col>.widget:nth-child(3){animation-delay:.39s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-sidebar-col>.widget:first-child{animation-delay:.3s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-sidebar-col>.widget:nth-child(2){animation-delay:.36s}.dashboard-widgets>.dashboard-main-sidebar .dashboard-sidebar-col>.widget:nth-child(3){animation-delay:.42s}.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)}.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);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:0;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}}.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;max-height:252px;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0;scrollbar-color:var(--hairline-contrast) #0000;scrollbar-width:thin}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-thumb{background:var(--hairline-contrast);border-radius:999px}.task-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.task-list::-webkit-scrollbar-track{background:#0000}.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)}@keyframes proj-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projects-grid .project-card,.projects-stats .stat-card{animation:proj-rise .44s var(--ease-out-quart) backwards}.projects-grid .project-card:first-child,.projects-stats .stat-card:first-child{animation-delay:.04s}.projects-grid .project-card:nth-child(2),.projects-stats .stat-card:nth-child(2){animation-delay:.09s}.projects-grid .project-card:nth-child(3),.projects-stats .stat-card:nth-child(3){animation-delay:.14s}.projects-grid .project-card:nth-child(4),.projects-stats .stat-card:nth-child(4){animation-delay:.19s}.projects-grid .project-card:nth-child(5),.projects-stats .stat-card:nth-child(5){animation-delay:.24s}.projects-grid .project-card:nth-child(n+6){animation-delay:.29s}.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);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);height:36px;line-height:var(--leading-snug);outline:none;padding:0 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}.tdv-live-pill{align-items:center;background:var(--success-50);border:1px solid var(--success-100);border-radius:var(--radius-control);box-sizing:border-box;color:var(--success-700);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:6px;height:36px;padding:0 10px;white-space:nowrap}.tdv-live-pill small{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:var(--font-medium)}.tdv-live-dot{background:var(--success-500);border-radius:50%;box-shadow:0 0 0 4px #10b9811f;flex-shrink:0;height:7px;width:7px}@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-view-tabs{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);gap:4px;margin-bottom:20px;padding:4px}.tdv-view-tab,.tdv-view-tabs{align-items:center;display:inline-flex}.tdv-view-tab{background:#0000;border:1px solid #0000;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-semibold);gap:6px;justify-content:center;min-height:34px;padding:0 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}.tdv-view-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tdv-view-tab:focus-visible{box-shadow:var(--ring-soft);outline:none}.tdv-view-tab--active{background:var(--bg-secondary);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--primary)}.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:0;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:8px}.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:4px}.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--weekend{border-top-color:#0ea5e9;border-top-color:var(--info-500,#0ea5e9)}.tdv-kpi--weekend .tdv-kpi-icon{background:#eff6ff;background:var(--info-50,#eff6ff);border:1px solid #dbeafe;border:1px solid var(--info-100,#dbeafe)}.tdv-kpi--weekend .tdv-kpi-icon,.tdv-kpi--weekend .tdv-kpi-val{color:#0369a1;color:var(--info-700,#0369a1)}.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:0}.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--weekend{background:#eff6ff;background:var(--info-50,#eff6ff);border-color:#dbeafe;border-color:var(--info-100,#dbeafe);color:#0369a1;color:var(--info-700,#0369a1)}.tdv-team-pill--absent{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.tdv-team-pill--pending{background:#f59e0b;background:var(--warning-500,#f59e0b);border-color:#0000;color:#fff}.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:24%}.tdv-table th:nth-child(2){width:20%}.tdv-table th:nth-child(3){width:13%}.tdv-table th:nth-child(4){width:11%}.tdv-table th:nth-child(5){width:10%}.tdv-table th:nth-child(6),.tdv-table th:nth-child(7){width:11%}.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 td:nth-child(7),.tdv-table th:nth-child(3),.tdv-table th:nth-child(4),.tdv-table th:nth-child(5),.tdv-table th:nth-child(6),.tdv-table th:nth-child(7){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:38px}.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-row--weekend td{background:#eff6ff;background:var(--info-50,#eff6ff)}.tdv-row--weekend td:first-child{box-shadow:inset 3px 0 0 #0ea5e9;box-shadow:inset 3px 0 0 var(--info-500,#0ea5e9)}.tdv-row--weekend:hover td{background:#dbeafe;background:var(--info-100,#dbeafe)}.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:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0}.tdv-table td:nth-child(2){overflow:visible;white-space:normal}.tdv-status-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.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)}.tdv-partial-leave-tag,.tdv-remote-tag{font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.tdv-partial-leave-tag{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);white-space:nowrap}.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--weekend{background:#eff6ff;background:var(--info-50,#eff6ff);border-color:#dbeafe;border-color:var(--info-100,#dbeafe);color:#0369a1;color:var(--info-700,#0369a1)}.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-name{color:var(--text-primary)!important}.tdv-link{border-radius:3px;cursor:pointer;transition:color .12s ease,-webkit-text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease,-webkit-text-decoration-color .12s ease}.tdv-link:hover{text-decoration:underline}.tdv-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tdv-project-link{border-radius:3px;color:#059669;cursor:pointer;font-weight:500;transition:color .12s ease}.tdv-project-link:hover{text-decoration:underline}.tdv-project-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] .tdv-project-link{color:#34d399}.tdv-task-hours{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-task-cell>*+*{margin-top:16px}.tdv-expand-section{min-width:0}.tdv-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tdv-proposal-count{background:#f59e0b;background:var(--warning-500,#f59e0b);border-radius:9px;color:#fff;font-size:10px;font-weight:var(--font-bold);height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.tdv-name--flex,.tdv-proposal-count{align-items:center;display:inline-flex}.tdv-name--flex{gap:6px}.tdv-proposals-label{align-items:center;display:flex;gap:6px;margin-bottom:6px}.tdv-proposals-count-pill{background:#f59e0b;background:var(--warning-500,#f59e0b);border-radius:4px;color:#fff;font-size:10px;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);padding:2px 7px;text-transform:uppercase}.tdv-proposal-list{display:flex;flex-direction:column;gap:6px}.tdv-proposal-card{align-items:center;background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fde68a;border:1px solid var(--warning-100,#fde68a);border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:10px;padding:8px 12px;transition:background var(--dur-fast) var(--ease-out-quart)}.tdv-proposal-card:hover{background:#fef3c7;background:var(--warning-100,#fef3c7)}.tdv-proposal-card--new{background:#ecfdf5;background:var(--success-50,#ecfdf5);border-color:#a7f3d0;border-color:var(--success-100,#a7f3d0);box-shadow:inset 3px 0 0 0 #10b981;box-shadow:inset 3px 0 0 0 var(--success-500,#10b981)}.tdv-proposal-card--new:hover{background:#d1fae5;background:var(--success-100,#d1fae5)}.tdv-proposal-body{flex:1 1;min-width:0}.tdv-proposal-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdv-proposal-meta{color:var(--text-secondary);font-size:var(--text-xs);margin-top:2px}.tdv-proposal-project{color:#059669;color:var(--success-700,#059669);font-weight:var(--font-medium)}.tdv-proposal-est{color:var(--text-primary);font-weight:var(--font-semibold);margin-left:6px}.tdv-proposal-due{color:var(--danger-600);margin-left:6px}.tdv-proposal-actions{display:flex;flex-shrink:0;gap:6px}.tdv-mini-btn{align-items:center;border:none;border-radius:6px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;padding:4px 10px;transition:background var(--dur-fast) var(--ease-out-quart),opacity var(--dur-fast) var(--ease-out-quart)}.tdv-mini-btn:disabled{cursor:not-allowed;opacity:.6}.tdv-mini-btn:focus-visible{box-shadow:var(--ring-soft);outline:none}.tdv-mini-btn--approve{background:#059669;background:var(--success-600,#059669)}.tdv-mini-btn--approve:hover:not(:disabled){background:#047857;background:var(--success-700,#047857)}.tdv-mini-btn--reject{background:#dc2626;background:var(--danger-600,#dc2626)}.tdv-mini-btn--reject:hover:not(:disabled){background:#b91c1c;background:var(--danger-700,#b91c1c)}.tdv-session-list{display:flex;flex-direction:column;gap:6px}.tdv-session-time{color:var(--text-secondary);font-size:var(--text-xs)}.tdv-session-hours{color:var(--text-primary)}.tdv-session-break,.tdv-session-hours{font-size:var(--text-xs);font-weight:var(--font-semibold)}.tdv-session-break{color:#b45309;color:var(--warning-700,#b45309)}.tdv-active-task-list{display:flex;flex-direction:column;gap:5px}.tdv-active-task-body{flex:1 1;min-width:0}.tdv-active-task-project{font-size:var(--text-xs);margin-left:6px}.tdv-task-status{border:1px solid #0000;border-radius:999px;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px}.tdv-task-status--inprogress{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.tdv-task-status--testing{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-700)}.tdv-task-status--default,.tdv-task-status--todo{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.tdv-approval-badge{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px}.tdv-approval-badge--approved{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.tdv-approval-badge--pending{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.tdv-approval-badge--rejected{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.tdv-approval-badge--default{background:var(--elev-1);border-color:var(--hairline-strong);color:var(--text-secondary)}.tdv-expand-empty{background:var(--elev-1);border:1px dashed var(--hairline-contrast);border-radius:8px;color:var(--text-muted);font-size:var(--text-xs);font-style:italic;padding:10px 14px}.tdv-snapshot-view{display:flex;flex-direction:column;gap:18px}.tdv-snapshot-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tdv-snapshot-summary>div{background:var(--elev-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);display:flex;flex-direction:column;gap:4px;padding:12px 14px}.tdv-snapshot-summary span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tdv-snapshot-summary strong{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.tdv-phase-tabs{align-items:center;background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:inline-flex;gap:4px;padding:4px}.tdv-phase-tab{background:#0000;border:1px solid #0000;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-semibold);min-height:32px;padding:0 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);white-space:nowrap}.tdv-phase-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tdv-phase-tab:focus-visible{box-shadow:var(--ring-soft);outline:none}.tdv-phase-tab--active{border-color:var(--hairline-strong);color:var(--primary)}.tdv-phase-tab--active,.tdv-snapshot-section{background:var(--bg-secondary);box-shadow:var(--shadow-e1)}.tdv-snapshot-section{border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);overflow:hidden}.tdv-snapshot-section-hd{align-items:center;background:var(--elev-1);border-bottom:1px solid var(--hairline);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.tdv-snapshot-section-hd h2{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin:0}.tdv-snapshot-section-hd p{color:var(--text-muted);font-size:var(--text-xs);margin:3px 0 0}.tdv-snapshot-table-wrap{overflow-x:auto}.tdv-snapshot-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);min-width:1060px;table-layout:fixed;width:100%}.tdv-snapshot-table th:first-child{width:14%}.tdv-snapshot-table th:nth-child(2){width:10%}.tdv-snapshot-table th:nth-child(3){width:12%}.tdv-snapshot-table th:nth-child(4){width:8%}.tdv-snapshot-table th:nth-child(5){width:16%}.tdv-snapshot-table th:nth-child(6){width:22%}.tdv-snapshot-table th:nth-child(7),.tdv-snapshot-table th:nth-child(8){width:9%}.tdv-snapshot-table--change th:first-child{width:13%}.tdv-snapshot-table--change th:nth-child(2){width:9%}.tdv-snapshot-table--change th:nth-child(3){width:11%}.tdv-snapshot-table--change th:nth-child(4){width:7%}.tdv-snapshot-table--change th:nth-child(5){width:15%}.tdv-snapshot-table--change th:nth-child(6){width:19%}.tdv-snapshot-table--change th:nth-child(7),.tdv-snapshot-table--change th:nth-child(8){width:8%}.tdv-snapshot-table--change th:nth-child(9){width:10%}.tdv-snapshot-table thead tr{border-bottom:1px solid var(--hairline-strong)}.tdv-snapshot-table th{background:var(--elev-0);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:10px 12px;text-align:left;text-transform:uppercase}.tdv-snapshot-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px;vertical-align:top}.tdv-snapshot-table tbody tr:last-child td{border-bottom:none}.tdv-snapshot-row--first td{border-top:1px solid var(--hairline-strong)}.tdv-snapshot-table tbody tr.tdv-snapshot-row--first:first-child td{border-top:none}.tdv-snapshot-empty-cell{color:var(--text-muted)}.tdv-right{text-align:right!important}.tdv-snapshot-person{display:flex;flex-direction:column;gap:2px;min-width:0}.tdv-snapshot-person span{color:var(--text-primary);font-weight:var(--font-semibold)}.tdv-snapshot-person small,.tdv-snapshot-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdv-snapshot-person small{color:var(--text-muted);font-size:var(--text-xs)}.tdv-snapshot-total{color:var(--text-primary);font-weight:var(--font-semibold);white-space:nowrap}.tdv-snapshot-project,.tdv-snapshot-task-title{border-radius:3px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdv-snapshot-task-title{color:var(--text-primary);cursor:pointer;font-weight:var(--font-medium)}.tdv-snapshot-project{color:var(--primary);cursor:pointer;font-weight:var(--font-medium)}.tdv-snapshot-project:hover,.tdv-snapshot-task-title:hover{text-decoration:underline}.tdv-snapshot-project:focus-visible,.tdv-snapshot-task-title:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tdv-snapshot-hours{color:var(--text-primary)}.tdv-change-dot,.tdv-snapshot-hours{font-weight:var(--font-semibold);white-space:nowrap}.tdv-change-dot{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-block;font-size:10px;padding:2px 7px;text-transform:uppercase}.tdv-change-dot--added{background:#f0fdf4;background:var(--success-50,#f0fdf4);border-color:#dcfce7;border-color:var(--success-100,#dcfce7);color:#15803d;color:var(--success-700,#15803d)}.tdv-change-dot--edited{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.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}.tdv-snapshot-summary{grid-template-columns:1fr}}@media (max-width:480px){.tdv-page{padding:16px}.tdv-kpi-grid{grid-template-columns:1fr 1fr}.tdv-kpi-val{font-size:var(--text-xl)}}.ttr-page{padding:24px}.ttr-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.ttr-page-header>.page-hd{margin-bottom:0}.ttr-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ttr-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}.ttr-btn:hover:not(:disabled){background:var(--primary-hover)}.ttr-btn:focus-visible{box-shadow:var(--shadow-e1),inset 0 1px 0 #ffffff1f,var(--ring-soft);outline:none}.ttr-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.ttr-btn--ghost{background:var(--bg-secondary);border:1px solid var(--hairline-strong);box-shadow:none;color:var(--text-primary)}.ttr-btn--ghost:hover:not(:disabled){background:var(--elev-1);border-color:var(--hairline-contrast)}.ttr-btn--chip{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);height:32px;letter-spacing:var(--tracking-tight);padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart)}.ttr-btn--chip:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}@keyframes ttr-spin{to{transform:rotate(1turn)}}.ttr-spin{animation:ttr-spin .7s linear infinite}.ttr-filter-band{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:16px;justify-content:space-between;margin-bottom:20px;padding:14px 16px}.ttr-filter-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:170px 110px 180px minmax(240px,1fr);min-width:0}.ttr-control-group{display:flex;flex-direction:column;gap:6px;min-width:0}.ttr-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}.ttr-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);height:36px;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%}.ttr-input:hover:not(:focus){border-color:var(--hairline-contrast)}.ttr-input:focus{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.ttr-search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-muted);display:flex;gap:8px;height:36px;padding:0 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.ttr-search-input:focus-within{border-color:var(--ring-color);box-shadow:var(--ring-soft);color:var(--text-secondary)}.ttr-search-input input{background:#0000;border:0;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-sm);height:auto;min-width:0;outline:none;padding:0}.ttr-shortcuts{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ttr-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.ttr-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)}.ttr-kpi:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-e2)}.ttr-kpi-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.ttr-kpi-icon{align-items:center;border-radius:var(--radius-control);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ttr-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}.ttr-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)}.ttr-kpi-val small{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:0;margin-left:2px;opacity:.7}.ttr-kpi--tasks{border-top-color:#3b82f6;border-top-color:var(--info-500,#3b82f6)}.ttr-kpi--tasks .ttr-kpi-icon{background:var(--info-50);border:1px solid var(--info-100);color:var(--info-700)}.ttr-kpi--tasks .ttr-kpi-val{color:var(--info-700)}.ttr-kpi--overdue{border-top-color:var(--danger-500)}.ttr-kpi--overdue .ttr-kpi-icon{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.ttr-kpi--overdue .ttr-kpi-val{color:var(--danger-700)}.ttr-kpi--rejected{border-top-color:#f59e0b;border-top-color:var(--warning-500,#f59e0b)}.ttr-kpi--rejected .ttr-kpi-icon{background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--warning-100,#fef3c7)}.ttr-kpi--rejected .ttr-kpi-icon,.ttr-kpi--rejected .ttr-kpi-val{color:#b45309;color:var(--warning-700,#b45309)}.ttr-kpi--hours{border-top-color:#f59e0b;border-top-color:var(--accent-500,#f59e0b)}.ttr-kpi--hours .ttr-kpi-icon{background:#fffbeb;background:var(--accent-50,#fffbeb);border:1px solid #fef3c7;border:1px solid var(--accent-100,#fef3c7)}.ttr-kpi--hours .ttr-kpi-icon,.ttr-kpi--hours .ttr-kpi-val{color:#b45309;color:var(--accent-700,#b45309)}.ttr-kpi--billable{border-top-color:var(--success-500)}.ttr-kpi--billable .ttr-kpi-icon{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-600)}.ttr-kpi--billable .ttr-kpi-val{color:var(--success-700)}.ttr-kpi--nonbillable{border-top-color:var(--secondary-400)}.ttr-kpi--nonbillable .ttr-kpi-icon{background:var(--elev-1);border:1px solid var(--hairline-strong);color:var(--text-secondary)}.ttr-kpi--nonbillable .ttr-kpi-val{color:var(--text-secondary)}.ttr-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}.ttr-empty,.ttr-error{font-size:var(--text-sm)}.ttr-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}@keyframes ttr-shimmer{0%,to{opacity:1}50%{opacity:.55}}.ttr-skel-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.ttr-skel-kpi{animation:ttr-shimmer 1.4s linear infinite;background:var(--elev-1);height:96px}.ttr-skel-kpi,.ttr-skel-section{border-radius:var(--radius-surface)}.ttr-skel-section{border:1px solid var(--hairline-strong);margin-bottom:16px;overflow:hidden}.ttr-skel-section-header{background:var(--elev-1);height:48px}.ttr-skel-row,.ttr-skel-section-header{animation:ttr-shimmer 1.4s linear infinite}.ttr-skel-row{background:var(--bg-secondary);border-top:1px solid var(--hairline);height:56px}.ttr-teams{display:flex;flex-direction:column;gap:16px}.ttr-team-section{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.ttr-team-header{align-items:center;background:var(--elev-1);border-bottom:1px solid var(--hairline);display:flex;font-size:var(--text-sm);gap:10px;letter-spacing:var(--tracking-tight);padding:12px 16px;width:100%}.ttr-team-header,.ttr-team-name{color:var(--text-primary);font-weight:var(--font-semibold)}.ttr-team-pills{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-left:12px}.ttr-team-pill{background:var(--bg-secondary);border:1px solid #0000;border-color:var(--hairline-strong);border-radius:999px;color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ttr-team-pill--people{background:var(--primary-50);border-color:#a7f3d0;border-color:var(--primary-100,#a7f3d0);color:#047857;color:var(--primary-700,#047857)}.ttr-team-pill--tasks{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.ttr-team-pill--overdue{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ttr-team-pill--rejected{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ttr-team-pill--hours{background:#fffbeb;background:var(--accent-50,#fffbeb);border-color:#fef3c7;border-color:var(--accent-100,#fef3c7);color:#b45309;color:var(--accent-700,#b45309)}.ttr-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}.ttr-table-wrap{overflow-x:auto}.ttr-table{font-feature-settings:var(--feature-numeric);border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);width:100%}.ttr-table thead tr{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong)}.ttr-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}.ttr-table th:first-child{padding-left:36px}.ttr-table th:nth-child(n+2){text-align:right}.ttr-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:12px 14px;vertical-align:middle;white-space:nowrap}.ttr-table td:nth-child(n+2){text-align:right}.ttr-table tbody tr:last-child td{border-bottom:none}.ttr-member-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart)}.ttr-member-row:hover{background:var(--elev-1)}.ttr-name-cell{align-items:center;display:flex;gap:8px;text-align:left}.ttr-expand-icon{color:var(--text-muted);display:inline-flex;flex-shrink:0;width:16px}.ttr-name-stack{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.ttr-name{color:var(--text-primary);letter-spacing:var(--tracking-tight)}.ttr-desig,.ttr-name{font-weight:var(--font-medium)}.ttr-desig{color:var(--text-muted);font-size:var(--text-xs)}.ttr-col--billable{color:var(--success-700);font-weight:var(--font-semibold)}.ttr-col--nonbillable{color:var(--text-secondary);font-weight:var(--font-medium)}.ttr-overdue-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:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);height:22px;justify-content:center;min-width:28px;padding:0 8px}.ttr-overdue-count--hot{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ttr-rejected-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:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);height:22px;justify-content:center;min-width:28px;padding:0 8px}.ttr-rejected-count--hot{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ttr-detail-row td{background:var(--elev-0);border-bottom:1px solid var(--hairline);padding:0}.ttr-detail-cell{border-top:1px solid var(--hairline);box-shadow:inset 0 3px 6px -3px #0000000d;padding:16px 20px 20px!important}.ttr-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}.ttr-detail-table{font-feature-settings:var(--feature-numeric);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-collapse:collapse;border-radius:var(--radius-surface);font-size:var(--text-sm);font-variant-numeric:var(--feature-numeric);overflow:hidden;width:100%}.ttr-detail-table thead tr{border-bottom:1px solid var(--hairline-strong)}.ttr-detail-table th{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.ttr-detail-table th:nth-child(n+4){text-align:right}.ttr-detail-table td{border-bottom:1px solid var(--hairline);color:var(--text-primary);padding:10px 12px;vertical-align:middle}.ttr-detail-table td:nth-child(n+4){text-align:right}.ttr-detail-table tbody tr:last-child td{border-bottom:none}.ttr-detail-table tbody tr.ttr-task-row--overdue td{background:var(--danger-50)}.ttr-detail-table tbody tr.ttr-task-row--overdue td:first-child{box-shadow:inset 3px 0 0 var(--danger-500)}.ttr-detail-table .ttr-task-project{color:var(--primary);font-weight:var(--font-medium)}.ttr-detail-table .ttr-task-title-cell{line-height:var(--leading-snug);max-width:360px;min-width:220px;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.ttr-detail-empty{color:var(--text-muted);padding:14px!important;text-align:center!important}.ttr-due-date{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:var(--font-medium)}.ttr-due-date--overdue{color:var(--danger-700);font-weight:var(--font-semibold)}.ttr-estimate{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);padding:3px 8px;white-space:nowrap}.ttr-estimate--over{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.ttr-status-badge{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-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:3px 10px;text-transform:uppercase;white-space:nowrap}.ttr-status-badge--inprogress{background:#fffbeb;background:var(--warning-50,#fffbeb);border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ttr-status-badge--done{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.ttr-status-badge--todo{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.ttr-status-badge--testing{background:#fffbeb;background:var(--accent-50,#fffbeb);border-color:#fef3c7;border-color:var(--accent-100,#fef3c7);color:#b45309;color:var(--accent-700,#b45309)}@media (max-width:1100px){.ttr-kpi-grid,.ttr-skel-kpi-grid{grid-template-columns:repeat(3,1fr)}.ttr-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ttr-kpi-grid,.ttr-skel-kpi-grid{grid-template-columns:repeat(2,1fr)}.ttr-page-header{align-items:flex-start;flex-direction:column}.ttr-actions{width:100%}.ttr-filter-band{align-items:stretch;flex-direction:column}.ttr-filter-grid{grid-template-columns:1fr}.ttr-team-pills{display:none}}@media (max-width:480px){.ttr-page{padding:16px}.ttr-kpi-grid{grid-template-columns:1fr 1fr}.ttr-kpi-val{font-size:var(--text-xl)}}.ttr-task-row--clickable{cursor:pointer}.ttr-task-row--clickable:hover{background:#f8fafc}.ttr-task-row--open{background:#f1f5f9}.ttr-task-title-text{align-items:center;display:inline-flex;gap:4px}.ttr-task-expand-icon{align-items:center;color:#6b7280;display:inline-flex}.ttr-task-desc-row>.ttr-task-desc-cell{background:#f8fafc;border-top:1px dashed #e5e7eb;padding:10px 16px 14px 32px}.ttr-task-desc-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.ttr-task-desc-body{color:#374151;font-size:13px;line-height:1.5;white-space:pre-wrap}.ea-page{--ea-good:var(--primary);--ea-good-soft:#10b98129;--ea-mid:#d99a00;--ea-mid-soft:#d99a002e;--ea-low:#e0524d;--ea-low-soft:#e0524d29;--ea-bar-top:#34d399;--ea-bar-bottom:#059669;--ea-bar-glow:#10b98173;--ea-bar-idle:#64748b66;--ea-track-bg:#0f172a0d;padding:28px 28px 48px}[data-theme=dark] .ea-page{--ea-good-soft:#34d39933;--ea-mid-soft:#d99a0038;--ea-low-soft:#e0524d33;--ea-bar-top:#6ee7b7;--ea-bar-bottom:#10b981;--ea-bar-glow:#34d39980;--ea-bar-idle:#94a3b857;--ea-track-bg:#ffffff0f}@keyframes ea-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ea-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ea-rot{to{transform:rotate(1turn)}}@keyframes ea-pulse{0%,to{opacity:1}50%{opacity:.35}}.ea-header{align-items:flex-end;animation:ea-rise var(--dur-base) var(--ease-out-quart) both;border-bottom:1px solid var(--hairline-strong);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.ea-eyebrow{color:var(--primary);display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.ea-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:26px;font-weight:700;font-weight:var(--font-bold,700);gap:10px;letter-spacing:-.02em;letter-spacing:var(--tracking-tight,-.02em);margin:0}.ea-header h1 svg{color:var(--primary)}.ea-sub{color:var(--text-secondary);font-size:13px;line-height:1.6;line-height:var(--leading-normal,1.6);margin:8px 0 0;max-width:560px}.ea-sub em{color:var(--text-primary);font-style:normal;font-weight:600}.ea-controls{flex-wrap:wrap;gap:10px}.ea-controls,.ea-search{align-items:center;display:flex}.ea-search{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;border-radius:var(--radius-control,10px);color:var(--text-secondary);color:var(--text-muted,var(--text-secondary));gap:7px;padding:8px 12px;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.ea-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ea-good-soft);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-soft,var(--ea-good-soft))}.ea-search input{background:#0000;border:0;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:0;width:200px}.ea-date{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;border-radius:var(--radius-control,10px);color:var(--text-primary);font-family:var(--font-mono);font-size:12.5px;padding:8px 12px}.ea-date:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--ea-good-soft);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-soft,var(--ea-good-soft));outline:none}.ea-refresh{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;border-radius:var(--radius-control,10px);color:var(--text-secondary);cursor:pointer;display:grid;height:38px;place-items:center;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring);width:38px}.ea-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.ea-refresh:active:not(:disabled){transform:scale(.95)}.ea-refresh:disabled{cursor:default;opacity:.55}.ea-spin{animation:ea-rot .9s linear infinite}.ea-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(120px,-webkit-max-content)) 1fr;grid-template-columns:repeat(3,minmax(120px,max-content)) 1fr;margin-bottom:22px}.ea-kpi{animation:ea-rise var(--dur-base) var(--ease-out-quart) both;animation-delay:60ms;animation-delay:calc(var(--i, 0)*55ms + 60ms);background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;border-radius:var(--radius-surface,14px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs,0 1px 2px #0000000a);display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:16px 20px;position:relative}.ea-kpi:before{background:linear-gradient(90deg,var(--primary),#0000 65%);content:"";height:2px;inset:0 0 auto 0;position:absolute}.ea-kpi-val{font-feature-settings:"tnum" 1;font-feature-settings:var(--feature-numeric,"tnum" 1);color:var(--text-primary);font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}.ea-kpi-val i{color:var(--text-secondary);font-size:16px;font-style:normal;margin-left:1px}.ea-kpi-label{color:var(--text-secondary);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ea-kpi--info{background:#0000;border-style:dashed;box-shadow:none;flex-direction:column;gap:8px;justify-content:center}.ea-kpi--info:before{display:none}.ea-kpi-note{color:var(--text-secondary);font-size:12px;line-height:1.5}.ea-kpi-note strong{color:var(--text-primary)}.ea-live{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.08em;text-transform:uppercase}.ea-live-dot{border-radius:50%;border-radius:var(--radius-full,50%);height:7px;width:7px}.ea-live--on{color:var(--primary)}.ea-live--on .ea-live-dot{animation:ea-pulse 1.8s ease-in-out infinite;background:var(--primary);box-shadow:0 0 0 4px var(--ea-good-soft)}.ea-live--off{color:var(--text-secondary)}.ea-live--off .ea-live-dot{background:var(--text-secondary)}.ea-banner{border-radius:10px;border-radius:var(--radius-control,10px);font-size:13px;margin-bottom:16px;padding:11px 16px}.ea-err{color:var(--ea-low)}.ea-banner.ea-err{background:var(--ea-low-soft);border:1px solid #e0524d66}.ea-table-wrap{animation:ea-rise var(--dur-base) var(--ease-out-quart) both;animation-delay:.2s;background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;border-radius:var(--radius-surface,14px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);overflow:hidden}.ea-table{border-collapse:collapse;font-size:13px;width:100%}.ea-table thead th{background:var(--elev-1);border-bottom:1px solid var(--hairline-strong);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.07em;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.ea-table tbody td{border-top:1px solid var(--hairline);color:var(--text-primary);padding:12px 16px;vertical-align:middle}.ea-row{cursor:pointer;transition:background var(--dur-fast) ease}.ea-row--open,.ea-row:hover{background:var(--elev-1)}.ea-row--open td{border-top-color:var(--hairline-strong)}.ea-chev{color:var(--text-secondary);width:30px}.ea-chev svg{transition:transform var(--dur-base) var(--ease-spring)}.ea-row--open .ea-chev{color:var(--primary)}.ea-emp{align-items:center;display:flex;gap:11px}.ea-avatar{background:var(--ea-good-soft);border-radius:50%;border-radius:var(--radius-full,50%);color:var(--primary);display:grid;flex-shrink:0;font-size:13px;font-weight:700;height:32px;place-items:center;width:32px}.ea-emp-text{display:flex;flex-direction:column;line-height:1.35}.ea-emp-name{color:var(--text-primary);font-weight:600}.ea-emp-meta{font-family:var(--font-mono);font-size:11px;text-transform:capitalize}.ea-emp-meta,.ea-team{color:var(--text-secondary)}.ea-num{font-feature-settings:"tnum" 1;font-feature-settings:var(--feature-numeric,"tnum" 1);color:var(--text-primary);font-family:var(--font-mono);font-size:12.5px}.ea-empty,.ea-num--soft{color:var(--text-secondary)}.ea-empty{font-size:13px;padding:36px;text-align:center}.ea-gauge{display:flex;flex-direction:column;gap:6px;min-width:64px}.ea-gauge-val{font-feature-settings:"tnum" 1;font-feature-settings:var(--feature-numeric,"tnum" 1);font-family:var(--font-mono);font-size:15px;font-weight:600;line-height:1}.ea-gauge-val i{font-size:11px;font-style:normal;margin-left:1px;opacity:.65}.ea-gauge-track{background:var(--hairline-strong);border-radius:999px;border-radius:var(--radius-full,999px);height:4px;overflow:hidden;position:relative}.ea-gauge-fill{border-radius:inherit;inset:0 auto 0 0;position:absolute;transition:width .6s var(--ease-out-quart)}.ea-gauge--good .ea-gauge-val{color:var(--primary)}.ea-gauge--good .ea-gauge-fill{background:var(--ea-good)}.ea-gauge--mid .ea-gauge-val{color:var(--ea-mid)}.ea-gauge--mid .ea-gauge-fill{background:var(--ea-mid)}.ea-gauge--low .ea-gauge-val{color:var(--ea-low)}.ea-gauge--low .ea-gauge-fill{background:var(--ea-low)}.ea-gauge--na .ea-gauge-val{color:var(--text-secondary)}.ea-gauge--na .ea-gauge-track{opacity:.5}.ea-drill-row td{background:var(--bg-primary);max-width:0;padding:0!important}.ea-drill{animation:ea-rise var(--dur-fast) var(--ease-out-quart) both;border-left:2px solid var(--primary);padding:22px 24px 20px}.ea-drill--msg{color:var(--text-secondary);font-size:13px}.ea-drill-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:18px}.ea-drill-stats{display:flex;flex-wrap:wrap;gap:22px}.ea-drill-stats span{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.ea-drill-stats svg{color:var(--primary)}.ea-drill-stats b{font-feature-settings:"tnum" 1;font-feature-settings:var(--feature-numeric,"tnum" 1);color:var(--text-primary);font-family:var(--font-mono);font-size:13px}.ea-legend{display:flex;gap:16px}.ea-legend span{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px}.ea-legend-sw{border-radius:3px;display:inline-block;height:10px;width:10px}.ea-legend-sw--active{background:linear-gradient(180deg,var(--ea-bar-top),var(--ea-bar-bottom))}.ea-legend-sw--idle{background:var(--ea-bar-idle)}.ea-bars{align-items:flex-end;background-image:repeating-linear-gradient(to top,#0000,#0000 24px,var(--hairline) 24px,var(--hairline) 25px);display:flex;gap:5px;height:132px;overflow-x:scroll;overflow-y:hidden;padding:0 2px 10px;scrollbar-gutter:stable}.ea-bars::-webkit-scrollbar{height:10px}.ea-bars::-webkit-scrollbar-track{background:var(--elev-1);border-radius:999px;border-radius:var(--radius-full,999px)}.ea-bars::-webkit-scrollbar-thumb{background:var(--hairline-strong);border:2px solid var(--elev-1);border-radius:999px;border-radius:var(--radius-full,999px)}.ea-bars:hover::-webkit-scrollbar-thumb{background:var(--text-muted)}.ea-bar-col{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;width:24px}.ea-bar-track{align-items:flex-end;background:var(--ea-track-bg);border-radius:4px;display:flex;height:100px;overflow:hidden;width:16px}.ea-bar{animation:ea-grow .46s var(--ease-out-quart) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*14ms);border-radius:4px 4px 1px 1px;transform-origin:bottom;width:100%}.ea-bar--good{background:linear-gradient(180deg,var(--ea-bar-top),var(--ea-bar-bottom));box-shadow:0 0 12px -2px var(--ea-bar-glow)}.ea-bar--mid{background:linear-gradient(180deg,#fbbf24,var(--ea-mid))}.ea-bar--low,.ea-bar--na{background:var(--ea-bar-idle)}.ea-bar-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;margin-top:7px;transform:rotate(-45deg);white-space:nowrap}.ea-drill-foot{color:var(--text-secondary);font-size:11.5px;font-style:italic;margin:16px 0 0}@media (max-width:720px){.ea-page{padding:20px 16px 36px}.ea-kpis{grid-template-columns:1fr 1fr}.ea-kpi--info{grid-column:1/-1}.ea-controls,.ea-search input{width:100%}}@media (prefers-reduced-motion:reduce){.ea-bar,.ea-drill,.ea-header,.ea-kpi,.ea-table-wrap{animation:none!important}.ea-gauge-fill{transition:none}}.cr-page{padding:4px 2px 40px}.cr-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.cr-header,.cr-title{align-items:center;display:flex;gap:14px}.cr-title-icon{align-items:center;background:#10b9811f;border-radius:13px;color:#10b981;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.cr-title h1{color:var(--text-primary);font-size:22px;margin:0}.cr-title p{margin:2px 0 0}.cr-refresh,.cr-title p{color:var(--text-secondary);font-size:13px}.cr-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:7px;padding:8px 14px}.cr-refresh:hover:not(:disabled){color:var(--text-primary)}.cr-refresh:disabled{cursor:not-allowed;opacity:.6}.cr-kpis{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.cr-kpi{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;display:flex;flex:1 1 140px;flex-direction:column;gap:4px;padding:16px 18px}.cr-kpi-val{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1}.cr-kpi-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.02em}.cr-kpi--good .cr-kpi-val{color:#059669}.cr-kpi--warn .cr-kpi-val{color:#d97706}.cr-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.cr-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--text-muted);display:inline-flex;gap:8px;min-width:240px;padding:9px 12px}.cr-search input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;width:100%}.cr-filters{display:inline-flex;gap:8px}.cr-chip{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px}.cr-chip--on{background:#10b981;border-color:#10b981;color:#fff}.cr-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}.cr-table{border-collapse:collapse;font-size:13px;width:100%}.cr-table thead th{background:var(--elev-1);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.02em;text-align:left}.cr-table tbody td,.cr-table thead th{border-bottom:1px solid var(--hairline);padding:12px 16px}.cr-table tbody td{color:var(--text-primary);vertical-align:middle}.cr-table tbody tr:last-child td{border-bottom:none}.cr-table tbody tr:hover td{background:var(--elev-1)}.cr-soft{color:var(--text-secondary)}.cr-emp{align-items:center;display:flex;gap:11px}.cr-avatar{align-items:center;background:#10b98124;border-radius:50%;color:#059669;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.cr-emp-name{font-weight:600}.cr-emp-sub{color:var(--text-muted);font-size:11.5px;margin-top:1px}.cr-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.cr-badge--good{background:#10b9811f;color:#059669}.cr-badge--warn{background:#d977061f;color:#d97706}.cr-empty{color:var(--text-muted);padding:32px 16px!important;text-align:center}.cr-err{color:#dc2626}.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)}.pms-page{color:var(--text-primary);padding:24px 28px 32px}.pms-toolbar{align-items:flex-end;border-bottom:1px solid var(--border-light);display:flex;gap:20px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.pms-toolbar__heading{align-items:center;display:flex;gap:13px;min-width:0}.pms-toolbar__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:var(--primary-600);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pms-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;margin-bottom:16px}.pms-section-header>div:first-child{flex:1 1 280px;min-width:0}.pms-section-header>.pms-actions{flex:0 1 auto}.pms-section h2,.pms-toolbar h1{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}.pms-section h2{align-items:center;display:flex;font-size:18px;gap:9px}.pms-section-header h2:before{background:var(--primary-600);border-radius:999px;content:"";height:18px;width:3px}.pms-section-header p,.pms-toolbar p{color:var(--text-muted);font-size:14px;line-height:1.45;margin:0}.pms-actions,.pms-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pms-controls label{grid-gap:4px;color:var(--text-muted);display:grid;font-size:12px;font-weight:600;gap:4px;line-height:1.2}.pms-controls label span{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.02em}.pms-controls input,.pms-controls select,.pms-table input{background:var(--surface-0);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);height:38px;line-height:38px;font:inherit;font-weight:500;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.pms-comments-field textarea:focus-visible,.pms-controls input:focus-visible,.pms-controls select:focus-visible,.pms-score-reason textarea:focus-visible,.pms-scorecard-field input:focus-visible,.pms-table input:focus-visible{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100);outline:none}.my-quarter-card__head:focus-visible,.pms-actions button:focus-visible,.pms-evaluate-btn:focus-visible,.pms-icon-btn:focus-visible,.pms-primary-btn:focus-visible,.pms-publish-btn:focus-visible,.pms-secondary-btn:focus-visible,.pms-segments button:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}.pms-controls input[readonly]{cursor:default;opacity:.75}.pms-view-tabs{background:var(--surface-0);border:1px solid var(--border-light);border-radius:8px;display:inline-flex;gap:4px;margin:0 0 18px;padding:4px}.pms-view-tabs button{background:#0000;border:0;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:background-color .15s ease,color .15s ease}.pms-view-tabs button:hover:not(.active){background:var(--primary-50);color:var(--primary-700)}.pms-view-tabs button.active{background:var(--primary-600);color:#fff}.pms-segments{background:var(--surface-0);border:1px solid var(--border-light);border-radius:8px;display:inline-flex;height:38px;overflow:hidden}.pms-actions button,.pms-icon-btn,.pms-segments button,.pms-status.action{background:#0000;border:0;color:var(--text-primary);cursor:pointer}.pms-segments button{border-right:1px solid var(--border-light);color:var(--text-muted);font-size:13px;font-weight:600;min-width:46px;padding:0 14px;transition:background-color .15s ease,color .15s ease}.pms-segments button:hover:not(.active){background:var(--primary-50);color:var(--primary-700)}.pms-segments button:last-child{border-right:0}.pms-segments button.active{background:var(--primary-600);color:#fff}.pms-message{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:10px;color:var(--primary-700);font-size:13px;font-weight:500;line-height:1.5;margin-bottom:18px;overflow:hidden;padding:12px 16px 12px 18px;position:relative}.pms-message:before{background:var(--primary-600);content:"";inset:0 auto 0 0;position:absolute;width:3px}.pms-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:22px}.pms-kpis div,.pms-section{background:var(--surface-0);border:1px solid var(--border-light);border-radius:10px}.pms-kpis div{overflow:hidden;padding:18px 18px 16px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pms-kpis div:before{background:var(--primary-600);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .15s ease;width:3px}.pms-kpis div:hover{border-color:var(--primary-300,var(--primary-200));box-shadow:0 4px 16px #0f172a12;transform:translateY(-1px)}.pms-kpis div:hover:before{opacity:1}.pms-kpis span,.pms-table small,.pms-table td span{color:var(--text-muted);display:block;font-size:12px}.pms-kpis span{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pms-kpis strong{font-feature-settings:"tnum";display:block;font-size:clamp(20px,2vw,28px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:0;margin-top:6px;overflow-wrap:anywhere}.pms-section{margin-bottom:20px;padding:20px 22px 22px}.pms-actions{justify-content:flex-end}.pms-actions button{align-items:center;background:var(--primary-600);border-radius:6px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:8px;height:38px;padding:0 14px;white-space:nowrap}.pms-actions button+button{background:var(--secondary-800)}@media (max-width:720px){.pms-section-header>.pms-actions{align-items:stretch;flex-direction:column;width:100%}.pms-section-header>.pms-actions button{width:100%}}.pms-table-wrap{overflow-x:auto}.pms-table{border-collapse:collapse;min-width:980px;width:100%}.pms-table--annual{min-width:1280px}.pms-table th{background:#f8fafc;background:var(--surface-50,#f8fafc);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase}.pms-table td,.pms-table th{border-bottom:1px solid var(--border-light);vertical-align:top}.pms-table td{font-size:13px;line-height:1.4;padding:14px 12px}.pms-table tbody tr:nth-child(2n){background:#f8fafc;background:var(--surface-50,#f8fafc)}.pms-table tbody tr:hover{background:var(--primary-50)}.pms-table td strong{color:var(--text-primary);display:block;font-weight:700}.pms-table td>span{color:var(--text-muted);display:block;font-size:12px;margin-top:3px}.pms-table td:last-child,.pms-table th:last-child{width:240px}.pms-table--annual td:last-child,.pms-table--annual th:last-child{width:260px}.pms-table--annual td:first-child,.pms-table--annual th:first-child{min-width:190px}.pms-table--annual td:nth-child(6),.pms-table--annual th:nth-child(6){min-width:140px}.pms-table--annual td:nth-child(8),.pms-table--annual td:nth-child(9),.pms-table--annual th:nth-child(8),.pms-table--annual th:nth-child(9){min-width:150px}.pms-comments-cell{max-width:260px}.pms-comments-cell span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pms-table tr:last-child td{border-bottom:0}.pms-score-input{width:86px}.pms-icon-btn{align-items:center;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);display:inline-flex;height:36px;justify-content:center;width:36px}.pms-actions button,.pms-evaluate-btn,.pms-icon-btn,.pms-primary-btn,.pms-publish-btn,.pms-secondary-btn{transition:filter .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease,background-color .15s ease}.pms-actions button:hover,.pms-evaluate-btn:hover,.pms-primary-btn:hover,.pms-publish-btn:hover{box-shadow:0 3px 12px #0f172a1f;filter:brightness(1.07)}.pms-icon-btn:hover,.pms-secondary-btn:hover{background:var(--primary-50);border-color:var(--primary-400,var(--primary-300,var(--primary-200)))}.pms-actions button:active,.pms-evaluate-btn:active,.pms-icon-btn:active,.pms-primary-btn:active,.pms-publish-btn:active,.pms-secondary-btn:active{box-shadow:none;transform:translateY(1px)}.pms-evaluate-btn,.pms-primary-btn,.pms-publish-btn,.pms-secondary-btn{align-items:center;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:36px;justify-content:center;line-height:1;padding:0 14px;white-space:nowrap}.pms-evaluate-btn,.pms-primary-btn{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pms-publish-btn{background:#4338ca;background:var(--accent-700,#4338ca);border-color:#4338ca;border-color:var(--accent-700,#4338ca);color:#fff}.pms-publish-btn:hover:not(:disabled){filter:brightness(1.08)}.pms-evaluate-btn:disabled,.pms-primary-btn:disabled,.pms-secondary-btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.55}.pms-row-actions{max-width:240px}.pms-row-action-head,.pms-row-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px}.pms-row-action-head>button{width:100%}.pms-row-action-head>span{align-self:flex-start;background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4;padding:4px 10px}.pms-row-action-head>span:empty{display:none}.pms-row-actions .pms-publish-btn{width:100%}.pms-quarter-review{grid-gap:10px;align-items:center;background:var(--surface-0);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 1px 3px #0f172a0d;display:grid;gap:10px;grid-template-columns:96px minmax(0,1fr);margin-top:0;padding:12px}.pms-quarter-review input{height:36px;min-width:0}.pms-quarter-review .pms-icon-btn{background:var(--primary-600);border-color:var(--primary-600);color:#fff;font-size:13px;font-weight:600;gap:6px;grid-column:1/-1;height:36px;padding:0 14px;white-space:nowrap;width:100%}.pms-quarter-review .pms-icon-btn:hover{background:var(--primary-600);box-shadow:0 3px 12px #0f172a1f;filter:brightness(1.07)}.pms-secondary-btn{background:var(--surface-0);color:var(--text-primary)}.pms-calibration{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:80px minmax(180px,1fr) 36px}.pms-increment-edit{grid-gap:6px 8px;align-items:center;display:grid;gap:6px 8px;grid-template-columns:88px auto}.pms-increment-edit input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:36px}.pms-increment-edit span{color:var(--text-muted);font-size:14px;font-weight:700;line-height:36px}.pms-increment-edit small{color:var(--text-muted);font-size:11px;font-weight:600;grid-column:1/-1;letter-spacing:.02em;line-height:1.4}.pms-level,.pms-status{align-items:center;background:var(--secondary-100);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;line-height:1.3;padding:5px 11px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}button.pms-status.action{background:var(--primary-600);border:1px solid var(--primary-600);border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;height:34px;letter-spacing:.01em;max-width:100%;padding:0 12px;text-transform:none;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}button.pms-status.action:hover{box-shadow:0 3px 12px #0f172a1f;filter:brightness(1.07)}button.pms-status.action:active{box-shadow:none;transform:translateY(1px)}.pms-level.l5,.pms-level.l6{background:var(--success-100);color:var(--success-700)}.pms-level.l3,.pms-level.l4{background:var(--primary-100);color:var(--primary-700)}.pms-level.l1,.pms-level.l2{background:var(--warning-100);color:var(--warning-700)}.pms-status.frozen{background:var(--success-100);color:var(--success-700)}.pms-status.action{background:var(--primary-100);color:var(--primary-700)}.pms-empty{background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px dashed var(--border-light);border-radius:10px;color:var(--text-muted);font-size:14px;line-height:1.5;margin:0;padding:32px 20px;text-align:center}.pms-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.pms-modal{background:var(--surface-0);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 24px 80px #0f172a3d;max-height:92vh;overflow:auto;padding:22px 24px 20px;width:min(1180px,96vw)}.pms-modal-actions,.pms-modal-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.pms-modal-header{border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:16px}.pms-modal-header h2,.pms-scorecard-section h3{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.pms-modal-header p,.pms-scorecard-section p{color:var(--text-muted);font-size:13px;line-height:1.45;margin:0}.pms-modal-header>button.pms-icon-btn{flex-shrink:0}.pms-score-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.pms-score-summary div{background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px}.pms-score-summary span{color:var(--text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pms-score-summary strong{font-feature-settings:"tnum";color:var(--text-primary);display:block;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em;margin-top:6px}.pms-scorecard-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.pms-scorecard-section{border:1px solid var(--border-light);border-radius:8px;padding:14px}.pms-scorecard-section.is-readonly{background:#f8fafc;background:var(--secondary-50,#f8fafc)}.pms-scorecard-group{margin-top:14px}.pms-scorecard-group h4{color:var(--text-primary);font-size:13px;margin:0 0 8px}.pms-scorecard-field{grid-gap:10px;align-items:center;border-top:1px solid var(--border-light);display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) 92px 36px;padding:9px 0}.pms-scorecard-field-wrap{border-top:1px solid var(--border-light);padding:7px 0}.pms-scorecard-field-wrap .pms-scorecard-field{border-top:0;padding:0}.pms-scorecard-field span{color:var(--text-primary);font-size:13px}.pms-comments-field textarea,.pms-score-reason textarea,.pms-scorecard-field input{background:var(--surface-0);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font:inherit;font-weight:500;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease}.pms-scorecard-field input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:36px}.pms-scorecard-field small{color:var(--text-muted)}.pms-score-reason{grid-gap:5px;display:grid;gap:5px;margin:8px 0 2px}.pms-score-reason span{color:var(--text-muted);font-size:12px;font-weight:700}.pms-score-reason b{color:#dc2626;color:var(--danger-600,#dc2626)}.pms-score-reason textarea{min-height:58px;resize:vertical}.pms-comments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pms-comments-field{grid-gap:6px;color:var(--text-muted);display:grid;font-size:12px;font-weight:700;gap:6px;margin-top:14px}.pms-comments-field textarea{min-height:80px;resize:vertical}.pms-comments-field b{color:#dc2626;color:var(--danger-600,#dc2626)}.pms-modal-actions{align-items:center;border-top:1px solid var(--border-light);gap:10px;justify-content:flex-end;margin-top:18px;padding-top:16px}.pms-policy-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pms-policy-grid div{background:var(--surface-0);border:1px solid var(--border-light);border-radius:10px;padding:14px;transition:border-color .15s ease,box-shadow .15s ease}.pms-policy-grid div:hover{border-color:var(--primary-200);box-shadow:0 3px 12px #0f172a0d}.pms-policy-grid strong{color:var(--primary-700);font-size:14px;font-weight:700}.pms-policy-grid small,.pms-policy-grid span{color:var(--text-muted);display:block;font-size:12px;line-height:1.45;margin-top:5px}.pms-policy-grid small{color:var(--text-primary);font-weight:700;letter-spacing:.02em;margin-top:8px}.my-performance-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(150px,1fr))}.my-performance-grid div{grid-column-gap:10px;grid-row-gap:4px;background:var(--surface-0);border:1px solid var(--border-light);border-radius:10px;column-gap:10px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;padding:16px;row-gap:4px;transition:border-color .15s ease,box-shadow .15s ease}.my-performance-grid div:hover{border-color:var(--primary-200);box-shadow:0 4px 16px #0f172a0f}.my-performance-grid svg{color:var(--primary-600);grid-row:1}.my-performance-grid span{align-self:center;color:var(--text-muted);font-size:11px;font-weight:600;grid-row:1;letter-spacing:.04em;text-transform:uppercase}.my-performance-grid strong{font-feature-settings:"tnum";color:var(--text-primary);font-size:20px;font-variant-numeric:tabular-nums;font-weight:800;grid-column:1/-1;letter-spacing:-.01em}.my-quarter-reports{grid-gap:14px;display:grid;gap:14px}.my-history-list{grid-gap:8px;display:grid;gap:8px}.my-history-row{grid-gap:10px;align-items:center;background:var(--surface-0);border:1px solid var(--border-light);border-radius:8px;display:grid;gap:10px;grid-template-columns:56px repeat(3,minmax(120px,1fr)) 84px 96px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.my-history-row:hover{border-color:var(--primary-300,var(--primary-200));box-shadow:0 1px 6px #0f172a0f}.my-history-row strong{color:var(--text-primary);font-size:13px}.my-history-row b{color:var(--primary-700);font-size:15px;font-weight:800;justify-self:end}.my-history-row small,.my-history-row span{color:var(--text-muted);font-size:12px}.my-history-row span{text-align:right}.my-history-row small{justify-self:end}.my-quarter-card{background:var(--surface-0);border:1px solid var(--border-light);border-radius:10px;padding:18px;transition:border-color .15s ease,box-shadow .15s ease}.my-quarter-card.is-expanded,.my-quarter-card:hover{border-color:var(--primary-200);box-shadow:0 6px 22px #0f172a0f}.my-section-card{transition:border-color .15s ease,background-color .15s ease}.my-section-card:hover{border-color:var(--primary-200)}.my-criteria-row,.my-quarter-card__head,.my-quarter-summary,.my-section-card__title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.my-quarter-card__head{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;padding:0;text-align:left;width:100%}.my-quarter-card__head>div:first-of-type{flex:1 1;min-width:0}.my-quarter-toggle{align-items:center;background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);display:inline-flex;flex:0 0 30px;height:30px;justify-content:center;margin-top:2px;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:30px}.my-quarter-card.is-expanded .my-quarter-toggle,.my-quarter-card__head:hover .my-quarter-toggle{background:var(--primary-50);border-color:var(--primary-300,var(--primary-200));color:var(--primary-700)}.my-quarter-card__head h3{font-size:18px;margin:0 0 4px}.my-quarter-card__head p,.my-quarter-comments span,.my-quarter-score span,.my-quarter-summary small,.my-quarter-summary span{color:var(--text-muted);font-size:12px;margin:0}.my-quarter-score{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:10px;flex-shrink:0;padding:8px 14px;text-align:right}.my-quarter-score span{color:var(--primary-700);display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.my-quarter-score strong{font-feature-settings:"tnum";color:var(--primary-700);display:block;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:4px}.my-quarter-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0}.my-quarter-summary div,.my-section-card{background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:10px;padding:14px}.my-quarter-summary div{grid-gap:4px;display:grid;gap:4px;transition:border-color .15s ease,background-color .15s ease}.my-quarter-summary div:hover{background:var(--surface-0);border-color:var(--primary-200)}.my-quarter-summary span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.my-quarter-summary strong{font-feature-settings:"tnum";color:var(--text-primary);display:block;font-size:18px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em;margin-top:2px}.my-quarter-summary small{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.my-section-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.my-quarter-detail{margin-top:14px}.my-section-card__title{align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:10px}.my-section-card__title strong{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:-.01em}.my-section-card__title span{font-feature-settings:"tnum";color:var(--primary-700);font-size:13px;font-variant-numeric:tabular-nums;font-weight:800}.my-criteria-list{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.my-criteria-row{align-items:center}.my-criteria-row-wrap{grid-gap:4px;display:grid;gap:4px}.my-criteria-row span,.my-criteria-row strong{color:var(--text-primary);font-size:13px}.my-criteria-row strong{flex-shrink:0}.my-criteria-reason{background:#f8fafc;background:var(--surface-50,#f8fafc);border-left:3px solid #f59e0b;border-left:3px solid var(--warning-400,#f59e0b);border-radius:6px;color:var(--text-muted);font-size:12px;line-height:1.45;margin:0;padding:6px 8px}.my-quarter-comments{border-top:1px solid var(--border-light);margin-top:14px;padding-top:12px}.my-quarter-comments p{color:var(--text-primary);margin:4px 0 0}.pms-queue{background:var(--surface-0);border:1px solid var(--border-light);border-radius:14px;margin-bottom:22px;overflow:hidden;padding:18px 20px 20px;position:relative}.pms-queue:before{background:linear-gradient(90deg,var(--primary-600),var(--primary-700));background:var(--primary-gradient,linear-gradient(90deg,var(--primary-600),var(--primary-700)));content:"";height:3px;inset:0 0 auto 0;position:absolute}.pms-queue-head{justify-content:space-between;margin-bottom:16px}.pms-queue-head,.pms-queue-title{align-items:center;display:flex;gap:14px}.pms-queue-title{min-width:0}.pms-queue-glyph{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:12px;color:var(--primary-700);display:inline-flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.pms-queue-title h2{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}.pms-queue-title p{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0}.pms-queue-count{font-feature-settings:"tnum";align-items:center;background:var(--primary-600);border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;height:38px;justify-content:center;min-width:38px;padding:0 10px}.pms-queue-count.is-clear{background:var(--success-100);color:var(--success-700)}.pms-queue-empty{align-items:center;background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px dashed var(--border-light);border-radius:10px;color:var(--text-muted);display:flex;font-size:13px;font-weight:500;gap:10px;padding:14px 16px}.pms-queue-empty svg{color:#059669;color:var(--success-600,#059669);flex-shrink:0}.pms-queue-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}.pms-queue-card{align-items:center;animation:pms-rise .4s cubic-bezier(.16,1,.3,1) both;background:var(--surface-0);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:12px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pms-queue-card:hover{border-color:var(--primary-300,var(--primary-200));box-shadow:0 6px 20px #0f172a14;transform:translateY(-2px)}.pms-queue-avatar{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:50%;color:var(--primary-700);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:800;height:40px;justify-content:center;letter-spacing:.02em;width:40px}.pms-queue-meta{flex:1 1;min-width:0}.pms-queue-meta strong{color:var(--text-primary);font-size:14px;font-weight:700}.pms-queue-meta span,.pms-queue-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pms-queue-meta span{color:var(--text-muted);font-size:12px;margin-top:2px}.pms-queue-action{align-items:center;background:var(--primary-600);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;height:34px;padding:0 14px;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.pms-queue-action:hover{box-shadow:0 3px 12px #0f172a24;filter:brightness(1.07)}.pms-queue-action:active{transform:translateY(1px)}.pms-queue-action:disabled{background:#f1f5f9;background:var(--surface-50,#f1f5f9);border:1px solid var(--border-light);box-shadow:none;color:var(--text-muted);cursor:not-allowed;filter:none}.pms-queue-action svg{transition:transform .15s ease}.pms-queue-action:not(:disabled):hover svg{transform:translateX(2px)}@keyframes pms-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pms-snapshot{background:var(--surface-0);border:1px solid var(--border-light);border-radius:12px;margin-bottom:22px;padding:18px 20px}.pms-snapshot-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.pms-snapshot-head h2{align-items:center;display:inline-flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em;margin:0}.pms-snapshot-head h2 svg{color:var(--primary-600)}.pms-snapshot-head span{color:var(--text-muted);font-size:12px;font-weight:600}.pms-dist-bar{display:flex;gap:4px;height:38px;margin-bottom:14px}.pms-dist-seg{font-feature-settings:"tnum";align-items:center;border-radius:8px;color:#fff;display:flex;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;justify-content:center;min-width:38px;transition:flex-grow .4s ease}.pms-dist-seg.high{background:#059669;background:var(--success-600,#059669)}.pms-dist-seg.steady{background:var(--primary-600)}.pms-dist-seg.low{background:#f59e0b;background:var(--warning-500,#f59e0b)}.pms-dist-legend{display:flex;flex-wrap:wrap;gap:8px 18px}.pms-dist-legend span{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px}.pms-dist-legend b{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800;margin-left:2px}.pms-dist-legend .high svg{color:#059669;color:var(--success-600,#059669)}.pms-dist-legend .steady svg{color:var(--primary-600)}.pms-dist-legend .low svg{color:#f59e0b;color:var(--warning-500,#f59e0b)}.pms-row-action-head>span.pms-stage--await{background:var(--warning-100);border-color:#0000;color:var(--warning-700)}.pms-row-action-head>span.pms-stage--progress{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.pms-row-action-head>span.pms-stage--reviewed{background:var(--primary-100);border-color:#0000;color:var(--primary-700)}.pms-row-action-head>span.pms-stage--done{background:var(--success-100);border-color:#0000;color:var(--success-700)}.pms-rail{align-items:flex-start;display:flex;list-style:none;margin:4px 0 0;padding:0}.pms-rail-node{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;position:relative;text-align:center}.pms-rail-node:before{background:var(--border-light);content:"";height:2px;left:-50%;position:absolute;top:5px;width:100%;z-index:0}.pms-rail-node:first-child:before{display:none}.pms-rail-node.is-current:before,.pms-rail-node.is-done:before{background:var(--primary-600)}.pms-rail-dot{background:var(--surface-0);border:2px solid var(--border-light);border-radius:50%;height:12px;position:relative;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:12px;z-index:1}.pms-rail-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pms-rail-node.is-done .pms-rail-dot{background:var(--primary-600);border-color:var(--primary-600)}.pms-rail-node.is-current .pms-rail-dot{background:var(--surface-0);border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.pms-rail-node.is-current .pms-rail-label{color:var(--primary-700);font-weight:700}.pms-rank-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.pms-rank-row{align-items:center;animation:pms-rise .4s cubic-bezier(.16,1,.3,1) both;background:var(--surface-0);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px 14px;padding:14px 16px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pms-rank-row:hover{box-shadow:0 4px 16px #0f172a0f;transform:translateX(2px)}.pms-rank-row.is-leader,.pms-rank-row:hover{border-color:var(--primary-300,var(--primary-200))}.pms-rank-row.is-leader{background:linear-gradient(90deg,var(--primary-50),var(--surface-0) 62%)}.pms-rank-badge{font-feature-settings:"tnum";align-items:center;background:#f1f5f9;background:var(--surface-50,#f1f5f9);border:1px solid var(--border-light);border-radius:9px;color:var(--text-muted);display:inline-flex;flex:0 0 30px;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;height:30px;justify-content:center;width:30px}.pms-rank-row.is-leader .pms-rank-badge{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pms-rank-name{flex:0 1 160px;min-width:128px}.pms-rank-name strong{color:var(--text-primary);display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pms-rank-name span{color:var(--text-muted);display:block;font-size:11px;font-weight:600;margin-top:2px}.pms-rank-track{background:#f1f5f9;background:var(--surface-50,#f1f5f9);border-radius:999px;flex:1 1 180px;height:10px;overflow:hidden}.pms-rank-fill{background:var(--primary-600);border-radius:999px;height:100%;transition:width .55s cubic-bezier(.16,1,.3,1)}.pms-rank-fill.high{background:#059669;background:var(--success-600,#059669)}.pms-rank-fill.mid{background:var(--primary-600)}.pms-rank-fill.low{background:#f59e0b;background:var(--warning-500,#f59e0b)}.pms-rank-fill.accent{background:var(--primary-600)}.pms-rank-value{font-feature-settings:"tnum";color:var(--text-primary);flex:0 0 auto;font-size:20px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em;min-width:56px;text-align:right}.pms-rank-chips{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:6px 14px;padding-left:44px}.pms-rank-chips span{color:var(--text-muted);font-size:12px;font-weight:600}.pms-rank-chips i{font-feature-settings:"tnum";color:var(--text-primary);font-style:normal;font-variant-numeric:tabular-nums;font-weight:800}.pms-rank-mix{display:inline-flex;gap:8px}.pms-rank-mix em{font-style:normal;font-weight:700}.pms-rank-mix .high{color:var(--success-700)}.pms-rank-mix .low{color:var(--warning-700)}.pms-rank-drill{flex:1 1 100%;padding-left:44px}.pms-drill-toggle{align-items:center;background:#0000;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:700;gap:6px;padding:2px 0;transition:color .15s ease}.pms-drill-toggle:not(:disabled):hover{color:var(--primary-700)}.pms-drill-toggle:disabled{cursor:default}.pms-drill-caret{transition:transform .2s ease}.pms-drill-toggle.is-open .pms-drill-caret{transform:rotate(90deg)}.pms-drill-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:10px 0 2px;padding:0}.pms-drill-item{align-items:center;animation:pms-rise .3s cubic-bezier(.16,1,.3,1) both;background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:9px;display:flex;gap:10px;padding:8px 12px}.pms-drill-dot{border-radius:50%;flex:0 0 8px;height:8px;width:8px}.pms-drill-item.high .pms-drill-dot{background:#059669;background:var(--success-600,#059669)}.pms-drill-item.low .pms-drill-dot{background:#f59e0b;background:var(--warning-500,#f59e0b)}.pms-drill-name{color:var(--text-primary);flex:1 1 auto;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pms-drill-tier{font-feature-settings:"tnum";border-radius:999px;flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em;padding:2px 8px}.pms-drill-item.high .pms-drill-tier{background:var(--success-100);color:var(--success-700)}.pms-drill-item.low .pms-drill-tier{background:var(--warning-100);color:var(--warning-700)}.pms-pip-btn{align-items:center;background:var(--surface-0);border:1px solid #f59e0b;border:1px solid var(--warning-400,#f59e0b);border-radius:7px;color:var(--warning-700);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:6px;height:30px;padding:0 12px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.pms-pip-btn:hover{background:var(--warning-100);box-shadow:0 2px 8px #f59e0b2e}.pms-pip-btn:active{transform:translateY(1px)}.pms-modal.pms-modal--narrow{padding:22px 24px 20px;width:min(560px,96vw)}.pms-pip-note{align-items:flex-start;background:#fef3c7;background:var(--warning-100,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--warning-400,#f59e0b);border-radius:10px;color:var(--warning-700);display:flex;font-size:12.5px;font-weight:600;gap:9px;line-height:1.45;margin:16px 0 4px;padding:11px 14px}.pms-pip-note svg{flex-shrink:0;margin-top:1px}.pms-pip-form{grid-gap:4px;display:grid;gap:4px}.pms-pip-form .pms-comments-field input[type=date],.pms-pip-form .pms-comments-field input[type=text]{background:var(--surface-0);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font:inherit;font-weight:500;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease}.pms-pip-form .pms-comments-field input:focus-visible{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100);outline:none}.my-pip-list{grid-gap:14px;display:grid;gap:14px}.my-pip-card{background:var(--surface-0);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;padding:18px 20px;position:relative}.my-pip-card:before{background:#f59e0b;background:var(--warning-500,#f59e0b);content:"";inset:0 auto 0 0;position:absolute;width:3px}.my-pip-card.is-completed:before{background:#059669;background:var(--success-600,#059669)}.my-pip-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.my-pip-head h3{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 3px}.my-pip-head p{color:var(--text-muted);font-size:12px;margin:0}.my-pip-status{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;padding:5px 11px;text-transform:uppercase;white-space:nowrap}.my-pip-status.open{background:var(--warning-100);color:var(--warning-700)}.my-pip-status.done{background:var(--success-100);color:var(--success-700)}.my-pip-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.my-pip-meta span{color:var(--text-muted);font-size:12px;font-weight:600}.my-pip-meta b{color:var(--text-primary);font-weight:800}.my-pip-block{margin-top:14px}.my-pip-block>span{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.my-pip-block p{color:var(--text-primary);font-size:13px;line-height:1.55;margin:0;white-space:pre-wrap}.my-pip-response{background:#f8fafc;background:var(--surface-50,#f8fafc);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px}.my-pip-form{grid-gap:12px;display:grid;gap:12px;justify-items:start;margin-top:14px}.my-pip-form .pms-comments-field{margin-top:0;width:100%}@media (max-width:900px){.pms-page{padding:16px}.pms-section-header,.pms-toolbar{display:grid}.my-performance-grid,.my-quarter-summary,.my-section-grid,.pms-kpis,.pms-policy-grid,.pms-quarter-review,.pms-score-summary,.pms-scorecard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pms-quarter-review .pms-icon-btn{grid-column:1/-1}.my-history-row{align-items:baseline;column-gap:16px;display:flex;flex-wrap:wrap;row-gap:6px}.my-history-row strong{width:100%}.my-history-row span{text-align:left}.my-history-row b{margin-left:auto}.my-history-row small{text-align:left;width:100%}}@media (max-width:640px){.my-history-row,.my-quarter-summary,.my-section-grid,.pms-quarter-review,.pms-score-summary,.pms-scorecard-field,.pms-scorecard-grid{grid-template-columns:1fr}.my-quarter-card__head{display:grid;grid-template-columns:30px minmax(0,1fr)}.my-quarter-score{grid-column:2;text-align:left}}@media (prefers-reduced-motion:reduce){.my-history-row,.my-quarter-card,.my-quarter-toggle,.my-section-card,.pms-actions button,.pms-controls input,.pms-controls select,.pms-dist-seg,.pms-drill-caret,.pms-evaluate-btn,.pms-icon-btn,.pms-kpis div,.pms-kpis div:before,.pms-pip-btn,.pms-primary-btn,.pms-publish-btn,.pms-queue-action,.pms-queue-action svg,.pms-queue-card,.pms-rail-dot,.pms-rank-fill,.pms-rank-row,.pms-secondary-btn,.pms-table input{transition:none}.pms-drill-item,.pms-queue-card,.pms-rank-row{animation:none}.pms-actions button:active,.pms-evaluate-btn:active,.pms-icon-btn:active,.pms-kpis div:hover,.pms-pip-btn:active,.pms-primary-btn:active,.pms-publish-btn:active,.pms-queue-action:active,.pms-queue-card:hover,.pms-rank-row:hover,.pms-secondary-btn:active{transform:none}}.pms-pip-flagbar{align-items:center;background:#fffbeb;background:var(--warning-50,#fffbeb);border:1px dashed #f59e0b;border:1px dashed var(--warning-400,#f59e0b);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 14px}.pms-pip-flagbar-label{align-items:center;color:var(--warning-700);display:inline-flex;font-size:12px;font-weight:700;gap:6px}.pms-pip-flagbar-empty{color:#6b7280;color:var(--text-muted,#6b7280);font-size:13px;margin:0 0 16px}.pms-pip-detail-row>td{background:#f9fafb;background:var(--surface-1,#f9fafb)}.pms-pip-detail{display:flex;flex-direction:column;gap:6px;padding:4px 2px}.pms-pip-detail p{color:#1f2937;color:var(--text-strong,#1f2937);font-size:13px;line-height:1.5;margin:0}.pms-pip-detail-meta{color:#6b7280;color:var(--text-muted,#6b7280);font-size:12px}.my-quarter-challenge{border-top:1px solid #eef0f3;border-top:1px solid var(--border-subtle,#eef0f3);padding:12px 16px}.my-challenge-btn{align-items:center;background:#fff;background:var(--surface-0,#fff);border:1px solid #d1d5db;border:1px solid var(--border-strong,#d1d5db);border-radius:8px;color:#374151;color:var(--text-strong,#374151);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:32px;padding:0 14px;transition:background-color .15s ease,border-color .15s ease}.my-challenge-btn:hover{background:#f9fafb;background:var(--surface-1,#f9fafb);border-color:#818cf8;border-color:var(--primary-400,#818cf8);color:#4338ca;color:var(--primary-700,#4338ca)}.my-challenge-state{display:flex;flex-direction:column;gap:6px}.my-challenge-badge{align-items:center;align-self:flex-start;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:3px 10px}.my-challenge-state.is-open .my-challenge-badge{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.my-challenge-state.is-accepted .my-challenge-badge{background:#dcfce7;background:var(--success-100,#dcfce7);color:#15803d;color:var(--success-700,#15803d)}.my-challenge-state.is-rejected .my-challenge-badge{background:#fee2e2;background:var(--danger-100,#fee2e2);color:#b91c1c;color:var(--danger-700,#b91c1c)}.my-challenge-reason,.my-challenge-response{color:#4b5563;color:var(--text-default,#4b5563);font-size:13px;line-height:1.5;margin:0}.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-month-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:inline-flex;gap:8px;height:36px;padding:0 8px 0 10px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.hl-month-filter:focus-within{border-color:var(--ring-color);box-shadow:var(--ring-soft)}.hl-month-icon{color:var(--text-muted);flex-shrink:0}.hl-month-input{font-feature-settings:"tnum";background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:0}.hl-month-input:focus{outline:none}.hl-month-today{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);padding:3px 8px;transition:color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.hl-month-today:hover{border-color:var(--hairline-contrast);color:var(--text-primary)}.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:240px}.hl-reason{align-items:baseline;display:flex;gap:8px;min-width:0}.hl-reason-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-reason-empty{color:var(--text-muted)}.hl-reason-view{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;flex-shrink:0;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);gap:3px;padding:2px 7px;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-reason-view:hover{background:var(--elev-1);border-color:var(--hairline-contrast);color:var(--text-primary)}.hl-reason-view:focus-visible{border-color:var(--ring-color);box-shadow:var(--ring-soft);outline:none}.hl-reason-overlay{align-items:center;animation:hl-overlay-in .15s var(--ease-out-quart);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;background:var(--overlay,#0f172a73);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes hl-overlay-in{0%{opacity:0}to{opacity:1}}.hl-reason-modal{animation:hl-pop .15s var(--ease-out-quart);background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:0 12px 40px #0f172a2e;box-shadow:var(--shadow-lg,0 12px 40px #0f172a2e);max-width:440px;padding:20px;width:100%}.hl-reason-modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.hl-reason-modal-eyebrow{color:var(--text-muted);display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hl-reason-modal-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:2px 0 0}.hl-reason-modal-close{align-items:center;background:none;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:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart);width:28px}.hl-reason-modal-close:hover{background:var(--elev-1);color:var(--text-primary)}.hl-reason-modal-body{border-top:1px solid var(--hairline);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0;max-height:50vh;overflow-wrap:break-word;overflow-y:auto;padding-top:12px;white-space:pre-wrap;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);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-sm);gap:8px;padding:48px 24px}.hl-count,.hl-empty-hint{color:var(--text-muted);font-size:var(--text-xs)}.hl-count{font-feature-settings:"tnum";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-month-filter{box-sizing:border-box;width:100%}.hl-month-input{flex:1 1}.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{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)}.team-emp-exited-tag,.team-emp-team-tag{align-items:center;display:inline-flex;font-size:10px;font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;text-transform:uppercase}.team-emp-exited-tag{font-feature-settings:"tnum";background:var(--danger-50);border:1px solid var(--danger-100);border-radius:999px;color:var(--danger-700);font-variant-numeric:tabular-nums;margin-left:8px;white-space:nowrap}.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);font-weight:var(--font-semibold);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{border-color:#fef3c7;border-color:var(--warning-100,#fef3c7)}.ac-day--leave,.ac-day--leave-pending{background:#fffbeb;background:var(--warning-50,#fffbeb)}.ac-day--leave-pending{border-color:#fcd34d;border-color:var(--warning-300,#fcd34d);border-style:dashed}.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--leave-pending .ac-day-dot{background:#fbbf24;background:var(--warning-400,#fbbf24)}.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;padding:0 4px}.ac-day-hours,.ac-day-marker{border-radius:3px;font-weight:var(--font-semibold);line-height:14px;position:absolute;right:4px;top:4px}.ac-day-marker{font-feature-settings:"tnum";align-items:center;background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309);display:inline-flex;font-size:8px;font-variant-numeric:tabular-nums;height:14px;justify-content:center;letter-spacing:0;min-width:16px;padding:0 3px;text-transform:uppercase}.ac-day-marker--half-day{background:#dbeafe;background:var(--info-100,#dbeafe);color:#0369a1;color:var(--info-700,#0369a1)}.ac-day-marker--leave,.ac-day-marker--short-day{background:#fef3c7;background:var(--warning-100,#fef3c7);color:#b45309;color:var(--warning-700,#b45309)}.ac-day-marker--pending{background:#0000;box-shadow:inset 0 0 0 1px #fbbf24;box-shadow:inset 0 0 0 1px var(--warning-400,#fbbf24);color:#b45309;color:var(--warning-700,#b45309)}.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--leave-pending{background:#0000;box-shadow:inset 0 0 0 2px #fbbf24;box-shadow:inset 0 0 0 2px var(--warning-400,#fbbf24)}.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{border-color:#fef3c7;border-color:var(--warning-100,#fef3c7)}.ac-status-pill--leave,.ac-status-pill--leave-pending{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.ac-status-pill--leave-pending{border-color:#fcd34d;border-color:var(--warning-300,#fcd34d);border-style:dashed}.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{border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);border-left:3px solid var(--warning-500)}.ac-info-box--leave,.ac-info-box--leave-pending{background:#fffbeb;background:var(--warning-50,#fffbeb);color:#b45309;color:var(--warning-700,#b45309)}.ac-info-box--leave-pending{border-color:#fef3c7;border-color:var(--warning-100,#fef3c7);border-left:3px dashed #fbbf24;border-left:3px dashed var(--warning-400,#fbbf24)}.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}}.cil-page{display:flex;flex-direction:column;gap:22px;margin:0 auto;max-width:1280px;padding:28px 24px 40px}.cil-tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cil-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.cil-eyebrow{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.cil-head__title h1{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.02em;margin:12px 0 0}.cil-head__title p{color:var(--text-muted);font-size:13.5px;margin:6px 0 0}.cil-daynav{align-items:center;background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);display:flex;gap:8px;padding:6px}.cil-daynav__arrow,.cil-daynav__today,.cil-refresh{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.cil-daynav__arrow{height:34px;width:34px}.cil-daynav__arrow:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.cil-daynav__arrow:disabled{cursor:not-allowed;opacity:.35}.cil-daynav__center{align-items:center;display:flex;justify-content:center;min-width:230px;position:relative}.cil-daynav__pick{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;gap:8px;padding:4px 10px;transition:background var(--transition-fast)}.cil-daynav__pick:hover{background:var(--surface-2)}.cil-daynav__pick svg{color:var(--primary-600);flex:0 0 auto}.cil-daynav__label{color:var(--text-primary);font-size:14px;font-weight:700;white-space:nowrap}.cil-daynav__input{border:none;bottom:0;height:1px;left:50%;opacity:0;pointer-events:none;position:absolute;width:1px}.cil-daynav__today{background:var(--primary-50);color:var(--primary-700);font-size:12.5px;font-weight:700;height:34px;padding:0 14px}.cil-daynav__today:hover{background:var(--primary-100)}.cil-refresh{height:34px;width:34px}.cil-refresh:hover:not(:disabled){background:var(--surface-2);color:var(--primary-600)}.cil-refresh:disabled{cursor:wait}.cil-viewtoggle{background:var(--surface-2);border-radius:var(--radius-full);display:inline-flex;gap:2px;padding:3px}.cil-viewtoggle button{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);width:30px}.cil-viewtoggle button:hover{color:var(--text-secondary)}.cil-viewtoggle button.is-active{background:var(--surface-0);box-shadow:var(--shadow-xs);color:var(--primary-600)}.cil-spin{animation:cil-spin .8s linear infinite}@keyframes cil-spin{to{transform:rotate(1turn)}}.cil-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#b91c1c;font-size:13px;font-weight:600;padding:11px 14px}.cil-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.cil-stat{background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden;padding:16px 18px;position:relative}.cil-stat:before{background:var(--surface-4);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.cil-stat--good:before{background:var(--primary-500)}.cil-stat--office:before{background:#6366f1}.cil-stat--remote:before{background:#f59e0b}.cil-stat--warn:before{background:#ef4444}.cil-stat__label{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px}.cil-stat strong{font-feature-settings:"tnum";color:var(--text-primary);display:block;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;margin-top:8px}.cil-workspace{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.cil-results{min-width:0}.cil-place{color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cil-coordsub{color:var(--text-muted);font-size:11px;font-weight:600}.cil-coord__text{display:flex;flex-direction:column;gap:1px;min-width:0}.cil-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.cil-card{animation:cil-rise .4s var(--transition-spring) both;background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:14px;padding:18px;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.cil-card:hover{border-color:var(--hairline-contrast);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cil-card--nogeo{background:linear-gradient(180deg,var(--surface-0),var(--surface-1))}@keyframes cil-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cil-card--skeleton{animation:cil-shimmer 1.3s ease-in-out infinite;background:linear-gradient(100deg,var(--surface-1) 30%,var(--surface-2) 50%,var(--surface-1) 70%);background-size:200% 100%;border-style:dashed;height:184px}@keyframes cil-shimmer{to{background-position:-200% 0}}.cil-card__top{align-items:center;display:flex;gap:12px}.cil-avatar{background:hsl(var(--h),70%,94%);border:1px solid hsl(var(--h),60%,86%);border-radius:var(--radius-full);color:hsl(var(--h),62%,32%);display:grid;flex:0 0 auto;font-size:14px;font-weight:800;height:42px;letter-spacing:.02em;place-items:center;width:42px}.cil-card__id{flex:1 1 auto;min-width:0}.cil-card__id strong{color:var(--text-primary);display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cil-card__id span{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.cil-mode{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;gap:4px;padding:4px 9px}.cil-mode--office{background:#eef2ff;border:1px solid #e0e7ff;color:#4338ca}.cil-mode--remote{background:#fffbeb;border:1px solid #fef3c7;color:#b45309}.cil-card__meta{grid-gap:10px;border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:12px 0}.cil-meta{display:flex;flex-direction:column;gap:3px}.cil-meta__k{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cil-meta__v{color:var(--text-primary);font-size:14px;font-weight:700}.cil-acc{border-radius:var(--radius-sm);font-size:12px;font-weight:700;padding:2px 7px}.cil-acc--high{background:var(--primary-50);color:var(--primary-700)}.cil-acc--mid{background:#fffbeb;color:#b45309}.cil-acc--low{background:#fef2f2;color:#b91c1c}.cil-coord{align-items:center;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 12px;width:100%}.cil-coord>svg{color:var(--primary-600);flex:0 0 auto}.cil-copy{align-items:center;background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;margin-left:auto;padding:5px 9px;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.cil-copy:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.cil-copy svg{flex:0 0 auto}.cil-copy.is-copied{border-color:var(--primary-300)}.cil-copy.is-copied,.cil-maplink{background:var(--primary-50);color:var(--primary-700)}.cil-maplink{align-items:center;border:1px solid var(--primary-200);border-radius:var(--radius-md);display:inline-flex;font-size:11.5px;font-weight:800;gap:5px;padding:5px 9px;text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.cil-maplink:hover{background:var(--primary-100);border-color:var(--primary-300)}.cil-maplink svg{flex:0 0 auto}.cil-listwrap{background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);overflow:hidden}.cil-list{display:flex;flex-direction:column}.cil-list__head,.cil-list__row{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:2.4fr 1fr .9fr .8fr .9fr 2.2fr;padding:0 18px}.cil-list__head{background:var(--surface-1);border-bottom:1px solid var(--hairline);height:44px}.cil-list__head span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cil-list__row{animation:cil-rise .35s var(--transition-spring) both;border-bottom:1px solid var(--hairline);color:var(--text-primary);font-size:13.5px;min-height:62px;padding-bottom:12px;padding-top:12px;transition:background var(--transition-fast)}.cil-list__row:last-child{border-bottom:0}.cil-list__row:hover{background:var(--surface-1)}.cil-list__row [role=cell]{font-weight:600}.cil-list__emp{align-items:center;display:flex;gap:11px;min-width:0}.cil-list__id{min-width:0}.cil-list__id strong{display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cil-list__id span{color:var(--text-muted);display:block;font-size:12px;font-weight:500;margin-top:1px}.cil-avatar--sm{font-size:12px;height:34px;width:34px}.cil-person-toggle{align-items:center;background:var(--surface-0);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:26px;justify-content:center;transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);width:26px}.cil-person-toggle:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.cil-person-toggle.is-open svg{transform:rotate(90deg)}.cil-person-toggle svg{transition:transform var(--transition-fast)}.cil-list__loc{align-items:center;display:flex;gap:8px;min-width:0}.cil-list__loc>svg{color:var(--primary-600);flex:0 0 auto}.cil-list__loc .cil-copy{margin-left:auto}.cil-list__loc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cil-list__nogeo{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px}.cil-list__nogeo svg{color:#ef4444}.cil-session-panel{background:var(--surface-1);border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px;padding:8px 18px 16px 70px}.cil-session-row{background:var(--surface-0);border:1px solid var(--hairline);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;flex-direction:column;font-size:12.5px;gap:10px;padding:12px 14px}.cil-session-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cil-session-index{color:var(--text-secondary);font-weight:800;letter-spacing:-.01em}.cil-session-time{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:700;gap:4px}.cil-session-time svg{color:var(--text-muted);flex:0 0 auto}.cil-session-loc{align-items:center;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md);display:flex;gap:10px;min-width:0;padding:9px 11px}.cil-session-loc--nogeo{background:repeating-linear-gradient(45deg,var(--surface-1),var(--surface-1) 10px,var(--surface-2) 10px,var(--surface-2) 20px);border-color:var(--border-default);border-style:dashed}.cil-session-loc__pin{color:var(--primary-600);flex:0 0 auto}.cil-session-loc__text{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.cil-session-loc .cil-copy{flex:0 0 auto;margin-left:auto}.cil-session-loc .cil-maplink{flex:0 0 auto}.cil-muted{font-weight:600}.cil-muted,.cil-source{color:var(--text-muted)}.cil-source{align-items:center;background:var(--surface-2);border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:800;justify-content:center;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.cil-card__expand{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);color:var(--primary-700);cursor:pointer;font-size:12.5px;font-weight:800;padding:9px 12px;transition:background var(--transition-fast),border-color var(--transition-fast);width:100%}.cil-card__expand:hover{background:var(--primary-50);border-color:var(--primary-200)}.cil-card-sessions{display:flex;flex-direction:column;gap:10px}.cil-card-session{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:10px}.cil-card-session__head{align-items:center;display:flex;font-size:12.5px;gap:10px;justify-content:space-between}.cil-card-session__head strong{color:var(--text-secondary)}.cil-card-session__head span{color:var(--text-muted);font-weight:700}.cil-nogeo{align-items:center;background:repeating-linear-gradient(45deg,var(--surface-1),var(--surface-1) 10px,var(--surface-2) 10px,var(--surface-2) 20px);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;font-size:12.5px;font-weight:600;gap:8px;padding:12px}.cil-nogeo svg{color:#ef4444;flex:0 0 auto}.cil-empty,.cil-gate{align-items:center;background:var(--surface-0);border:1px dashed var(--border-default);border-radius:var(--radius-2xl);color:var(--text-muted);display:flex;flex-direction:column;gap:10px;padding:60px 24px;text-align:center}.cil-empty svg,.cil-gate svg{color:var(--primary-400)}.cil-empty h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:4px 0 0}.cil-empty p,.cil-gate p{font-size:13.5px;margin:0;max-width:360px}@media (max-width:920px){.cil-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.cil-page{padding:18px 14px 32px}.cil-head{align-items:stretch;flex-direction:column}.cil-daynav{flex-wrap:wrap;justify-content:space-between}.cil-daynav__center{flex:1 1;min-width:0}.cil-grid{grid-template-columns:1fr}.cil-list__head{display:none}.cil-list__row{gap:8px 14px;grid-template-columns:1fr 1fr;padding:14px 16px}.cil-list__emp,.cil-list__loc{grid-column:1/-1}.cil-session-panel{padding:8px 14px 14px}.cil-session-loc{flex-wrap:wrap}.cil-session-loc .cil-copy{margin-left:0}.cil-list__row [role=cell][data-k]:before{color:var(--text-muted);content:attr(data-k);display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}}@media (max-width:460px){.cil-stats{grid-template-columns:1fr}}.rsg-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1180px;padding:28px 24px 40px}.rsg-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.rsg-eyebrow{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.rsg-head h1{color:#1e293b;font-size:28px;font-weight:800;letter-spacing:-.02em;margin:12px 0 0}.rsg-head p{color:#64748b;font-size:13.5px;margin:6px 0 0}.rsg-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.rsg-refresh:hover:not(:disabled){border-color:#fca5a5;color:#b91c1c}.rsg-spin{animation:rsg-spin .8s linear infinite}@keyframes rsg-spin{to{transform:rotate(1turn)}}.rsg-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;font-size:13px;font-weight:600;padding:11px 14px}.rsg-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.rsg-filters{background:#f1f5f9;border-radius:10px;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px}.rsg-filters button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:12.5px;font-weight:700;padding:7px 13px;transition:background .15s ease,color .15s ease}.rsg-filters button:hover{color:#1e293b}.rsg-filters button.is-active{background:#fff;box-shadow:0 1px 3px #0f172a1a;color:#b91c1c}.rsg-search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:inline-flex;gap:8px;min-width:240px;padding:8px 12px}.rsg-search svg{color:#94a3b8;flex:0 0 auto}.rsg-search input{background:#0000;border:none;color:#1e293b;font-size:13px;outline:none;width:100%}.rsg-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.rsg-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:12px;padding:18px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.rsg-card:hover{border-color:#dbe3ee;box-shadow:0 8px 24px #0f172a14;transform:translateY(-2px)}.rsg-card--skeleton{animation:rsg-shimmer 1.3s ease-in-out infinite;background:linear-gradient(100deg,#f1f5f9 30%,#e8edf3 50%,#f1f5f9 70%);background-size:200% 100%;border-style:dashed;height:220px}@keyframes rsg-shimmer{to{background-position:-200% 0}}.rsg-card__top{align-items:center;display:flex;gap:11px}.rsg-avatar{background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#b91c1c;display:grid;flex:0 0 auto;font-size:13px;font-weight:800;height:40px;place-items:center;width:40px}.rsg-avatar--lg{font-size:16px;height:48px;width:48px}.rsg-card__id{flex:1 1 auto;min-width:0}.rsg-card__id strong{color:#1e293b;display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsg-card__id span{color:#64748b;display:block;font-size:12px;margin-top:2px}.rsg-badge{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;gap:4px;padding:4px 9px}.rsg-badge--pending{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.rsg-badge--accepted{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.rsg-badge--rejected{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.rsg-badge--withdrawn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.rsg-card__meta{grid-gap:10px;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:12px 0}.rsg-card__meta div{display:flex;flex-direction:column;gap:3px;min-width:0}.rsg-card__meta span{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rsg-card__meta strong{color:#1e293b;font-size:13px;font-weight:700}.rsg-card__reason{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:13px;font-style:italic;line-height:1.5;margin:0;overflow:hidden}.rsg-card__foot{align-items:center;display:flex;gap:10px;justify-content:space-between}.rsg-view{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#334155;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;padding:8px 14px;transition:background .15s ease,border-color .15s ease}.rsg-view:hover{background:#f8fafc;border-color:#cbd5e1}.rsg-action-hint{color:#b45309;font-size:11.5px;font-weight:700}.rsg-empty,.rsg-gate{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;color:#64748b;display:flex;flex-direction:column;gap:10px;padding:60px 24px;text-align:center}.rsg-empty svg,.rsg-gate svg{color:#f87171}.rsg-empty h3{color:#1e293b;font-size:17px;font-weight:700;margin:4px 0 0}.rsg-empty p,.rsg-gate p{font-size:13.5px;margin:0;max-width:360px}.rsg-overlay{align-items:center;animation:rsg-fade .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes rsg-fade{0%{opacity:0}to{opacity:1}}.rsg-modal{animation:rsg-pop .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a47;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}@keyframes rsg-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.rsg-modal__head{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:20px 22px}.rsg-modal__who{align-items:center;display:flex;gap:12px;min-width:0}.rsg-modal__who h2{color:#1e293b;font-size:18px;font-weight:800;margin:0}.rsg-modal__who span{color:#64748b;font-size:12.5px}.rsg-modal__close{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.rsg-modal__close:hover{background:#e2e8f0;color:#1e293b}.rsg-modal__body{padding:18px 22px 22px}.rsg-modal__statusrow{align-items:center;display:flex;gap:10px;margin-bottom:16px}.rsg-processed{color:#64748b;font-size:12px;font-weight:600}.rsg-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:18px}.rsg-detail-grid div{display:flex;flex-direction:column;gap:2px}.rsg-detail-grid svg{color:#94a3b8;margin-bottom:2px}.rsg-detail-grid span{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rsg-detail-grid strong{color:#1e293b;font-size:13.5px;font-weight:700}.rsg-reason-block{margin-bottom:16px}.rsg-reason-block>span{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.rsg-reason-block p{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#334155;font-size:13.5px;line-height:1.6;margin:0;padding:12px 14px;white-space:pre-wrap}.rsg-hr-actions{border-top:1px solid #f1f5f9;padding-top:16px}.rsg-field{display:block;margin-bottom:12px}.rsg-field>span{color:#334155;display:block;font-size:12px;font-weight:700;margin-bottom:5px}.rsg-field>span em{color:#dc2626;font-style:normal}.rsg-field input{border:1px solid #cbd5e1;border-radius:9px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;padding:9px 11px;width:100%}.rsg-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e;outline:none}.rsg-hr-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.rsg-accept,.rsg-decline{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;padding:10px 16px;transition:background .15s ease,border-color .15s ease}.rsg-decline{background:#fff;border:1px solid #fca5a5;color:#b91c1c}.rsg-decline:hover{background:#fef2f2}.rsg-accept{background:#16a34a;border:none;color:#fff}.rsg-accept:hover{background:#15803d}.rsg-accept:disabled,.rsg-decline:disabled{cursor:not-allowed;opacity:.6}.rsg-viewonly{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;color:#64748b;display:flex;font-size:12.5px;font-weight:600;gap:7px;margin:4px 0 0;padding:10px 12px}.rsg-viewonly svg{color:#94a3b8;flex:0 0 auto}@media (max-width:620px){.rsg-page{padding:18px 14px 32px}.rsg-detail-grid,.rsg-grid{grid-template-columns:1fr}.rsg-search{flex:1 1;min-width:0}}.rg{--rg-ink:var(--text-primary,#0f172a);--rg-soft:var(--text-secondary,#475569);--rg-faint:var(--text-muted,#94a3b8);--rg-line:var(--hairline,#0f172a0f);--rg-line-2:var(--hairline-strong,#0f172a1a);--rg-accent:var(--primary,#10b981);--rg-accent-deep:var(--primary-700,#047857);--rg-accent-tint:var(--primary-50,#ecfdf5);color:var(--rg-ink);font-family:var(--font-sans);margin:0 auto;max-width:1180px}.rg-masthead-actions{display:flex;flex-shrink:0;gap:10px}.rg-btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-control,6px);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);gap:7px;line-height:1;padding:9px 15px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.rg-btn:active{transform:translateY(1px)}.rg-btn:disabled{cursor:not-allowed;opacity:.55}.rg-btn--sm{font-size:12px;padding:7px 11px}.rg-btn--primary{background:var(--rg-accent);box-shadow:0 1px 2px #04785740;color:#fff}.rg-btn--primary:hover:not(:disabled){background:var(--rg-accent-deep);box-shadow:0 4px 12px #04785747}.rg-btn--quiet{background:#0000;border-color:var(--rg-line-2);color:var(--rg-soft)}.rg-btn--quiet:hover:not(:disabled){background:#f8fafc;background:var(--surface-1,#f8fafc);border-color:#cbd5e1;border-color:var(--border-default,#cbd5e1);color:var(--rg-ink)}.rg-btn--quiet.is-active{background:var(--rg-accent-tint);border-color:color-mix(in srgb,var(--rg-accent) 35%,#0000);color:var(--rg-accent-deep)}.rg-btn--icon{background:#fff;border-color:var(--rg-line-2);color:var(--rg-soft);padding:9px}.rg-btn--icon:hover{background:var(--surface-1);color:var(--rg-ink)}.rg-icon-btn{align-items:center;background:#fff;border:1px solid var(--rg-line-2);border-radius:6px;border-radius:var(--radius-control,6px);color:var(--rg-faint);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.rg-icon-btn:hover{background:var(--surface-1);color:var(--rg-soft)}.rg-icon-btn--danger:hover{background:#fef2f2;background:var(--danger-50,#fef2f2);border-color:#fee2e2;border-color:var(--danger-100,#fee2e2);color:#dc2626;color:var(--danger-600,#dc2626)}.rg-spin{animation:rg-spin .9s linear infinite}@keyframes rg-spin{to{transform:rotate(1turn)}}.rg-toolbar{gap:14px;margin-bottom:24px;margin-bottom:var(--space-6,24px)}.rg-search,.rg-toolbar{align-items:center;display:flex}.rg-search{background:#fff;border:1px solid var(--rg-line-2);border-radius:6px;border-radius:var(--radius-control,6px);color:var(--rg-faint);flex:1 1;gap:9px;max-width:440px;padding:10px 13px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.rg-search:focus-within{border-color:var(--rg-accent);box-shadow:0 0 0 3px var(--rg-accent-tint)}.rg-search input{background:#0000;border:none;color:var(--rg-ink);flex:1 1;font-family:var(--font-sans);font-size:14px;font-size:var(--text-base,14px);outline:none}.rg-search-clear{background:#0000;border:none;color:var(--rg-faint);cursor:pointer;display:inline-flex;padding:2px}.rg-search-clear:hover{color:var(--rg-soft)}.rg-count-tag{color:var(--rg-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;white-space:nowrap}.rg-section{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.rg-section-head{align-items:center;display:flex;gap:12px;margin-bottom:16px}.rg-section-title{color:var(--rg-ink);font-size:13px;font-weight:700;font-weight:var(--font-bold,700);letter-spacing:.1em;margin:0;text-transform:uppercase}.rg-section-count{background:var(--rg-accent-tint);border-radius:var(--radius-full);color:var(--rg-accent-deep);font-family:var(--font-mono);font-size:11px;font-weight:500;font-weight:var(--font-medium,500);padding:2px 9px}.rg-section-rule{background:linear-gradient(90deg,var(--rg-line-2),#0000);flex:1 1;height:1px}.rg-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rg-card{animation:rg-card-in .45s ease both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*55ms);background:#fff;border:1px solid var(--rg-line);border-radius:10px;border-radius:var(--radius-surface,10px);box-shadow:var(--shadow-e1);display:flex;overflow:hidden;position:relative;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.rg-card:hover{border-color:var(--rg-line-2);box-shadow:var(--shadow-e3);transform:translateY(-3px)}.rg-card.is-open{box-shadow:var(--shadow-e2)}.rg-spine{background:linear-gradient(180deg,var(--rg-accent) 0,var(--rg-accent-deep) 100%);flex-shrink:0;opacity:.85;transition:width var(--transition-normal);width:4px}.rg-card:hover .rg-spine{width:6px}.rg-card-body{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:18px 18px 16px}.rg-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rg-doc-icon{align-items:center;background:var(--rg-accent-tint);border-radius:6px;border-radius:var(--radius-md,6px);color:var(--rg-accent-deep);display:inline-flex;height:38px;justify-content:center;width:38px}.rg-version{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-radius:var(--radius-full);color:var(--rg-soft);font-family:var(--font-mono);font-size:11px;font-weight:500;font-weight:var(--font-medium,500);padding:3px 9px}.rg-version--sm{flex-shrink:0;font-size:10px;padding:2px 7px}.rg-card-title{color:var(--rg-ink);font-size:16px;font-size:var(--text-lg,16px);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:-.01em;line-height:1.3;margin:0 0 5px}.rg-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--rg-soft);display:-webkit-box;font-size:13px;font-size:var(--text-sm,13px);line-height:1.5;margin:0 0 12px;overflow:hidden}.rg-card-meta{align-items:center;color:var(--rg-faint);display:flex;font-family:var(--font-mono);font-size:11px;gap:8px;margin-bottom:16px}.rg-meta-dot:before{content:"·";margin-right:8px}.rg-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.rg-action-spacer{flex:1 1}.rg-history{animation:rg-rise .3s ease both;border-top:1px dashed var(--rg-line-2);margin-top:16px;padding-top:14px}.rg-history h4{color:var(--rg-faint);font-size:11px;font-weight:700;font-weight:var(--font-bold,700);letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.rg-history-empty{color:var(--rg-faint);font-size:13px;margin:0}.rg-history ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.rg-history li{align-items:center;border-bottom:1px solid var(--rg-line);display:flex;gap:11px;padding:9px 0}.rg-history li:last-child{border-bottom:none}.rg-history-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rg-history-note{color:var(--rg-ink);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-history-sub{color:var(--rg-faint);font-family:var(--font-mono);font-size:10.5px}.rg-empty{align-items:center;color:var(--rg-faint);display:flex;flex-direction:column;gap:10px;padding:72px 20px;text-align:center}.rg-empty-glyph{align-items:center;background:var(--rg-accent-tint);border-radius:12px;border-radius:var(--radius-xl,12px);color:var(--rg-accent-deep);display:inline-flex;height:64px;justify-content:center;margin-bottom:4px;width:64px}.rg-empty p{color:var(--rg-soft);font-size:16px;font-size:var(--text-lg,16px);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.rg-empty span{font-size:13px;font-size:var(--text-sm,13px)}.rg-skeleton-shelf{animation:rg-shimmer 1.2s linear infinite;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;border-radius:99px;height:6px;margin-bottom:6px;width:120px}.rg-modal-overlay{align-items:center;animation:rg-fade .2s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur,blur(8px));backdrop-filter:var(--backdrop-blur,blur(8px));background:#0f172a80;background:var(--overlay-dark,#0f172a80);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500;z-index:var(--z-modal,500)}.rg-modal{animation:rg-modal-in .25s cubic-bezier(.34,1.56,.64,1) both;background:#fff;border:1px solid var(--rg-line);border-radius:14px;border-radius:var(--radius-overlay,14px);box-shadow:var(--shadow-e3);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.rg-modal-header{align-items:flex-start;border-bottom:1px solid var(--rg-line);display:flex;gap:12px;justify-content:space-between;padding:20px 22px 16px}.rg-modal-header h3{color:var(--rg-ink);font-size:18px;font-size:var(--text-xl,18px);font-weight:700;font-weight:var(--font-bold,700);letter-spacing:-.01em;margin:0}.rg-modal-sub{color:var(--rg-faint);display:block;font-size:13px;font-size:var(--text-sm,13px);margin-top:3px}.rg-modal-body{gap:16px;padding:20px 22px 22px}.rg-field,.rg-modal-body{display:flex;flex-direction:column}.rg-field{gap:7px}.rg-field>span{color:var(--rg-soft);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600)}.rg-field>span em{color:var(--rg-faint);font-family:var(--font-mono);font-size:11px;font-style:normal;font-weight:400;font-weight:var(--font-normal,400)}.rg-field input,.rg-field textarea{border:1px solid #cbd5e1;border:1px solid var(--border-default,#cbd5e1);border-radius:6px;border-radius:var(--radius-control,6px);color:var(--rg-ink);font-family:var(--font-sans);font-size:14px;font-size:var(--text-base,14px);outline:none;padding:10px 12px;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.rg-field input:focus,.rg-field textarea:focus{border-color:var(--rg-accent);box-shadow:0 0 0 3px var(--rg-accent-tint)}.rg-file{cursor:pointer;padding:8px 10px}.rg-file::-webkit-file-upload-button{background:var(--rg-accent-tint);border:none;border-radius:6px;border-radius:var(--radius-control,6px);color:var(--rg-accent-deep);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;font-weight:var(--font-semibold,600);margin-right:10px;padding:6px 11px}.rg-file::file-selector-button{background:var(--rg-accent-tint);border:none;border-radius:6px;border-radius:var(--radius-control,6px);color:var(--rg-accent-deep);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;font-weight:var(--font-semibold,600);margin-right:10px;padding:6px 11px}.rg-file::-webkit-file-upload-button:hover{background:#d1fae5;background:var(--primary-100,#d1fae5)}.rg-file::file-selector-button:hover{background:#d1fae5;background:var(--primary-100,#d1fae5)}.rg-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}@keyframes rg-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rg-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rg-fade{0%{opacity:0}to{opacity:1}}@keyframes rg-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes rg-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.rg-card,.rg-history,.rg-masthead-actions,.rg-modal,.rg-modal-overlay{animation:none!important}.rg-card:hover{transform:none}}@media (max-width:640px){.rg-grid{grid-template-columns:1fr}}.rg-viewer{animation:rg-fade .2s ease both;background:#0f172a;background:var(--secondary-900,#0f172a);display:flex;flex-direction:column;inset:0;position:fixed;z-index:500;z-index:var(--z-modal,500)}.rg-viewer-bar{align-items:center;background:#0f172af5;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:11px 16px}.rg-viewer-title{align-items:center;color:#fff;display:flex;font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);gap:9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-viewer-title svg{color:#6ee7b7;color:var(--primary-300,#6ee7b7);flex-shrink:0}.rg-viewer-actions{display:flex;flex-shrink:0;gap:8px}.rg-viewer .rg-btn--quiet{border-color:#ffffff2e;color:#ffffffd9;text-decoration:none}.rg-viewer .rg-btn--quiet:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.rg-viewer-frame{background:#1e293b;background:var(--secondary-800,#1e293b);border:none;flex:1 1;width:100%}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;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{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:1200px;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:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 340px;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{animation:lc-rise .5s var(--ease-out-quart) both;background:radial-gradient(140% 120% at 0 0,#10b9810a,#0000 55%),var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e2);font-family:var(--font-sans);max-width:100%;padding:18px;width:100%!important}@keyframes lc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.react-calendar__navigation{align-items:center;display:flex;gap:6px;height:44px;margin-bottom:14px}.react-calendar__navigation button{background:var(--elev-1);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);height:40px;min-width:40px;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)}.react-calendar__navigation button:hover:enabled{background:var(--primary-50);border-color:#a7f3d0d9;color:var(--primary-700)}.react-calendar__navigation button:disabled{cursor:not-allowed;opacity:.4}.react-calendar__navigation__label{background:#0000!important;border:none!important;color:var(--text-primary);font-size:var(--text-lg);font-weight:800!important;letter-spacing:var(--tracking-tight)}.react-calendar__navigation__label:hover:enabled{background:var(--elev-1)!important;border-color:#0000!important;color:var(--text-primary)}.react-calendar__month-view__weekdays{border-bottom:1px solid var(--hairline);color:var(--text-muted);font-size:11px;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);margin-bottom:4px;padding:4px 0 8px;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:8px 0}.react-calendar__month-view__weekdays__weekday abbr{cursor:default;text-decoration:none}.react-calendar__tile{align-items:center;border:1px solid #0000;border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;margin:2px;min-height:54px!important;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),transform var(--dur-fast) var(--ease-out-quart)}.react-calendar__tile:enabled:hover{background-color:var(--elev-2)!important;box-shadow:var(--shadow-e1);transform:translateY(-1px)}.react-calendar__tile--active{background:var(--primary)!important;box-shadow:var(--shadow-e2);color:var(--text-inverse)!important;font-weight:var(--font-bold)}.react-calendar__tile.selected-date{animation:lc-pop var(--dur-base) var(--ease-spring);background:linear-gradient(180deg,var(--primary-500),var(--primary-600))!important;box-shadow:var(--shadow-e2),inset 0 1px 0 #fff3;color:var(--text-inverse)!important;font-weight:var(--font-bold)}.react-calendar__tile.selected-date:hover{filter:brightness(1.04)}@keyframes lc-pop{0%{transform:scale(.86)}60%{transform:scale(1.04)}to{transform:scale(1)}}.react-calendar__tile.approved-leave{background:var(--success-50);border-color:#10b98147;color:var(--success-700);font-weight:var(--font-bold)}.react-calendar__tile.pending-leave{background:var(--warning-50);border-color:#f59e0b52;color:var(--warning-700);font-weight:var(--font-bold)}.react-calendar__tile.company-holiday{background:var(--primary-50);border-color:#10b98138;color:var(--primary-700);cursor:default;font-weight:var(--font-bold)}.react-calendar__tile.company-holiday:hover{background:var(--primary-100);transform:none}.react-calendar__tile.team-leave{background:var(--info-50);border-color:#0ea5e938;color:var(--info-700);font-weight:var(--font-semibold)}.react-calendar__month-view__days__day--neighboringMonth{color:var(--text-muted);opacity:.45}.react-calendar__tile--now{background:#0000;border-radius:var(--radius-control);box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary-700);font-weight:800}.react-calendar__tile--now:after{background:var(--primary);border-radius:50%;bottom:6px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.react-calendar__tile:disabled{background:#0000;color:var(--text-muted);cursor:not-allowed;opacity:.45}.holiday-indicator,.leave-indicator{display:inline-flex;line-height:1;position:absolute;right:5px;top:5px}.team-leave-indicator{font-feature-settings:"tnum";align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);bottom:4px;box-shadow:var(--shadow-e1);color:var(--info-700);display:inline-flex;font-size:10px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);gap:2px;left:50%;padding:1px 5px;position:absolute;transform:translateX(-50%)}.selected-indicator{color:var(--text-inverse);line-height:1;opacity:.95;position:absolute;right:5px;top:5px}.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.selected{background:linear-gradient(180deg,var(--primary-500),var(--primary-600));border:1px solid var(--primary-600)}.legend-color.holiday{background:var(--primary-50);border:1px solid #10b98152}.legend-color.approved{background:var(--success-50);border:1px solid #10b98152}.legend-color.pending{background:var(--warning-50);border:1px solid #f59e0b61}.legend-color.team{background:var(--info-50);border:1px solid #0ea5e94d}.legend-color.holiday .legend-icon{color:var(--primary-700)}.legend-color.approved .legend-icon{color:var(--success-700)}.legend-color.pending .legend-icon{color:var(--warning-700)}.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:var(--info-700)}.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%}.calendar-side-panel .upcoming-holidays-section{flex:0 1 auto}.calendar-side-panel .upcoming-holidays-section .holidays-list{flex:0 1 auto;min-height:0;overflow-y:visible}.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:360px;min-height:0;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)}.calendar-side-panel .upcoming-holidays-section{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.calendar-side-panel .upcoming-holidays-section .holidays-list{flex:1 1 auto;min-height:0;overflow-y:auto}.calendar-side-panel .team-leaves-section{display:flex;flex:0 1 auto;flex-direction:column;min-height:0}.calendar-side-panel .team-leaves-section .team-leaves-list{max-height:280px;min-height:0;overflow-y:auto}.calendar-wrapper--booking{grid-template-columns:minmax(0,1fr) 400px}.booking-panel{animation:lc-rise .4s var(--ease-out-quart) both;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-e2);display:flex;flex-direction:column;max-height:calc(100vh - 96px);overflow:hidden;position:-webkit-sticky;position:sticky;top:16px}.booking-panel .modal-header 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);margin:0}.booking-panel .modal-header h2 svg{color:var(--info-500)}.booking-panel .modal-body{flex:1 1 auto;min-height:0}@media (max-width:1024px){.calendar-wrapper--booking{grid-template-columns:1fr}.booking-panel{max-height:none;position:static}.booking-panel .modal-body{overflow-y:visible}}.team-leaves-section h3,.upcoming-holidays-section h3{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:8px;letter-spacing:.06em;margin:0 0 var(--space-5) 0;text-transform:uppercase}.team-leaves-section h3 svg,.upcoming-holidays-section h3 svg{color:var(--text-muted)}.holidays-list,.team-leaves-list{display:flex;flex-direction:column;gap:8px}.holiday-list-item,.team-leave-list-item{align-items:center;background:var(--elev-0);border-left:3px solid #34d399;border:1px solid var(--hairline);border-left:3px solid var(--primary-400,#34d399);border-radius:var(--radius-lg);display:flex;gap:12px;padding:11px 12px;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),transform var(--dur-fast) var(--ease-out-quart)}@keyframes lc-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.holiday-list-item,.team-leave-list-item{animation:lc-item-in .42s var(--ease-out-quart) backwards}.holidays-list .holiday-list-item:first-child,.team-leaves-list .team-leave-list-item:first-child{animation-delay:.03s}.holidays-list .holiday-list-item:nth-child(2),.team-leaves-list .team-leave-list-item:nth-child(2){animation-delay:.08s}.holidays-list .holiday-list-item:nth-child(3),.team-leaves-list .team-leave-list-item:nth-child(3){animation-delay:.13s}.holidays-list .holiday-list-item:nth-child(4),.team-leaves-list .team-leave-list-item:nth-child(4){animation-delay:.18s}.holidays-list .holiday-list-item:nth-child(5),.team-leaves-list .team-leave-list-item:nth-child(5){animation-delay:.23s}.holidays-list .holiday-list-item:nth-child(n+6),.team-leaves-list .team-leave-list-item:nth-child(n+6){animation-delay:.28s}.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-color:#10b98147 #10b98147 #10b98147 #10b981;border-left-color:var(--primary-500,#10b981);box-shadow:var(--shadow-e1);transform:translateY(-1px)}.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{align-items:center;display:flex;gap:9px;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;flex-shrink:0;font-size:11px;font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.team-leave-person{display:flex;flex-direction:column;gap:1px;min-width:0}.team-leave-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.25;min-width:0}.team-leave-name,.team-leave-type{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-leave-type{align-self:flex-start;color:var(--text-muted);font-size:11px;font-weight:var(--font-medium)}.team-leave-more{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding-left:37px}.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:3px;min-width:0}.holiday-list-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:1.3;overflow:hidden}.holiday-list-day{color:var(--text-muted);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)}@keyframes kpi-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:kpi-rise .44s var(--ease-out-quart) backwards}.leads-kpi-row .kpi-card:first-child{animation-delay:.04s}.leads-kpi-row .kpi-card:nth-child(2){animation-delay:.1s}.leads-kpi-row .kpi-card:nth-child(3){animation-delay:.16s}.leads-kpi-row .kpi-card:nth-child(4){animation-delay:.22s}.leads-kpi-row .kpi-card:nth-child(5){animation-delay:.28s}.leads-kpi-row .kpi-card:nth-child(n+6){animation-delay:.34s}.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 var(--hairline-strong)!important;border-radius:var(--radius-surface)!important;box-shadow:var(--shadow-e2)}.leads-table td{border-bottom:1px solid var(--hairline-strong)!important;padding:13px 16px!important;vertical-align:middle}.leads-table .lead-row{height:56px}.leads-table th{background:color-mix(in srgb,var(--elev-2) 86%,#0000)!important;border-bottom:1px solid var(--hairline-strong)!important;color:var(--text-muted)!important;font-size:11px!important;font-weight:var(--font-semibold)!important;letter-spacing:.06em!important;padding:10px 16px!important}.leads-table .lead-row td:first-child{border-left:3px solid var(--hairline-strong);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;border-left-color:var(--accent-400,#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:var(--elev-1)!important}.leads-table .lead-row:hover td:first-child{padding-left:17px!important}.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,.status-badge{border:1px solid color-mix(in srgb,currentcolor 22%,#0000);font-weight:600!important;letter-spacing:.01em}.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:var(--surface-3)!important;background:var(--elev-3,var(--surface-3))!important;color:var(--text-secondary)!important}.sort-icon-active{color:#059669!important;color:var(--primary-600,#059669)!important}.leads-tabs{background:var(--elev-2);border:1px solid var(--hairline);border-radius:var(--radius-control);display:inline-flex;gap:3px;margin-bottom:16px;padding:4px}.leads-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:7px;padding:7px 16px;transition: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)}.leads-tab:hover:not(.leads-tab--active){background:var(--elev-1);color:var(--text-primary)}.leads-tab--active{background:var(--bg-secondary);box-shadow:var(--shadow-e1);color:var(--primary-700)}.leads-tab-count{font-feature-settings:"tnum";background:var(--secondary-100);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:1.5;padding:1px 7px}.leads-tab--active .leads-tab-count{background:var(--primary-100);color:var(--primary-700)}.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}}.pf-resign-side{width:100%}.pf-resign-side-btn{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px 14px;transition:background .15s ease,border-color .15s ease,transform .15s ease;width:100%}.pf-resign-side-btn:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.pf-resign-side-note{align-items:center;color:#b45309;display:flex;font-size:11px;font-weight:600;gap:5px;justify-content:center;margin:9px 0 0}.pf-resign-chip{align-items:flex-start;border:1px solid;border-radius:11px;display:flex;gap:9px;padding:11px 12px;text-align:left;width:100%}.pf-resign-chip--pending{background:#fffbeb;border-color:#fde68a}.pf-resign-chip--accepted{background:#f0fdf4;border-color:#bbf7d0}.pf-resign-chip>svg{flex:0 0 auto;margin-top:1px}.pf-resign-chip--pending>svg{color:#b45309}.pf-resign-chip--accepted>svg{color:#15803d}.pf-resign-chip__body{flex:1 1 auto;min-width:0}.pf-resign-chip__body strong{color:#1e293b;display:block;font-size:12.5px;font-weight:700;line-height:1.3}.pf-resign-chip__body span{color:#64748b;display:block;font-size:11px;margin-top:2px}.pf-resign-chip__action{background:#fff;border:1px solid #fca5a5;border-radius:7px;color:#b91c1c;cursor:pointer;flex:0 0 auto;font-size:11px;font-weight:700;padding:5px 9px;transition:background .15s ease}.pf-resign-chip__action:hover{background:#fef2f2}.pf-resign-overlay{align-items:center;animation:pf-resign-fade .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes pf-resign-fade{0%{opacity:0}to{opacity:1}}.pf-resign-modal{animation:pf-resign-pop .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a47;max-width:480px;overflow:hidden;width:100%}@keyframes pf-resign-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.pf-resign-modal__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:20px 22px 14px}.pf-resign-modal__eyebrow{align-items:center;color:#b91c1c;display:inline-flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:.08em;text-transform:uppercase}.pf-resign-modal__head h2{color:#1e293b;font-size:19px;font-weight:800;margin:8px 0 0}.pf-resign-modal__close{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.pf-resign-modal__close:hover{background:#e2e8f0;color:#1e293b}.pf-resign-modal__warn{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:flex;font-size:12.5px;font-weight:600;gap:9px;margin:0 22px;padding:10px 12px}.pf-resign-modal__warn svg{color:#d97706;flex:0 0 auto}.pf-resign-modal__form{padding:16px 22px 22px}.pf-resign-field{display:block;margin-bottom:14px}.pf-resign-field>span{color:#334155;display:block;font-size:12.5px;font-weight:700;margin-bottom:6px}.pf-resign-field>span em{color:#dc2626;font-style:normal}.pf-resign-field input,.pf-resign-field textarea{border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13.5px;padding:10px 12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.pf-resign-field input:focus,.pf-resign-field textarea:focus{border-color:#f87171;box-shadow:0 0 0 3px #f871712e;outline:none}.pf-resign-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.pf-resign-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px}.pf-resign-cancel:hover{background:#f8fafc}.pf-resign-submit{align-items:center;background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;padding:10px 18px;transition:background .15s ease}.pf-resign-submit:hover{background:#b91c1c}.pf-resign-cancel:disabled,.pf-resign-submit:disabled{cursor:not-allowed;opacity:.6}.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}}.cmp-page{color:var(--text-primary);margin:0 auto;max-width:1080px;padding:24px}.cmp-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.cmp-header,.cmp-header__title{align-items:center;display:flex}.cmp-header__title{gap:12px}.cmp-header__icon{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-control);color:var(--primary-600);display:grid;height:40px;place-items:center;width:40px}.cmp-header__title h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0}.cmp-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;padding:9px 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)}.cmp-btn--primary{background:var(--primary-600);box-shadow:var(--shadow-e1);color:#fff}.cmp-btn--primary:hover{background:var(--primary-700)}.cmp-btn--primary:disabled{cursor:not-allowed;opacity:.55}.cmp-btn--ghost{background:#0000;border-color:var(--hairline-strong);color:var(--text-secondary)}.cmp-btn--ghost:hover{background:var(--elev-1);border-color:var(--hairline-contrast)}.cmp-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:28px;justify-content:center;width:28px}.cmp-icon-btn:hover{background:var(--elev-1);color:var(--text-primary)}.cmp-tabs{background:var(--elev-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);display:inline-flex;gap:8px;margin-bottom:20px;padding:6px 8px;width:-webkit-fit-content;width:fit-content}.cmp-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)}.cmp-tabs button:hover{color:var(--text-primary)}.cmp-tabs button.is-active{background:var(--bg-secondary);border-color:var(--hairline-strong);box-shadow:var(--shadow-e1);color:var(--primary-700)}.cmp-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.cmp-summary__pill{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;flex-direction:column;gap:2px;padding:16px 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)}.cmp-summary__pill:hover{box-shadow:var(--shadow-e2);transform:translateY(-2px)}.cmp-summary__pill--open{border-left-color:var(--warning-500)}.cmp-summary__pill--in_progress{border-left-color:var(--info-500)}.cmp-summary__pill--resolved{border-left-color:var(--success-500)}.cmp-summary__num{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)}.cmp-summary__lbl{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.cmp-filters{align-items:center;color:var(--text-muted);display:flex;gap:8px;margin-bottom:16px}.cmp-filters select{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);padding:8px 12px}.cmp-table{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e1);overflow:hidden}.cmp-row,.cmp-table__head{grid-gap:12px;align-items:center;border-left:3px solid #0000;display:grid;gap:12px;grid-template-columns:92px 1fr 120px 110px 132px;padding:12px 14px}.cmp-table--manage .cmp-row,.cmp-table--manage .cmp-table__head{grid-template-columns:92px 1fr 120px 150px 110px 132px}.cmp-table__head{background:var(--elev-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.cmp-row{background:none;border-top:1px solid var(--hairline);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast) var(--ease-out-quart);width:100%}.cmp-row:hover{background:var(--elev-1)}.cmp-row:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.cmp-row--open{border-left-color:var(--warning-500)}.cmp-row--in_progress{border-left-color:var(--info-500)}.cmp-row--resolved{border-left-color:var(--success-500)}.cmp-row__title{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-semibold);gap:8px}.cmp-row__replies{color:var(--text-muted);font-size:var(--text-xs);font-style:normal}.cmp-row__date{color:var(--text-muted);font-size:var(--text-sm)}.cmp-ticket{color:var(--accent-800);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold)}.cmp-chip{background:var(--accent-50);color:var(--accent-800)}.cmp-badge,.cmp-chip{border-radius:999px;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px}.cmp-badge--open{background:var(--warning-100);color:var(--warning-700)}.cmp-badge--in_progress{background:var(--info-100);color:var(--info-700)}.cmp-badge--resolved{background:var(--success-100);color:var(--success-700)}.cmp-empty{align-items:center;color:var(--text-muted);font-size:var(--text-sm);gap:8px;padding:48px}.cmp-empty,.cmp-overlay{display:flex;justify-content:center}.cmp-overlay{align-items:flex-start;animation:cmp-fade var(--dur-fast) var(--ease-out-quart);background:#0f172a8c;inset:0;overflow-y:auto;padding:56px 20px 20px;position:fixed;z-index:var(--z-modal)}@keyframes cmp-fade{0%{opacity:0}to{opacity:1}}.cmp-modal{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-e2);max-height:calc(100vh - 80px);max-width:480px;overflow-y:auto;width:100%}.cmp-modal--wide{max-width:640px}.cmp-modal__head{align-items:flex-start;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;padding:16px 20px}.cmp-modal__head h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:4px 0 0}.cmp-modal__foot{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.cmp-form{gap:16px;padding:20px}.cmp-field,.cmp-form{display:flex;flex-direction:column}.cmp-field{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:6px}.cmp-field em{color:var(--text-muted);font-style:normal;font-weight:var(--font-normal)}.cmp-field input[type=text],.cmp-field select,.cmp-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);padding:8px 12px;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.cmp-field input:focus,.cmp-field select:focus,.cmp-field textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.cmp-field textarea{min-height:96px;resize:vertical}.cmp-file{align-items:center;color:var(--text-muted);display:flex;font-weight:var(--font-normal);gap:8px}.cmp-file__name{color:var(--primary-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.cmp-detail{padding:20px}.cmp-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cmp-meta__by{color:var(--text-muted);font-size:var(--text-sm)}.cmp-stepper{align-items:center;display:flex;flex-wrap:wrap;gap:6px 0;margin:16px 0 4px}.cmp-step{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text-muted);display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px;padding:5px 14px 5px 5px}button.cmp-step{cursor:pointer;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)}button.cmp-step:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-700)}button.cmp-step:disabled{cursor:default}.cmp-step__dot{background:var(--elev-1);border-radius:999px;color:var(--text-muted);display:grid;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-bold);height:22px;place-items:center;width:22px}.cmp-step__label{line-height:1}.cmp-step--done{border-color:var(--success-100);color:var(--text-secondary)}.cmp-step--done .cmp-step__dot{background:var(--success-500);color:#fff}.cmp-step--active{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-900)}.cmp-step--active .cmp-step__dot{background:var(--accent-600);color:#fff}.cmp-step__bar{background:var(--hairline-contrast);flex:0 0 22px;height:2px}.cmp-step__bar.is-filled{background:var(--success-400)}.cmp-stepper__hint{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 12px}.cmp-handled-by{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:6px;margin:0 0 12px}.cmp-handled-by svg{color:var(--success-500);flex:0 0 auto}.cmp-handled-by strong{color:var(--text-primary);font-weight:var(--font-semibold)}.cmp-desc{color:var(--text-secondary);line-height:1.6;margin:16px 0;white-space:pre-wrap}.cmp-shot{margin-bottom:16px}.cmp-shot img{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);display:block;max-width:100%}.cmp-shot__loading{color:var(--text-muted);font-size:var(--text-sm)}.cmp-thread{border-top:1px solid var(--hairline);padding-top:16px}.cmp-thread 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}.cmp-thread__empty{color:var(--text-muted);font-size:var(--text-sm)}.cmp-msg{background:var(--elev-1);border-left:2px solid var(--hairline-strong);border-radius:var(--radius-control);margin-bottom:8px;padding:10px 14px}.cmp-msg--staff{background:var(--accent-50);border-left-color:var(--accent-400)}.cmp-msg__head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:3px}.cmp-msg__head strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.cmp-msg__head span{color:var(--text-muted);font-size:var(--text-xs)}.cmp-msg p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin:0;white-space:pre-wrap}.cmp-reply{display:flex;gap:8px;margin-top:12px}.cmp-reply 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-base);padding:8px 12px}.cmp-reply input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.cmp-reply .cmp-btn{padding:8px 14px}.cmp-spin{animation:cmp-spin 1s linear infinite}@keyframes cmp-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.cmp-summary{grid-template-columns:1fr}}@media (max-width:640px){.cmp-page{padding:16px}.cmp-table__head{display:none}.cmp-row,.cmp-table--manage .cmp-row{grid-template-columns:1fr auto;row-gap:4px}.cmp-overlay{align-items:flex-start;padding:20px 12px}}@media (prefers-reduced-motion:reduce){.cmp-overlay{animation:none}.cmp-summary__pill:hover{transform:none}}.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:280px 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-message.pending .chat-page-bubble{opacity:.65}.chat-page-message.failed .chat-page-bubble{border-color:#dc2626;border-color:var(--danger,#dc2626);box-shadow:0 0 0 1px #dc2626;box-shadow:0 0 0 1px var(--danger,#dc2626)}.chat-page-message.failed .chat-page-time{color:#dc2626!important;color:var(--danger,#dc2626)!important}.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:8px;padding:6px 8px;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-name{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page-person.unread .chat-page-person-name{font-weight:var(--font-semibold)}.chat-page-person-time{color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.chat-page-avatar-wrap{display:inline-flex;flex-shrink:0;position:relative}.chat-page-avatar-presence{background:var(--text-muted);border:2px solid var(--elev-0);border-radius:50%;bottom:-1px;height:9px;position:absolute;right:-1px;width:9px}.chat-page-avatar-presence--active{background:#16a34a}.chat-page-avatar-presence--away{background:#cbd5e1}.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}}.dav-page{padding:28px 28px 48px}.dav-header{align-items:flex-end;border-bottom:1px solid var(--hairline-strong);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding-bottom:18px}.dav-eyebrow{color:var(--primary);display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.dav-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:26px;gap:10px;margin:0}.dav-header h1 svg{color:var(--primary)}.dav-header p{color:var(--text-secondary);font-size:13px;margin:8px 0 0}.dav-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dav-search,.dav-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;border-radius:var(--radius-control,10px);color:var(--text-secondary);display:flex;gap:8px;min-height:38px}.dav-search{padding:0 12px}.dav-search input{background:#0000;border:0;color:var(--text-primary);font:inherit;font-size:13px;outline:0;width:230px}.dav-toggle{cursor:pointer;font-size:12px;padding:0 12px}.dav-toggle input{accent-color:var(--primary)}.dav-refresh{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:10px;border-radius:var(--radius-control,10px);color:var(--text-secondary);cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.dav-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.dav-refresh:disabled{cursor:default;opacity:.6}@keyframes dav-rotate{to{transform:rotate(1turn)}}.dav-spin{animation:dav-rotate .9s linear infinite}.dav-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:16px}.dav-kpi{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:12px;border-radius:var(--radius-surface,12px);padding:14px 16px}.dav-kpi span{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:24px;font-weight:700;line-height:1.1}.dav-kpi small{color:var(--text-secondary);display:block;font-size:11px;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.dav-kpi--latest{background:color-mix(in srgb,var(--primary) 7%,var(--bg-secondary));border-color:color-mix(in srgb,var(--primary) 36%,var(--hairline))}.dav-kpi--warn{background:color-mix(in srgb,#d97706 6%,var(--bg-secondary));border-color:color-mix(in srgb,#d97706 34%,var(--hairline))}.dav-kpi--warn span{color:#b45309}.dav-kpi--muted{background:color-mix(in srgb,#64748b 5%,var(--bg-secondary));border-color:color-mix(in srgb,#64748b 28%,var(--hairline))}.dav-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.dav-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;border-radius:var(--radius-full,999px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px;transition:color .15s ease,border-color .15s ease,background .15s ease}.dav-chip:hover{border-color:var(--hairline-contrast);color:var(--text-primary)}.dav-chip--active{background:color-mix(in srgb,var(--primary) 8%,var(--bg-secondary));border-color:color-mix(in srgb,var(--primary) 45%,var(--hairline));color:var(--primary)}.dav-chip__count{background:color-mix(in srgb,currentColor 14%,#0000);border-radius:999px;border-radius:var(--radius-full,999px);color:inherit;display:inline-grid;font-family:var(--font-mono);font-size:11px;height:18px;min-width:22px;padding:0 6px;place-items:center}.dav-banner{border-radius:10px;border-radius:var(--radius-control,10px);font-size:13px;margin-bottom:14px;padding:11px 14px}.dav-banner--error{background:color-mix(in srgb,#dc2626 10%,#0000);border:1px solid color-mix(in srgb,#dc2626 36%,#0000);color:#b91c1c}.dav-table-wrap{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:12px;border-radius:var(--radius-surface,12px);overflow:hidden}.dav-table{border-collapse:collapse;font-size:13px;width:100%}.dav-table td,.dav-table th{border-bottom:1px solid var(--hairline);padding:13px 16px;text-align:left;vertical-align:middle}.dav-table th{background:var(--elev-1);color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dav-table tr:last-child td{border-bottom:0}.dav-user{display:flex;flex-direction:column;gap:3px}.dav-user strong{color:var(--text-primary);font-size:13px}.dav-muted,.dav-user span{color:var(--text-secondary);font-size:12px}.dav-client,.dav-version{font-family:var(--font-mono)}.dav-version{background:color-mix(in srgb,var(--text-primary) 8%,#0000);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.01em;padding:2px 8px}.dav-version--current{background:color-mix(in srgb,var(--primary) 14%,#0000);color:var(--primary)}.dav-version--outdated{background:color-mix(in srgb,#d97706 16%,#0000);color:#b45309}.dav-version--missing{background:color-mix(in srgb,#64748b 14%,#0000);color:#475569}.dav-version--neutral{background:color-mix(in srgb,#2563eb 13%,#0000);color:#1d4ed8}.dav-client{color:var(--text-secondary);font-size:12px}.dav-status{align-items:center;border-radius:999px;border-radius:var(--radius-full,999px);display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-width:118px;padding:5px 9px}.dav-status--current{background:color-mix(in srgb,var(--primary) 12%,#0000);color:var(--primary)}.dav-status--outdated{background:color-mix(in srgb,#d97706 13%,#0000);color:#b45309}.dav-status--missing{background:color-mix(in srgb,#64748b 13%,#0000);color:#475569}.dav-status--neutral{background:color-mix(in srgb,#2563eb 11%,#0000);color:#1d4ed8}.dav-row td:first-child{padding-left:18px;position:relative}.dav-row td:first-child:before{background:#0000;border-radius:3px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.dav-row--outdated td:first-child:before{background:#d97706}.dav-row--missing td:first-child:before{background:#64748b}.dav-row--current td:first-child:before{background:var(--primary)}.dav-row--neutral td:first-child:before{background:#2563eb}.dav-devices{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;border-radius:var(--radius-full,999px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.dav-devices:hover,.dav-devices[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.dav-devices-row td{background:color-mix(in srgb,var(--bg-secondary) 60%,#0000);padding:12px 16px 14px 18px}.dav-devices-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dav-device{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:10px;border-radius:var(--radius-control,10px);display:flex;flex-direction:column;gap:4px;padding:10px 12px}.dav-device__top{align-items:center;display:flex;gap:8px;justify-content:space-between}.dav-device__platform{font-family:var(--font-mono);text-transform:uppercase}.dav-device code,.dav-device small,.dav-device__platform{color:var(--text-secondary);font-size:11px}.dav-device code{align-self:flex-start;background:var(--elev-1);border-radius:4px;font-family:var(--font-mono);padding:1px 6px}.dav-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.dav-toolbar .dav-filters{margin-bottom:0}.dav-collapseall{background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:999px;border-radius:var(--radius-full,999px);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:color .15s ease,border-color .15s ease}.dav-collapseall:hover{border-color:var(--primary);color:var(--primary)}.dav-sections{display:flex;flex-direction:column;gap:14px}.dav-dept{background:var(--bg-secondary);border:1px solid var(--hairline);border-radius:12px;border-radius:var(--radius-surface,12px);overflow:hidden;transition:border-color .15s ease}.dav-dept--warn{border-color:color-mix(in srgb,#d97706 24%,var(--hairline));box-shadow:inset 4px 0 0 0 color-mix(in srgb,#d97706 65%,#0000)}.dav-dept--ok{box-shadow:inset 4px 0 0 0 color-mix(in srgb,var(--primary) 45%,#0000)}.dav-dept__header{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:12px;padding:12px 16px;text-align:left;width:100%}.dav-dept__header:hover{background:var(--elev-1)}.dav-dept__chev{color:var(--text-secondary);display:inline-flex}.dav-dept__name{align-items:center;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.01em}.dav-dept__name svg{color:var(--text-secondary)}.dav-dept__pills{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:4px}.dav-dept__count{background:var(--elev-1);color:var(--text-secondary);font-family:var(--font-mono);gap:5px;margin-left:auto}.dav-dept__count,.dav-pill{align-items:center;border-radius:999px;border-radius:var(--radius-full,999px);display:inline-flex;font-size:11px;padding:3px 9px}.dav-pill{font-weight:700;letter-spacing:.02em}.dav-pill--outdated{background:color-mix(in srgb,#d97706 16%,#0000);color:#b45309}.dav-pill--missing{background:color-mix(in srgb,#64748b 16%,#0000);color:#475569}.dav-pill--current{background:color-mix(in srgb,var(--primary) 14%,#0000);color:var(--primary)}.dav-dept .dav-table-wrap{border:0;border-radius:0;border-top:1px solid var(--hairline)}.dav-empty-state{align-items:center;background:var(--bg-secondary);border:1px dashed var(--hairline-strong);border-radius:12px;border-radius:var(--radius-surface,12px);color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;padding:48px 16px}.dav-empty-state svg{color:var(--text-secondary);opacity:.6}.dav-empty-state p{font-size:13px;margin:0}.dav-empty{color:var(--text-secondary);padding:34px 16px;text-align:center}@media (max-width:1180px){.dav-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.dav-page{padding:20px 16px 36px}.dav-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dav-search input{width:180px}.dav-table-wrap{overflow-x:auto}.dav-table{min-width:780px}}.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%}}.csm-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}.csm-card{animation:csmEnter .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;max-height:calc(100vh - 40px);min-height:480px;overflow:hidden;width:min(100%,900px)}@keyframes csmEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.csm-side{background:linear-gradient(145deg,#047857,#10b981 58%,#065f46);color:#fff;display:flex;flex:0 0 330px;flex-direction:column;justify-content:center;padding:40px 32px}.csm-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}.csm-side h2{color:#fff;font-size:28px;line-height:1.1;margin:0 0 10px}.csm-side p{color:#ffffffd6;font-size:14px;line-height:1.6;margin:0 0 22px}.csm-points{grid-gap:14px;color:#ffffffeb;display:grid;font-size:13px;gap:14px;line-height:1.5;list-style:none;margin:0;padding:0}.csm-points li{align-items:flex-start;display:flex;gap:10px}.csm-points li svg{flex:0 0 auto;margin-top:1px;opacity:.95}.csm-main{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:38px 36px}.csm-header{margin-bottom:18px}.csm-header h3{color:var(--text-primary);font-size:26px;margin:0 0 6px}.csm-header p{margin:0}.csm-header p,.csm-policy{color:var(--text-secondary);font-size:14px}.csm-policy{background:var(--elev-1);border:1px solid var(--hairline);border-radius:14px;line-height:1.7;margin-bottom:18px;padding:18px 20px}.csm-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:13px;gap:8px;line-height:1.5;margin-bottom:14px;padding:12px 14px}.csm-agree,.csm-error{align-items:flex-start;display:flex}.csm-agree{color:var(--text-primary);cursor:pointer;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.csm-agree input{accent-color:#10b981;cursor:pointer;height:18px;margin-top:1px;width:18px}.csm-actions{display:flex;justify-content:flex-end;margin-top:22px}.csm-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:190px;padding:12px 18px;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart),opacity var(--dur-fast) var(--ease-out-quart)}.csm-submit:hover:not(:disabled){transform:translateY(-1px)}.csm-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}@media (max-width:800px){.csm-card{flex-direction:column;overflow-y:auto}.csm-main,.csm-side{padding:26px 22px}.csm-side{flex-basis:auto}.csm-actions{justify-content:stretch}.csm-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}.device-blocked-download{background:#0e7490;border-radius:10px;color:#fff;display:inline-block;font-weight:700;margin-top:20px;padding:11px 22px;text-decoration:none;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.device-blocked-download:hover{box-shadow:0 6px 18px #0e749052;filter:brightness(1.07)}.device-blocked-download:active{transform:translateY(1px)}.desktop-required-page .login-form-panel{background:var(--bg-secondary)}.desktop-download-box{gap:var(--space-7)}.desktop-download-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.desktop-download-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--hairline-strong);border-radius:var(--radius-control);color:var(--text-primary);display:flex;gap:var(--space-4);padding:15px 16px;text-decoration:none;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)}.desktop-download-card:hover{border-color:var(--ring-color);box-shadow:var(--shadow-e1);transform:translateY(-1px)}.desktop-download-card:focus-visible{box-shadow:var(--ring-soft);outline:none}.desktop-download-card--disabled{cursor:not-allowed;opacity:.5}.desktop-download-card--disabled:hover{border-color:var(--hairline-strong);box-shadow:none;transform:none}.desktop-download-icon{align-items:center;background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--radius-lg);color:var(--primary-600);display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.desktop-download-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.desktop-download-copy strong{font-size:var(--text-base);line-height:var(--leading-snug)}.desktop-download-copy small{color:var(--text-muted);font-size:var(--text-xs)}.desktop-download-footer{margin-top:var(--space-2)}.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}