:root{--color-primary-500: 239 68% 68%;--color-primary-600: 243 75% 59%;--color-primary-700: 243 75% 49%;--color-slate-50: 210 40% 98%;--color-slate-100: 210 40% 96%;--color-slate-200: 214 32% 91%;--color-slate-300: 213 27% 84%;--color-slate-400: 215 20% 65%;--color-slate-500: 215 16% 47%;--color-slate-600: 215 19% 35%;--color-slate-700: 215 25% 27%;--color-slate-800: 217 33% 17%;--color-slate-900: 222 47% 11%;--gradient-primary: linear-gradient(135deg, hsl(239, 68%, 68%) 0%, hsl(243, 75%, 59%) 100%);--gradient-slate: linear-gradient(135deg, hsl(210, 40%, 98%) 0%, hsl(214, 32%, 91%) 100%);--gradient-success: linear-gradient(135deg, hsl(142, 71%, 45%) 0%, hsl(142, 71%, 35%) 100%);--gradient-warning: linear-gradient(135deg, hsl(45, 93%, 47%) 0%, hsl(45, 93%, 37%) 100%);--gradient-danger: linear-gradient(135deg, hsl(0, 72%, 51%) 0%, hsl(0, 72%, 41%) 100%);--gradient-mesh: radial-gradient(at 0% 0%, hsla(239, 68%, 68%, .1) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(45, 93%, 47%, .1) 0px, transparent 50%), radial-gradient(at 100% 100%, hsla(142, 71%, 45%, .1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(0, 72%, 51%, .1) 0px, transparent 50%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px -5px hsl(var(--color-primary-500));--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-tooltip: 70;--z-toast: 9999}.toast{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-success .toast-icon{color:#21c45d}.toast-success>div{border-left-color:#21c45d}.toast-error .toast-icon{color:#dc2828}.toast-error>div{border-left-color:#dc2828}.toast-warning .toast-icon{color:#e7b008}.toast-warning>div{border-left-color:#e7b008}.toast-info .toast-icon{color:#7678e5}.toast-info>div{border-left-color:#7678e5}.talent-pool-fab{position:fixed;bottom:170px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#16a249,#1cce5e);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #22c55e66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.talent-pool-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #22c55e80}.talent-pool-fab:active{transform:translateY(-2px) scale(1)}.talent-pool-fab-badge{position:absolute;top:-4px;right:-4px;background:#dc2828;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 6px #0003}.talent-pool-drawer{position:fixed;top:0;right:0;width:450px;height:100vh;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:150;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.talent-pool-drawer:not(.hidden){transform:translate(0)}.talent-pool-drawer-header{padding:24px;border-bottom:2px solid hsl(var(--color-slate-200));display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,hsl(var(--color-slate-50)),#fff)}.talent-pool-drawer-header h3{color:hsl(var(--color-slate-800))}.talent-pool-drawer-content{flex:1;overflow-y:auto;padding:24px}.talent-pool-drawer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.talent-card{background:hsl(var(--color-slate-50));border:1px solid hsl(var(--color-slate-200));border-radius:12px;padding:12px;cursor:grab;transition:all var(--transition-base);display:flex;flex-direction:column;gap:8px;min-height:100px}.talent-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1cce5e}.talent-card:active,.talent-card.dragging{cursor:grabbing;opacity:.6}.talent-card-name{font-weight:600;font-size:.875rem;color:hsl(var(--color-slate-800));line-height:1.3;word-break:break-word}.talent-card-job{font-size:.75rem;color:hsl(var(--color-slate-600));line-height:1.3}.talent-card-meta{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:8px;border-top:1px solid hsl(var(--color-slate-200))}.talent-card-meta-item{font-size:.7rem;color:hsl(var(--color-slate-500));line-height:1.2}.talent-drag-ghost{background:#fff;border:2px solid hsl(142,76%,46%);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;min-width:180px}.dropdown-menu{position:absolute;z-index:var(--z-dropdown);background:#fff!important;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid hsl(var(--color-slate-200));pointer-events:auto;isolation:isolate}.dropdown-menu.hidden{display:none!important}[data-theme=dark] .dropdown-menu{background:#1d283a!important;border-color:#344256}.toggle-switch{position:relative;width:48px;height:24px;background-color:#cbd5e1;border-radius:24px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.toggle-switch.active{background-color:#3b82f6}.toggle-switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:left .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-switch-handle{left:26px}#global-metrics-dashboard.collapsed{display:none}#metrics-mini-icons{gap:1rem}#metrics-mini-icons>div{transition:var(--transition-fast)}#metrics-mini-icons>div:hover{transform:scale(1.02);box-shadow:0 2px 4px #0000000d}#metrics-mini-icons svg{flex-shrink:0}[data-theme=dark] #metrics-mini-icons>div{background:hsl(var(--color-slate-200))}[data-theme=dark] #metrics-mini-icons>div:hover{background:hsl(var(--color-slate-300))}.metric-tooltip{position:fixed;background:#1e293bf2;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;pointer-events:none;z-index:9999;box-shadow:0 4px 12px #0000004d;transition:opacity .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric-tooltip.hidden{opacity:0;visibility:hidden}.tooltip-title{font-weight:600;margin-bottom:4px;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.tooltip-value{font-size:16px;font-weight:700;color:#fff}.chart-controls-bar{flex-shrink:0;min-height:48px}.chart-controls-bar select,.chart-controls-bar button{font-size:12px;transition:all .2s ease}.chart-controls-bar select:hover,.chart-controls-bar select:focus{border-color:hsl(var(--color-primary-500))}#talent-pool-list table{font-size:.75rem}#talent-pool-list thead{position:sticky;top:0;z-index:10}#talent-pool-list tr.dragging{opacity:.5}#talent-pool-list tr:hover{background-color:#f8fafc}#label-type-selector button.active{background:hsl(var(--color-primary-600));color:#fff}.ai-fab{position:fixed;bottom:100px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 14px #8b5cf666;z-index:999;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ai-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #8b5cf699}.ai-fab:active{transform:scale(.95)}.ai-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ai-drawer.hidden{transform:translate(100%)}.ai-drawer-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#faf5ff,#f5f3ff);flex-shrink:0}.ai-drawer-header h3{margin:0;color:#1e293b}.ai-drawer-header button{background:none;border:none;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.ai-drawer-header button:hover{background-color:#0000000d}.ai-drawer-content{flex:1;overflow-y:auto;padding:16px}.ai-drawer-footer{padding:16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background:#fff}.ai-suggestion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.ai-suggestion-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.suggestion-type{font-size:12px;color:#6366f1;font-weight:600}.suggestion-impact{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.suggestion-impact.high{background:#fee2e2;color:#991b1b}.suggestion-impact.medium{background:#fef3c7;color:#92400e}.suggestion-impact.low{background:#d1fae5;color:#065f46}.suggestion-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:8px}.suggestion-description{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:12px}.suggestion-metrics{display:flex;flex-direction:column;gap:6px}.suggestion-metrics span{font-size:12px;color:#475569;display:flex;align-items:center;gap:6px}.suggestion-classification{margin-bottom:8px}.classification-badge{display:inline-block;font-size:11px;padding:4px 10px;border-radius:12px;background:#ede9fe;color:#6b21a8;font-weight:600}.suggestion-section{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.section-title{font-size:12px;font-weight:600;color:#334155;margin-bottom:6px}.section-list{margin:0;padding-left:20px;list-style:disc}.section-list li{font-size:12px;color:#64748b;line-height:1.6;margin-bottom:4px}.risks-list li{color:#dc2626;list-style:none;position:relative;padding-left:0}.risks-list li:before{content:"⚠️ ";margin-right:4px}.mitigators-list li{color:#16a34a;list-style:none;position:relative;padding-left:0}.mitigators-list li:before{content:"✅ ";margin-right:4px}.ai-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}.ai-empty-state{text-align:center;padding:40px 20px}.ai-empty-state svg{margin-bottom:16px}@media (max-width: 640px){.ai-drawer{width:100%}.ai-fab{bottom:80px;right:16px}}[data-theme=dark]{--color-slate-50: 222 47% 11%;--color-slate-100: 217 33% 17%;--color-slate-200: 215 25% 27%;--color-slate-300: 215 19% 35%;--color-slate-400: 215 16% 47%;--color-slate-500: 215 20% 65%;--color-slate-600: 213 27% 84%;--color-slate-700: 214 32% 91%;--color-slate-800: 210 40% 96%;--color-slate-900: 210 40% 98%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3);--gradient-mesh: radial-gradient(at 0% 0%, hsla(239, 68%, 68%, .15) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(45, 93%, 47%, .15) 0px, transparent 50%), radial-gradient(at 100% 100%, hsla(142, 71%, 45%, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(0, 72%, 51%, .15) 0px, transparent 50%)}*{box-sizing:border-box}body{font-family:var(--font-family-base);overscroll-behavior:none;padding-bottom:200px;background:hsl(var(--color-slate-100));color:hsl(var(--color-slate-800));transition:background-color var(--transition-slow),color var(--transition-slow);position:relative;display:flex;flex-direction:column;min-height:100vh}#app-shell{flex:1;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh);pointer-events:none;z-index:0;opacity:.5}body>*{position:relative;z-index:1}html{scroll-behavior:smooth}.node,.link,.hull{will-change:transform,opacity}button,input,select,[role=button]{transition:all var(--transition-base)}button:hover:not(:disabled),[role=button]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.05)}button:active:not(:disabled),[role=button]:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-md)}button:disabled{opacity:.5;cursor:not-allowed}input:focus,select:focus,button:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 3px hsla(var(--color-primary-500) / .1)}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:var(--transition-base);transition-timing-function:var(--ease-in-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 10px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-fade-in-scale{animation:fadeInScale var(--transition-base) var(--ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-up{animation:slideUp var(--transition-base) var(--ease-out)}.animate-slide-in-right{animation:slideInRight .5s var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft .5s var(--ease-out) forwards}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.node circle{cursor:pointer;stroke-width:2.5px;transition:all .2s ease-in-out}.node circle:hover{stroke-width:4px;filter:brightness(1.1)}.node text{font-size:14px;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none;transition:opacity .2s ease-in-out}.node.open-position circle{stroke-dasharray:6,4;stroke-width:3px;stroke-opacity:.8}.node.non-match circle{fill:#e2e8f0!important;stroke:#cbd5e1}.node.non-match text{fill:#94a3b8;stroke:none!important}.link{fill:none;stroke:#cbd5e1;transition:stroke-width .2s ease-in-out,stroke .2s ease-in-out}.link:hover{stroke:#94a3b8;stroke-width:3px}.selected circle{stroke:#4f46e5!important;stroke-width:5px!important}.highlight circle{stroke:#f59e0b!important;stroke-width:5px!important}.node.diff-current circle{stroke-width:6px!important;animation:diff-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}@keyframes diff-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.6}}.highlight text,.selected text{font-weight:700}.dragging{cursor:grabbing}.dragging-source{opacity:.4}.dragging-ghost{opacity:.8;pointer-events:none}.drop-target circle{stroke:#16a34a!important;stroke-width:5px!important}.invalid-drop-target circle{stroke:#dc2626!important;stroke-width:5px!important}#chart-container:fullscreen{background-color:#f8fafc}.hull{fill:#e5e7eb;stroke:#9ca3af;stroke-width:1.5px;stroke-linejoin:round;opacity:.5;cursor:pointer}#tooltip{position:absolute;visibility:hidden;background-color:#000000f2;color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);font-size:var(--font-size-xs);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);opacity:0;z-index:var(--z-tooltip);box-shadow:var(--shadow-xl);max-width:300px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#tooltip.visible{visibility:visible;opacity:1;transform:translateY(-8px)}.panel-minimized{width:48px!important;min-width:48px!important;overflow:hidden}.panel-minimized>div{visibility:hidden}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.metric-card:hover:before{left:100%}.metric-card p:last-child{font-feature-settings:"tnum";letter-spacing:-.02em}#toggle-metrics-btn.collapsed svg{transform:rotate(180deg)}#toggle-metrics-btn svg{transition:transform var(--transition-base)}#global-metrics-dashboard{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--transition-base),opacity var(--transition-base);overflow:hidden}#global-metrics-dashboard.collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}#global-metrics-dashboard>div{min-height:0}.skeleton{background:linear-gradient(90deg,hsl(var(--color-slate-200)),hsl(var(--color-slate-100)),hsl(var(--color-slate-200)));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-base)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-card{height:120px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base)}.loading-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.loading-spinner{width:48px;height:48px;border:4px solid hsl(var(--color-slate-200));border-top-color:hsl(var(--color-primary-500));border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:var(--space-4);color:hsl(var(--color-slate-600));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}button{position:relative;overflow:hidden}button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:after{width:300px;height:300px}input,select{transition:all var(--transition-base);border:2px solid transparent}input:focus,select:focus{border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1);transform:translateY(-1px)}.side-panel{transition:transform var(--transition-base),opacity var(--transition-base)}.side-panel.hidden{transform:translate(-100%);opacity:0}.metric-card{transition:all var(--transition-base)}.metric-card:hover{transform:translateY(-4px)}#tooltip{transform-origin:bottom center}#tooltip.visible{animation:tooltipIn .2s var(--ease-out) forwards}@keyframes tooltipIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(-8px) scale(1)}}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:hsl(var(--color-success-500));animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 hsl(var(--color-success-500) / .7)}50%{opacity:.7;box-shadow:0 0 0 8px hsl(var(--color-success-500) / 0)}}.stagger-item{opacity:0;animation:fadeIn var(--transition-base) var(--ease-out) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(n+6){animation-delay:.25s}@keyframes successFlash{0%,to{background-color:transparent}50%{background-color:hsl(var(--color-success-100))}}@keyframes errorFlash{0%,to{background-color:transparent}50%{background-color:hsl(var(--color-error-100))}}.flash-success{animation:successFlash .6s ease-in-out}.flash-error{animation:errorFlash .6s ease-in-out}.modal-overlay{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.modal-overlay.entering{animation:fadeIn .3s ease-in-out}.modal-overlay.leaving{animation:fadeOut .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}#context-menu{position:absolute;z-index:20;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:8px 0}#context-menu button{display:block;width:100%;text-align:left;padding:8px 16px;font-size:14px}#context-menu button:hover{background-color:#f3f4f6}#history-panel{transition:height .3s ease-in-out}#history-panel.collapsed{height:48px;overflow:hidden}#history-panel.collapsed #history-list,#history-panel.collapsed #talent-pool-list{display:none}.bottom-tab-btn{padding:4px 12px;font-size:14px;font-weight:500;border-radius:6px;color:#475569;background-color:transparent;transition:all .2s}.bottom-tab-btn.active{color:#3b82f6;background-color:#e0e7ff}.bottom-tab-btn:not(.active):hover{background-color:#e2e8f0}.badge{display:inline-block;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;border-radius:9999px;background-color:#94a3b8;color:#fff}.bottom-tab-btn.active .badge{background-color:#3b82f6}.bottom-tab-content{display:none;height:calc(100% - 49px);position:relative;flex-direction:column}.bottom-tab-content.active{display:flex}#talent-pool-list li{cursor:grab;padding:6px 8px;border-bottom:1px solid #f1f5f9;font-size:12px}#talent-pool-list li:hover{background-color:#f8fafc}#talent-pool-list li.dragging{opacity:.5;background-color:#dbeafe}.area-tab-pane.hidden,.details-tab-pane.hidden{display:none}@media (min-width: 2560px){#app-shell{max-width:95vw!important}#metrics-bar{min-width:600px}#chart-container{min-width:800px}}.sync-indicator{font-size:11px;font-weight:600;letter-spacing:.3px}.sync-indicator.text-blue-600 .sync-icon.animate-spin{animation:spin-auth 1s linear infinite}@keyframes spin-auth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#user-dropdown{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#snapshot-modal-overlay .bg-white{max-height:90vh;overflow-y:auto}#snapshot-tags-container span{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#snapshots-list>div:hover{box-shadow:0 2px 8px #0000001a}#snapshots-list .text-center svg{vertical-align:middle}#snapshots-list button svg{display:block;margin:0 auto}#snapshots-list button{transition:all .2s ease}#snapshots-list button:hover{transform:translateY(-1px)}#snapshots-list button:active{transform:translateY(0)}@media (max-width: 640px){#snapshots-list .grid-cols-4{grid-template-columns:repeat(2,1fr)}}.dropdown-menu{background:#fff;border:1px solid hsl(var(--color-slate-200));border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown)}#bulk-actions-dropdown{background:#fff;z-index:1100}.snapshot-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}#snapshots-list{transition:all var(--transition-base)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge-animate{animation:fadeInScale .3s var(--ease-out)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.version-card-item{position:relative;transition:all .3s var(--ease-out)}.version-card-item.border-blue-500{background:linear-gradient(to bottom right,#7678e508,#fff)}.version-card-item.border-blue-500:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#7678e5,#5048e5);border-radius:.5rem .5rem 0 0}.version-compare-checkbox{cursor:pointer;transition:all .2s ease}.version-compare-checkbox:hover{transform:scale(1.1)}.version-compare-checkbox:focus{outline:none;box-shadow:0 0 0 3px #7678e533}