:root{--font-display: "Sora", "IBM Plex Sans", "Segoe UI", sans-serif;--font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;--font-size-base: .9375rem;--font-size-sm: .8125rem;--line-height-base: 1.5;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--space-3xl: 3.5rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .08);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .08);--shadow-md: 0 8px 16px rgba(15, 23, 42, .12);--shadow-lg: 0 16px 28px rgba(15, 23, 42, .18);--shadow-xl: 0 24px 40px rgba(15, 23, 42, .24);--shadow-2xl: 0 32px 56px rgba(15, 23, 42, .32);--transition-fast: .12s cubic-bezier(.2, 0, 0, 1);--transition-normal: .18s cubic-bezier(.2, 0, 0, 1);--transition-smooth: .28s cubic-bezier(.2, 0, 0, 1);--topbar-height: 72px;--sidebar-width: 260px;--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--glass-panel: var(--surface-glass);--glass-border: var(--border-glass);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--shadow-glow-sm: 0 0 10px rgba(47, 111, 235, .15);--shadow-glow-md: 0 0 20px rgba(47, 111, 235, .2);--shadow-glow-lg: 0 0 30px rgba(47, 111, 235, .25);--shadow-glow-success: 0 0 15px rgba(34, 197, 94, .25);--shadow-glow-warning: 0 0 15px rgba(245, 158, 11, .25);--shadow-glow-error: 0 0 15px rgba(239, 68, 68, .25);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--chart-excellent: #22c55e;--chart-good: #3b82f6;--chart-warning: #f59e0b;--chart-poor: #ef4444}[data-theme=dark]{--color-bg-primary: #0b1020;--color-bg-secondary: #111827;--color-bg-tertiary: #1f2937;--surface-glass: rgba(17, 24, 39, .82);--surface-glass-heavy: rgba(17, 24, 39, .95);--surface-glass-light: rgba(30, 41, 59, .55);--surface-elevated: rgba(20, 28, 45, .96);--border-glass: rgba(148, 163, 184, .18);--border-glass-light: rgba(148, 163, 184, .28);--highlight-glass: rgba(255, 255, 255, .04);--color-accent-primary: #2f6feb;--color-accent-secondary: #0ea5a7;--color-accent-cyan: #22d3ee;--color-accent-warning: #f59e0b;--color-accent-danger: #ef4444;--color-accent-success: #22c55e;--color-accent-error: #ef4444;--color-accent-glow: rgba(47, 111, 235, .2);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--gradient-main: linear-gradient(140deg, #0f172a 0%, #0b1020 100%);--gradient-card: linear-gradient(180deg, rgba(30, 41, 59, .6) 0%, rgba(15, 23, 42, .6) 100%);--gradient-glow: linear-gradient(45deg, #2f6feb, #0ea5a7);--gradient-text: linear-gradient(90deg, #cfe1ff, #7cefe9);--gradient-success: linear-gradient(90deg, #16a34a, #22c55e);--gradient-warning: linear-gradient(90deg, #f59e0b, #fbbf24);--gradient-danger: linear-gradient(90deg, #ef4444, #f97316);--gradient-primary: linear-gradient(135deg, #2f6feb 0%, #0ea5a7 100%);--glow-sm: 0 0 6px rgba(47, 111, 235, .18);--glow-md: 0 0 12px rgba(47, 111, 235, .28);--neon-blue: var(--color-accent-primary);--neon-cyan: var(--color-accent-secondary);--neon-green: var(--color-accent-success);--neon-yellow: var(--color-accent-warning);--neon-red: var(--color-accent-danger);--neon-purple: #1d4ed8;--color-success: var(--color-accent-success);--color-warning: var(--color-accent-warning);--color-error: var(--color-accent-danger);--surface-sleek: rgba(17, 24, 39, .6);--surface-sleek-hover: rgba(30, 41, 59, .7);--app-bg: radial-gradient(circle at 12% 18%, rgba(47, 111, 235, .18), transparent 45%), radial-gradient(circle at 88% 8%, rgba(14, 165, 167, .14), transparent 40%), linear-gradient(180deg, rgba(255, 255, 255, .02), transparent 40%), linear-gradient(90deg, rgba(148, 163, 184, .05) 1px, transparent 1px), linear-gradient(180deg, rgba(148, 163, 184, .05) 1px, transparent 1px)}[data-theme=light]{--color-bg-primary: #f5f7fb;--color-bg-secondary: #ffffff;--color-bg-tertiary: #eef2f7;--surface-glass: rgba(255, 255, 255, .92);--surface-glass-heavy: rgba(255, 255, 255, .98);--surface-glass-light: rgba(248, 250, 252, .8);--surface-elevated: rgba(255, 255, 255, .98);--border-glass: rgba(15, 23, 42, .1);--border-glass-light: rgba(15, 23, 42, .16);--highlight-glass: rgba(15, 23, 42, .04);--color-accent-primary: #2f6feb;--color-accent-secondary: #0ea5a7;--color-accent-cyan: #0ea5e9;--color-accent-warning: #d97706;--color-accent-danger: #dc2626;--color-accent-success: #16a34a;--color-accent-error: #dc2626;--color-accent-glow: rgba(47, 111, 235, .16);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--gradient-main: linear-gradient(140deg, #f8fafc 0%, #eef2f7 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .95) 100%);--gradient-glow: linear-gradient(45deg, #2f6feb, #0ea5a7);--gradient-text: linear-gradient(90deg, #1d4ed8, #0ea5a7);--gradient-success: linear-gradient(90deg, #16a34a, #22c55e);--gradient-warning: linear-gradient(90deg, #d97706, #f59e0b);--gradient-danger: linear-gradient(90deg, #dc2626, #f97316);--gradient-primary: linear-gradient(135deg, #2f6feb 0%, #0ea5a7 100%);--glow-sm: 0 1px 3px rgba(15, 23, 42, .08);--glow-md: 0 4px 10px rgba(15, 23, 42, .12);--glow-lg: 0 0 20px rgba(47, 111, 235, .15);--surface-sleek: rgba(255, 255, 255, .75);--surface-sleek-hover: rgba(255, 255, 255, .85);--neon-blue: var(--color-accent-primary);--neon-cyan: var(--color-accent-secondary);--neon-green: var(--color-accent-success);--neon-yellow: var(--color-accent-warning);--neon-red: var(--color-accent-danger);--neon-purple: #1d4ed8;--color-success: var(--color-accent-success);--color-warning: var(--color-accent-warning);--color-error: var(--color-accent-danger);--app-bg: radial-gradient(circle at 12% 15%, rgba(47, 111, 235, .1), transparent 45%), radial-gradient(circle at 88% 10%, rgba(14, 165, 167, .1), transparent 40%), linear-gradient(180deg, rgba(15, 23, 42, .02), transparent 40%), linear-gradient(90deg, rgba(148, 163, 184, .12) 1px, transparent 1px), linear-gradient(180deg, rgba(148, 163, 184, .12) 1px, transparent 1px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-bg-primary);background-image:var(--app-bg);background-size:auto,auto,auto,64px 64px,64px 64px;background-attachment:fixed;color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-smooth),color var(--transition-smooth)}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--color-accent-primary);color:#fff}[data-theme=light] ::selection{background:var(--color-accent-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:2.25rem;line-height:1.15}h2{font-size:1.75rem;line-height:1.2}h3{font-size:1.35rem;line-height:1.3}h4{font-size:1.1rem}:focus-visible{outline:2px solid rgba(47,111,235,.6);outline-offset:2px}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md)}.glass-card{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.glass-card:hover{transform:translateY(-2px);border-color:var(--border-glass-light);box-shadow:var(--shadow-lg)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px rgba(47,111,235,.2)}input,select,textarea{background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--color-text-primary);border-radius:var(--radius-md);padding:.65rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:#2f6feb99;box-shadow:0 0 0 2px #2f6feb1f;background:var(--surface-glass-heavy)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#2f6feb80;border-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:fadeIn .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #2f6feb1f}50%{box-shadow:0 0 16px #2f6feb33}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}50%{opacity:.35}to{transform:translateY(200%);opacity:0}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse-glow 3s infinite}.glass-depth{background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:inset 0 1px #ffffff14,var(--shadow-md);border:1px solid var(--border-glass-light);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.holo-card{position:relative;overflow:hidden;transition:all .3s ease}.holo-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-secondary),transparent);transform:translateY(-100%);opacity:0;transition:opacity .3s}.holo-card:hover:after{opacity:.6;animation:scan-line 2s linear infinite}.glow-purple{background:#2f6feb1a;color:var(--color-accent-primary);box-shadow:0 0 15px #2f6feb33}.glow-teal{background:#0ea5a71a;color:var(--color-accent-secondary);box-shadow:0 0 15px #0ea5a733}.glow-cyan{background:#22c55e1a;color:var(--color-success);box-shadow:0 0 15px #22c55e33}.icon-box{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid transparent}.icon-box:hover{transform:scale(1.05);border-color:currentColor}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-success)}.glass-card-elevated{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass-light);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md),inset 0 1px #ffffff0d;transition:all .4s var(--ease-smooth-out)}.glass-card-elevated:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.glass-card-elevated:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow-sm)}.data-highlight{background:linear-gradient(135deg,#2f6feb14,#0ea5a70d);border:1px solid rgba(47,111,235,.15);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);position:relative}.data-highlight:after{content:"";position:absolute;top:50%;left:0;width:3px;height:60%;transform:translateY(-50%);background:linear-gradient(180deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ambient-glow{position:relative}.ambient-glow:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(47,111,235,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent);margin:var(--space-lg) 0}.metric-value-lg{font-size:2.5rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.03em;line-height:1;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-value-md{font-size:1.75rem;font-weight:600;font-family:var(--font-display);letter-spacing:-.02em}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge-success{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.status-badge-warning{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.status-badge-error{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.status-badge-info{background:#2f6feb1f;color:var(--color-accent-primary);border:1px solid rgba(47,111,235,.2)}.count-up{display:inline-block;animation:countPop .6s var(--ease-spring)}@keyframes countPop{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b26,#f973161a);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-full);color:var(--color-warning);font-size:.8rem;font-weight:600}.streak-badge svg{animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.ai-powered-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(90deg,#2f6feb1a,#0ea5a71a);border:1px solid rgba(47,111,235,.2);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.ai-powered-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent-primary);animation:pulse 2s ease-in-out infinite}.ai-powered-tag.fallback{background:#94a3b81f;border-color:#94a3b84d;color:var(--color-text-muted)}.ai-powered-tag.fallback:before{background:var(--color-text-muted)}.ring-glow-excellent{filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.ring-glow-good{filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.ring-glow-warning{filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.ring-glow-poor{filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.bento-cell{animation:bentoEnter .5s var(--ease-smooth-out) backwards}.bento-cell:nth-child(1){animation-delay:.05s}.bento-cell:nth-child(2){animation-delay:.1s}.bento-cell:nth-child(3){animation-delay:.15s}.bento-cell:nth-child(4){animation-delay:.2s}.bento-cell:nth-child(5){animation-delay:.25s}.bento-cell:nth-child(6){animation-delay:.3s}.bento-cell:nth-child(7){animation-delay:.35s}@keyframes bentoEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-accent-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #2f6feb66}50%{box-shadow:0 0 0 6px #2f6feb00}}:root{--anim-duration-fast: .15s;--anim-duration-normal: .3s;--anim-duration-slow: .5s;--anim-easing: cubic-bezier(.4, 0, .2, 1);--anim-bounce: cubic-bezier(.68, -.55, .265, 1.55);--anim-smooth: cubic-bezier(.25, .46, .45, .94)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.page-enter{animation:pageEnter var(--anim-duration-slow) var(--anim-smooth) forwards}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stagger-enter>*{opacity:0;animation:staggerFadeIn var(--anim-duration-normal) var(--anim-smooth) forwards}.stagger-enter>*:nth-child(1){animation-delay:0ms}.stagger-enter>*:nth-child(2){animation-delay:50ms}.stagger-enter>*:nth-child(3){animation-delay:.1s}.stagger-enter>*:nth-child(4){animation-delay:.15s}.stagger-enter>*:nth-child(5){animation-delay:.2s}.stagger-enter>*:nth-child(6){animation-delay:.25s}.stagger-enter>*:nth-child(7){animation-delay:.3s}.stagger-enter>*:nth-child(8){animation-delay:.35s}@keyframes cardHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}to{transform:translateY(-4px) scale(1.01)}}@keyframes cardPress{0%{transform:scale(1)}to{transform:scale(.98)}}.card-interactive{transition:all var(--anim-duration-normal) var(--anim-easing)}.card-interactive:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.card-interactive:active{transform:scale(.98);transition-duration:.1s}@keyframes buttonRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.btn-ripple:active:after{animation:buttonRipple .6s ease-out}.btn-press{transition:transform var(--anim-duration-fast) var(--anim-easing)}.btn-press:active{transform:scale(.95)}.skeleton{background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-glass);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.success-pop{animation:successPop .4s var(--anim-bounce)}@keyframes notificationSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notificationPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}.notification-enter{animation:notificationSlide .3s var(--anim-smooth)}.notification-pulse{animation:notificationPulse 2s infinite}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}@keyframes modalContent{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes tooltipFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip{animation:tooltipFade .15s var(--anim-easing)}@keyframes progressGrow{0%{width:0}}@keyframes progressGlow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 15px #3b82f699}}.progress-animated{animation:progressGrow 1s var(--anim-smooth)}.progress-glow{animation:progressGlow 2s ease-in-out infinite}.hover-glow{transition:box-shadow var(--anim-duration-normal) var(--anim-easing)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.hover-lift{transition:transform var(--anim-duration-normal) var(--anim-easing)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--anim-duration-fast) var(--anim-easing)}.hover-scale:hover{transform:scale(1.05)}@keyframes focusRing{0%{box-shadow:0 0 #3b82f666}to{box-shadow:0 0 0 4px #3b82f61a}}.focus-ring:focus{outline:none;animation:focusRing .3s ease forwards}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.count-animated{animation:countUp .5s var(--anim-smooth)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1024px){:root{--topbar-height: 64px}}@media(max-width:768px){.goals-grid.cards,.badges-grid,.template-grid,.featured-grid,.escalation-types{grid-template-columns:1fr}.goals-stats,.quick-stats,.month-stats{flex-wrap:wrap}.stat-card,.quick-stat{flex:1 1 45%;min-width:100px}.document-card,.leaderboard-row{flex-direction:column;align-items:flex-start}.doc-meta{flex-direction:row;width:100%;justify-content:space-between}.form-row{flex-direction:column}.form-group{width:100%}.modal-content{width:calc(100% - 32px);max-height:90vh;margin:16px}.filter-divider{display:none}.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:50px;padding:var(--space-xs)}.day-events,.shift-indicator{display:none}.chat-interface{height:calc(100vh - 200px)}.recognition-header{flex-direction:column}}@media(max-width:480px){:root{--space-xs: .375rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem}h1,.topbar-title{font-size:1.25rem}h2,.section-title{font-size:1rem}.btn{width:100%;justify-content:center}.step-actions,.modal-actions,.form-actions,.goal-detail-actions{flex-direction:column}.goal-card,.document-card,.recognition-card{padding:var(--space-md)}.stat-card,.quick-stat{flex:1 1 100%}.messaging-widget{width:100%;height:100%;bottom:0;right:0;border-radius:0}.notification-dropdown{position:fixed;top:60px;left:8px;right:8px;width:auto}}@media(max-height:500px)and (orientation:landscape){.sidebar{position:fixed;height:100vh;overflow-y:auto}.chat-interface{height:50vh}.modal-content{max-height:95vh}}@media(hover:none)and (pointer:coarse){.btn,.filter-btn,.nav-item,.topbar-button,.theme-btn,.view-btn{min-height:44px;min-width:44px}.card-interactive:hover,.goal-card:hover,.document-card:hover{transform:none}.btn:active,.nav-item:active,.goal-card:active,.document-card:active{transform:scale(.98);opacity:.9}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.glass-card,.glass-panel,.sidebar,.topbar{border-width:.5px}}@media print{.sidebar,.topbar,.messaging-widget,.notification-dropdown,.btn,.filter-group,.view-toggle{display:none!important}.layout-main{margin:0}.main-content{padding:0}body{background:#fff;color:#000}.glass-card,.glass-panel{background:#fff;border:1px solid #ddd;box-shadow:none}}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.icon path,.icon circle,.icon line,.icon polyline,.icon rect{vector-effect:non-scaling-stroke}.sidebar{position:fixed;top:var(--space-md);left:var(--space-md);width:var(--sidebar-width);height:calc(100vh - 2 * var(--space-md));background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:100;transition:all var(--transition-smooth);box-shadow:var(--shadow-lg)}.sidebar-close{display:none;position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.sidebar-close:hover{background:#ef44441a;border-color:#ef444459;color:#ef4444}.sidebar-header{padding:var(--space-lg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-glass)}.sidebar-logo{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(15,23,42,.2))}.sidebar-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-item:hover{background:#2f6feb14;color:var(--color-text-primary);border:1px solid rgba(47,111,235,.18)}.nav-item.active{background:linear-gradient(90deg,rgba(47,111,235,.16),transparent);color:var(--color-accent-primary);border-left:3px solid var(--color-accent-primary);font-weight:600}.nav-item.active .nav-icon{background:var(--color-accent-primary);color:#fff;box-shadow:0 6px 16px #2f6feb40}.nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-glass-light);border-radius:var(--radius-sm);transition:all var(--transition-normal);color:var(--color-text-muted);flex-shrink:0}.nav-item:hover .nav-icon{background:#2f6feb29;color:var(--color-accent-primary);transform:scale(1.05)}.nav-content{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-label{font-size:.95rem;font-weight:500;letter-spacing:.01em}.nav-description{font-size:.75rem;color:var(--color-text-muted)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-glass);background:var(--surface-glass-light);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.user-profile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.user-profile:hover{background:var(--surface-glass)}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2f6feb,#0ea5a7);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 8px 18px #2f6feb40;border:2px solid rgba(255,255,255,.1)}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.user-role{font-size:.75rem;color:var(--color-accent-secondary)}.logout-button{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.logout-button:hover{background:#ef44441a;border-color:#ef444459;color:#ef4444}.logout-button:active{transform:scale(.95)}@media(max-width:1024px){.sidebar{width:280px;left:0;top:0;height:100vh;border-radius:0 var(--radius-lg) var(--radius-lg) 0;transform:translate(-100%);z-index:999}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}.sidebar-footer{border-radius:0}}@media(max-width:768px){.sidebar{width:100%;max-width:300px}.nav-item{padding:var(--space-lg) var(--space-md)}.nav-icon{width:40px;height:40px}.nav-label{font-size:1rem}.nav-description{font-size:.8rem}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:var(--surface-glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-glass)}.dropdown-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.unread-count{font-size:.75rem;padding:2px 8px;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full)}.dropdown-filters{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-glass);overflow-x:auto}.dropdown-filters .filter-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.dropdown-filters .filter-btn:hover{border-color:var(--border-glass-light);color:var(--color-text-secondary)}.dropdown-filters .filter-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.dropdown-content{flex:1;overflow-y:auto;max-height:320px}.notification-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);position:relative}.notification-item:hover{background:var(--surface-glass-light)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:hover{background:#3b82f61a}.notif-icon{font-size:1.25rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border-radius:var(--radius-md)}.notif-content{flex:1;min-width:0}.notif-title{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.notif-message{font-size:.813rem;color:var(--color-text-secondary);line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{font-size:.75rem;color:var(--color-text-muted)}.unread-dot{position:absolute;top:50%;right:var(--space-lg);transform:translateY(-50%);width:8px;height:8px;background:var(--color-accent-primary);border-radius:50%}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted)}.empty-icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:.5}.dropdown-footer{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-glass)}.dropdown-footer button{background:transparent;border:none;color:var(--color-text-secondary);font-size:.813rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dropdown-footer button:hover:not(:disabled){color:var(--color-accent-primary);background:var(--surface-glass-light)}.dropdown-footer button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.notification-dropdown{position:fixed;top:60px;left:var(--space-md);right:var(--space-md);width:auto}}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);padding-left:calc(var(--sidebar-width) + var(--space-xl));z-index:99;transition:all var(--transition-smooth);background:var(--surface-glass-heavy);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:var(--space-md)}.topbar-titles{display:flex;flex-direction:column;justify-content:center}.topbar-title{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.topbar-subtitle{font-size:.8rem;color:var(--color-text-muted);margin:0}.mobile-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.mobile-menu-btn:hover{background:var(--surface-glass);color:var(--color-accent-primary);border-color:#2f6feb59}.topbar-right{display:flex;align-items:center;gap:var(--space-lg)}.topbar-search-btn{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-glass-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:.45rem .9rem;transition:all var(--transition-fast);cursor:pointer;color:var(--color-text-muted);min-width:220px}[data-theme=light] .topbar-search-btn{background:#fffc!important;border-color:#0000001a;box-shadow:0 2px 5px #0000000d}.topbar-search-btn:hover{border-color:#2f6feb66;box-shadow:0 8px 18px #0f172a2e;background:var(--surface-glass);color:var(--color-text-primary)}.topbar-search-btn svg{flex-shrink:0}.search-placeholder{flex:1;font-size:.8rem;text-align:left}.search-shortcut{font-size:.65rem;padding:2px 6px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);opacity:.7}.topbar-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:all var(--transition-fast)}.topbar-button:hover{background:#2f6feb1a;color:var(--color-accent-primary);border-color:#2f6feb59;box-shadow:0 10px 18px #0f172a33;transform:translateY(-1px)}.notification-badge{position:absolute;top:0;right:0;width:18px;height:18px;background:var(--color-accent-error, #ef4444);border:2px solid var(--color-bg-primary);border-radius:50%;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef444466}.notification-container{position:relative}.topbar-button.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}@media(max-width:1024px){.topbar{padding-left:var(--space-md);height:64px}.mobile-menu-btn{display:flex}.topbar-search{width:200px}.topbar-title{font-size:1.15rem}.theme-btn-label{display:none}.theme-btn{min-width:32px;padding:0}}@media(max-width:768px){.topbar{padding:0 var(--space-sm);height:64px}.topbar-right{gap:var(--space-sm)}.topbar-search-btn{display:none}.settings-btn{display:flex}.topbar-title{font-size:1rem}.topbar-subtitle{display:none}.topbar-button,.mobile-menu-btn{width:38px;height:38px}}@media(max-width:480px){.topbar-title{font-size:.95rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.search-modal-overlay{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:640px;background:var(--surface-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .search-modal{background:#fffffffa;box-shadow:var(--shadow-lg)}.search-input-container{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-glass)}.search-input-container svg{color:var(--color-text-muted);flex-shrink:0}.search-input-container input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--color-text-primary)}.search-input-container input::placeholder{color:var(--color-text-muted)}.escape-hint{font-size:.65rem;padding:4px 8px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono, monospace)}.search-results{max-height:400px;overflow-y:auto;padding:var(--space-sm)}.results-category{padding:var(--space-sm) var(--space-md)}.category-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.search-result-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.search-result-item:hover,.search-result-item.selected,[data-theme=light] .search-result-item:hover,[data-theme=light] .search-result-item.selected{background:#2f6feb14}.result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border-radius:var(--radius-md);font-size:1.1rem;flex-shrink:0}.result-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-title{font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subtitle{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-type{font-size:.65rem;padding:4px 8px;background:var(--surface-glass);border-radius:var(--radius-sm);color:var(--color-text-muted);text-transform:capitalize;flex-shrink:0}.no-results{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.no-results-icon{font-size:2rem;display:block;margin-bottom:var(--space-md)}.no-results p{margin:0}.search-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-md);border-top:1px solid var(--border-glass);font-size:.7rem;color:var(--color-text-muted)}.search-footer kbd{padding:2px 6px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xs);font-family:var(--font-mono, monospace);font-size:.65rem}@media(max-width:768px){.search-modal-overlay{padding:var(--space-md);padding-top:10vh}.search-modal{max-height:80vh}.search-footer{display:none}.search-input-container{padding:var(--space-md)}.search-input-container input{font-size:1rem}}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;margin-left:var(--sidebar-width);padding:calc(var(--topbar-height) + var(--space-lg)) var(--space-xl) var(--space-2xl);min-height:100vh;overflow-x:hidden}.sidebar-overlay{display:none;position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface-glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);z-index:900;padding:0 var(--space-sm);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);text-decoration:none;font-size:.625rem;font-weight:500;padding:var(--space-xs);transition:all var(--transition-fast)}.bottom-nav-item:hover,.bottom-nav-item:active{color:var(--color-accent-primary)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item span{max-width:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-item.active{color:var(--color-accent-primary)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 8px rgba(47,111,235,.35))}@media(max-width:1024px){.sidebar-overlay{display:block}.main-content{margin-left:0;padding:calc(var(--topbar-height) + var(--space-md)) var(--space-lg) var(--space-xl)}}@media(max-width:768px){.main-content{margin-left:0;padding:calc(var(--topbar-height) + var(--space-md)) var(--space-md) calc(64px + var(--space-md))}.mobile-bottom-nav{display:flex}}@media(max-width:480px){.main-content{padding:calc(var(--topbar-height) + var(--space-sm)) var(--space-sm) calc(64px + var(--space-sm))}.bottom-nav-item{font-size:.5625rem}.bottom-nav-item svg{width:20px;height:20px}}.login-page{--mouse-x: 50%;--mouse-y: 50%;--login-accent: var(--color-accent-primary);--login-accent-2: var(--color-accent-secondary);position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-text-primary);background:var(--gradient-main)}.ambient-void{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6}.void-grid{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(47,111,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,167,.1) 1px,transparent 1px);background-size:70px 70px;transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px);animation:grid-move 24s linear infinite;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 70%)}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(70px) translateZ(-200px)}}.void-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(47,111,235,.18) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(14,165,167,.16) 0%,transparent 55%);animation:glow-pulse 10s ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.45}to{opacity:.75}}.star-field{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px);background-size:60px 60px,110px 110px;background-position:0 0,20px 20px;opacity:.12;animation:star-drift 120s linear infinite}@keyframes star-drift{0%{background-position:0 0,20px 20px}to{background-position:1000px 1000px,1020px 1020px}}.login-content-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:480px;padding:var(--space-2xl)}@media(max-width:900px){.login-content-wrapper{padding:var(--space-lg)}}.login-card{position:relative;width:100%;background:var(--surface-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-xl);overflow:hidden;animation:card-enter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.08),transparent 45%);z-index:0;pointer-events:none}.holo-border{position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#ffffff0d,#2f6feb40 40%,#0ea5a740 60%,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;opacity:.5}.login-header{position:relative;z-index:2;text-align:center;margin-bottom:var(--space-xl)}.logo-wrapper{position:relative;display:inline-block;margin-bottom:var(--space-md)}.login-logo-image{height:56px;width:auto;position:relative;z-index:2;filter:drop-shadow(0 8px 18px rgba(15,23,42,.2))}.logo-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;background:radial-gradient(circle,rgba(47,111,235,.3) 0%,transparent 70%);filter:blur(24px);z-index:1;animation:pulse-logo 4s infinite ease-in-out}@keyframes pulse-logo{0%,to{opacity:.5}50%{opacity:.8}}.login-badge-container{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.login-badge{background:#0ea5a71f;border:1px solid rgba(14,165,167,.35);color:var(--login-accent-2);font-size:.7rem;letter-spacing:.08em;padding:.3rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;font-weight:600}.pulse-dot{width:6px;height:6px;background-color:var(--login-accent-2);border-radius:50%;box-shadow:0 0 8px #0ea5a766;animation:blink 2.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.glitch-text{font-size:1.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;letter-spacing:-.02em}.subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0;font-weight:400}.login-form{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-lg)}.tech-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.tech-input-group label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;margin-left:var(--space-xs);letter-spacing:.02em}.tech-input-wrapper{position:relative;display:flex;align-items:center;padding:0 var(--space-xs);transition:all .3s ease}.tech-bracket{color:#94a3b866;font-family:var(--font-mono);font-size:1.2rem;font-weight:400;transition:all .3s ease;-webkit-user-select:none;user-select:none}.tech-input-wrapper:focus-within .tech-bracket{color:var(--login-accent-2)}.tech-input-wrapper:focus-within .tech-bracket.left{transform:translate(-4px)}.tech-input-wrapper:focus-within .tech-bracket.right{transform:translate(4px)}.login-page input,.login-page .tech-input-wrapper input,.login-page select,.login-page .tech-input-wrapper select{background:transparent;color:var(--color-text-primary);border:none;box-shadow:none}.tech-input-wrapper input{flex:1;border:none;font-family:var(--font-sans);padding:.6rem .5rem;font-size:.95rem;min-width:0;border-bottom:1px solid var(--border-glass);border-radius:4px;transition:border-color .3s ease,background .3s ease}.tech-input-wrapper input:focus{outline:none;border-bottom-color:var(--login-accent);background:#0f172a14}.tech-input-wrapper select{flex:1;border:none;font-family:var(--font-sans);padding:.6rem .5rem;font-size:.95rem;min-width:0;border-bottom:1px solid var(--border-glass);border-radius:4px;transition:border-color .3s ease,background .3s ease;appearance:none}.tech-input-wrapper select:focus{outline:none;border-bottom-color:var(--login-accent);background:#0f172a14}.tech-input-wrapper input::placeholder{color:var(--color-text-muted)}.login-button-tech{margin-top:var(--space-sm);position:relative;background:linear-gradient(90deg,#2f6feb,#0ea5a7);border:none;padding:1px;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:48px}.login-button-tech:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 24px #2f6feb33}.btn-content{background:var(--color-bg-secondary);height:100%;border-radius:calc(var(--radius-md) - 1px);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-primary);font-weight:600;font-size:.85rem;letter-spacing:.04em;position:relative;z-index:2;transition:background .3s ease,color .3s ease}.login-button-tech:hover .btn-content{background:#0f172a0f;color:var(--color-text-primary)}.btn-glint{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.login-button-tech:hover .btn-glint{transform:translate(120%)}.login-button-tech:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.6)}.spinner-tech{width:16px;height:16px;border:2px solid rgba(47,111,235,.35);border-top-color:var(--login-accent);border-radius:50%;animation:spin 1s linear infinite}.login-footer{margin-top:var(--space-lg);text-align:center;font-size:.8rem;color:var(--color-text-muted)}.footer-link{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--login-accent-2)}.separator{margin:0 .75rem;opacity:.5}.login-error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;display:flex;align-items:center;gap:.5rem;animation:slide-in .3s ease-out}.login-error-banner .error-icon{width:20px;height:20px;border-radius:50%;background:#ef444433;display:inline-flex;align-items:center;justify-content:center;font-weight:700}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.login-card{padding:var(--space-xl);border-radius:var(--radius-lg)}.glitch-text{font-size:1.6rem}}[data-theme=light] .login-page{background:var(--gradient-main)}[data-theme=light] .login-card{background:#fffffff2}[data-theme=light] .tech-input-wrapper input:focus{background:#0f172a0a}[data-theme=light] .tech-input-wrapper select:focus{background:#0f172a0a}.landing-page,.landing-page[data-lp-theme=light]{--lp-blue: #2563eb;--lp-teal: #0d9488;--lp-cyan: #0891b2;--lp-bg: #eef2f7;--lp-bg-2: #e4eaf1;--lp-surface: rgba(255, 255, 255, .55);--lp-surface-light: rgba(230, 236, 245, .5);--lp-border: rgba(15, 23, 42, .1);--lp-border-light: rgba(15, 23, 42, .16);--lp-text: #1e293b;--lp-text-2: #475569;--lp-text-muted: #64748b;--lp-radius: 1rem;--lp-glow: 0 0 60px rgba(37, 99, 235, .06);--lp-nav-bg: rgba(238, 242, 247, .82);--lp-nav-border: rgba(15, 23, 42, .06);--lp-mock-surface: rgba(230, 236, 245, .6);--lp-mock-border: rgba(15, 23, 42, .08);color-scheme:light}.landing-page[data-lp-theme=dark]{--lp-blue: #2f6feb;--lp-teal: #0ea5a7;--lp-cyan: #22d3ee;--lp-bg: #0b1020;--lp-bg-2: #111827;--lp-surface: rgba(17, 24, 39, .82);--lp-surface-light: rgba(30, 41, 59, .55);--lp-border: rgba(148, 163, 184, .18);--lp-border-light: rgba(148, 163, 184, .28);--lp-text: #f8fafc;--lp-text-2: #cbd5e1;--lp-text-muted: #94a3b8;--lp-glow: 0 0 60px rgba(47, 111, 235, .15);--lp-nav-bg: rgba(11, 16, 32, .8);--lp-nav-border: rgba(148, 163, 184, .08);--lp-mock-surface: rgba(30, 41, 59, .6);--lp-mock-border: rgba(148, 163, 184, .12);color-scheme:dark}.landing-page{position:relative;width:100%;min-height:100vh;overflow-x:clip;background:var(--lp-bg);color:var(--lp-text);font-family:IBM Plex Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;transition:background .4s ease,color .4s ease}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6{color:var(--lp-text)}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 32px;background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease,border-color .35s ease}.lp-nav--scrolled{background:var(--lp-nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--lp-nav-border)}.lp-nav-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.lp-nav-logo{height:32px;width:auto}.lp-nav-links{display:flex;align-items:center;gap:32px}.lp-nav-link{font-size:.85rem;font-weight:500;color:var(--lp-text-muted);text-decoration:none;transition:color .2s;letter-spacing:.01em}.lp-nav-link:hover{color:var(--lp-text)}.lp-nav-right{display:flex;align-items:center;gap:12px}.lp-nav-cta{font-size:.82rem;font-weight:600;color:var(--lp-text);text-decoration:none;padding:8px 18px;border-radius:8px;border:1px solid var(--lp-border);transition:border-color .2s,background .2s}.lp-nav-cta:hover{border-color:var(--lp-border-light);background:var(--lp-surface-light)}.lp-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--lp-border);background:transparent;color:var(--lp-text-muted);cursor:pointer;transition:color .25s,border-color .25s,background .25s}.lp-theme-toggle:hover{color:var(--lp-text);border-color:var(--lp-border-light);background:var(--lp-surface-light)}.lp-nav-link:focus-visible,.lp-nav-cta:focus-visible,.lp-cta-btn:focus-visible,.lp-cta-secondary:focus-visible,.lp-scrolly-tab:focus-visible,.lp-footer-links a:focus-visible,.lp-theme-toggle:focus-visible{outline:2px solid var(--lp-teal);outline-offset:3px;border-radius:4px}.lp-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .5s ease}[data-lp-theme=light] .lp-ambient{opacity:.4}[data-lp-theme=dark] .lp-ambient{opacity:1}.lp-grid-bg{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,.07) 1px,transparent 1px);background-size:72px 72px;transform:perspective(600px) rotateX(55deg) translateZ(-100px);animation:lp-grid-drift 30s linear infinite;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 70%);opacity:.6;will-change:transform}@keyframes lp-grid-drift{0%{transform:perspective(600px) rotateX(55deg) translateY(0) translateZ(-100px)}to{transform:perspective(600px) rotateX(55deg) translateY(72px) translateZ(-100px)}}.lp-glow-orbs{position:absolute;inset:0;background:radial-gradient(circle 600px at 15% 20%,rgba(37,99,235,.18),transparent),radial-gradient(circle 500px at 85% 60%,rgba(13,148,136,.14),transparent),radial-gradient(circle 400px at 50% 90%,rgba(37,99,235,.08),transparent);animation:lp-orb-breathe 12s ease-in-out infinite alternate}@keyframes lp-orb-breathe{0%{opacity:.5}to{opacity:.85}}.lp-stars{position:absolute;inset:0;background-image:radial-gradient(rgba(100,116,139,.35) 1px,transparent 1px),radial-gradient(rgba(100,116,139,.2) 1px,transparent 1px);background-size:80px 80px,130px 130px;background-position:0 0,30px 30px;opacity:.08}[data-lp-theme=dark] .lp-stars{opacity:.1}.lp-section{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:100px 32px}.lp-diagonal-divider{position:relative;z-index:1;width:min(1120px,calc(100% - 64px));height:76px;margin:-28px auto -4px;transform-origin:center;pointer-events:none}.lp-diagonal-divider svg{width:100%;height:100%;display:block;overflow:visible}.lp-diagonal-fill{fill:none;stroke-width:2;stroke-linecap:round;opacity:.72}.lp-diagonal-glow{fill:none;stroke:#0ea5e96b;stroke-width:5;stroke-linecap:round;filter:blur(1.2px);opacity:0}[data-lp-theme=dark] .lp-diagonal-fill{opacity:.66}[data-lp-theme=dark] .lp-diagonal-glow{stroke:#22d3ee8f}.lp-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.lp-reveal.is-visible{opacity:1;transform:translateY(0)}.lp-reveal-delay-1{transition-delay:.1s}.lp-reveal-delay-2{transition-delay:.2s}.lp-reveal-delay-3{transition-delay:.3s}.lp-reveal-delay-4{transition-delay:.4s}.lp-section-label{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-teal);margin-bottom:16px}.lp-section-label:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--lp-blue),var(--lp-teal));border-radius:2px}.lp-grad-text{background:linear-gradient(90deg,var(--lp-blue),var(--lp-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:64px;padding-bottom:0}.lp-hero-content{position:relative;width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center}.lp-hero-logo{height:56px;width:auto;margin-bottom:28px;filter:drop-shadow(0 8px 24px rgba(37,99,235,.2));animation:lp-float 5s ease-in-out infinite;will-change:transform}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#0d948814;border:1px solid rgba(13,148,136,.2);color:var(--lp-teal);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:9999px;margin-bottom:24px}[data-lp-theme=dark] .lp-hero-badge{background:#0ea5a71f;border-color:#0ea5a759}.lp-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--lp-teal);box-shadow:0 0 8px #0d948866;animation:lp-blink 2.5s infinite}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:.35}}.lp-hero h1{font-family:Sora,IBM Plex Sans,sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:0 0 20px;max-width:740px;color:var(--lp-text)}.lp-hero-sub{font-size:1.15rem;color:var(--lp-text-2);max-width:560px;margin:0 auto 12px;line-height:1.6}.lp-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.lp-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border:none;border-radius:10px;font-family:IBM Plex Sans,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--lp-blue),var(--lp-teal));cursor:pointer;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 24px #2563eb40;text-decoration:none}.lp-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 32px #2563eb59}.lp-cta-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-120%);transition:transform .6s ease}.lp-cta-btn:hover:after{transform:translate(120%)}.lp-cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;font-family:IBM Plex Sans,sans-serif;font-size:.95rem;font-weight:500;color:var(--lp-text-2);background:transparent;border:1px solid var(--lp-border);cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease;text-decoration:none}.lp-cta-secondary:hover{border-color:var(--lp-border-light);color:var(--lp-text);background:var(--lp-surface-light)}.lp-hero-scroll-hint{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--lp-text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;animation:lp-hint-pulse 2s ease-in-out infinite}.lp-hero-scroll-hint svg{animation:lp-arrow-bounce 1.5s ease-in-out infinite}@keyframes lp-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes lp-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.lp-problem{text-align:center;padding-top:120px}.lp-problem h2{font-family:Sora,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.lp-problem-text{font-size:1.05rem;color:var(--lp-text-2);max-width:620px;margin:0 auto;line-height:1.7}.lp-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.lp-pain-card{background:var(--lp-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:28px 24px;text-align:left;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .4s ease;position:relative;overflow:hidden}.lp-pain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lp-border-light),transparent)}.lp-pain-card:hover{transform:translateY(-4px);border-color:var(--lp-border-light);box-shadow:var(--lp-glow)}.lp-pain-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-pain-icon.red{background:#ef44441a;color:#ef4444}.lp-pain-icon.amber{background:#f59e0b1a;color:#f59e0b}.lp-pain-icon.purple{background:#8b5cf61a;color:#8b5cf6}[data-lp-theme=dark] .lp-pain-icon.red{color:#f87171}[data-lp-theme=dark] .lp-pain-icon.amber{color:#fbbf24}[data-lp-theme=dark] .lp-pain-icon.purple{color:#a78bfa}.lp-pain-card h4{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--lp-text)}.lp-pain-card p{font-size:.88rem;color:var(--lp-text-muted);line-height:1.6}.lp-features-intro{position:relative;z-index:1;text-align:center;max-width:1120px;margin:0 auto;padding:120px 32px 40px}.lp-features-intro h2{font-family:Sora,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.lp-features-intro p{font-size:1.05rem;color:var(--lp-text-2);max-width:540px;margin:0 auto}.lp-scrolly-container{position:relative;height:300vh;z-index:1;overflow:visible}.lp-scrolly-progress-track{position:fixed;left:32px;top:50%;transform:translateY(-50%);width:3px;height:120px;background:var(--lp-border);border-radius:3px;z-index:50;opacity:0;transition:opacity .4s ease;pointer-events:none}.lp-scrolly-progress-track.visible{opacity:1}.lp-scrolly-progress-fill{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,var(--lp-blue),var(--lp-teal));border-radius:3px;transition:height .15s ease}.lp-scrolly-dot{position:absolute;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--lp-border);border:2px solid var(--lp-border);transition:all .3s ease;z-index:2}.lp-scrolly-dot.active{background:var(--lp-teal);border-color:var(--lp-teal);box-shadow:0 0 10px #0d948880;transform:translate(-50%,-50%) scale(1.3)}.lp-scrolly-dot.past{background:var(--lp-blue);border-color:var(--lp-blue)}.lp-scrolly-sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:0 32px;z-index:2}.lp-scrolly-inner{max-width:1120px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.lp-scrolly-text{display:flex;flex-direction:column;gap:8px}.lp-scrolly-text-content{display:flex;flex-direction:column;gap:16px;animation:lp-scrolly-fade-in .5s cubic-bezier(.22,1,.36,1)}@keyframes lp-scrolly-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-scrolly-text h3{font-family:Sora,sans-serif;font-size:1.65rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--lp-text)}.lp-scrolly-text p{font-size:1rem;color:var(--lp-text-2);line-height:1.7}.lp-scrolly-tabs{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.lp-scrolly-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid var(--lp-border);background:transparent;font-family:IBM Plex Sans,sans-serif;font-size:.72rem;font-weight:500;color:var(--lp-text-muted);cursor:default;transition:all .3s ease;letter-spacing:.02em}.lp-scrolly-tab.active{border-color:var(--lp-teal);color:var(--lp-teal);background:#0d94880f}[data-lp-theme=dark] .lp-scrolly-tab.active{background:#0ea5a714}.lp-scrolly-tab-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity .3s}.lp-scrolly-tab.active .lp-scrolly-tab-dot{opacity:1;animation:lp-blink 2s infinite}.lp-feature-tag{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:9999px;border:1px solid}.lp-feature-tag.blue{background:#2563eb14;color:var(--lp-blue);border-color:#2563eb33}.lp-feature-tag.teal{background:#0d948814;color:var(--lp-teal);border-color:#0d948833}.lp-feature-tag.cyan{background:#0891b214;color:var(--lp-cyan);border-color:#0891b233}.lp-feature-tag-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:lp-blink 2s infinite}.lp-feature-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:0}.lp-feature-bullets li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--lp-text-2)}.lp-feature-bullets li svg{flex-shrink:0;color:var(--lp-teal)}.lp-scrolly-visual{display:flex;align-items:center;justify-content:center}.lp-feature-visual{position:relative;border-radius:var(--lp-radius);overflow:hidden;background:var(--lp-surface);border:1px solid var(--lp-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px;min-height:340px;width:100%;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000014,0 0 80px #2563eb0a;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}[data-lp-theme=dark] .lp-feature-visual{box-shadow:0 16px 48px #00000040,0 0 80px #2f6feb0f}.lp-feature-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lp-border-light),transparent)}.lp-feature-visual:after{content:"";position:absolute;inset:0;border-radius:var(--lp-radius);padding:1px;background:linear-gradient(135deg,#ffffff08,#2563eb1f 40%,#0d94881f 60%,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.lp-mock-topbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;position:relative;z-index:3}.lp-mock-dot{width:8px;height:8px;border-radius:50%}.lp-mock-dot.r{background:#ef4444}.lp-mock-dot.y{background:#fbbf24}.lp-mock-dot.g{background:#22c55e}.lp-mock-layer{position:absolute;inset:52px 28px 28px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.lp-mock-layer::-webkit-scrollbar{display:none}.lp-mock-layer.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lp-mock-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lp-mock-metric{background:var(--lp-mock-surface);border:1px solid var(--lp-mock-border);border-radius:10px;padding:16px 14px;text-align:center;transform-origin:50% 20%;box-shadow:inset 0 1px #fff3,0 10px 18px #0f172a0d;transition:background .4s ease,border-color .4s ease}[data-lp-theme=dark] .lp-mock-metric{box-shadow:inset 0 1px #94a3b81f,0 12px 20px #02061740}.lp-mock-metric-value{font-family:Sora,sans-serif;font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,var(--lp-blue),var(--lp-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-mock-metric-label{font-size:.68rem;color:var(--lp-text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.lp-mock-bar-chart{display:flex;align-items:flex-end;gap:6px;height:80px;padding-top:8px}.lp-mock-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--lp-blue),rgba(37,99,235,.2));min-height:12px;transform-origin:50% 100%;will-change:transform,opacity;transition:height .5s ease}.lp-mock-bar.teal{background:linear-gradient(180deg,var(--lp-teal),rgba(13,148,136,.2))}.lp-mock-chat{display:flex;flex-direction:column;gap:8px;padding-right:2px;min-height:0}.lp-mock-msg{max-width:80%;padding:8px 12px;border-radius:12px;font-size:.78rem;line-height:1.45;will-change:transform,opacity,filter;transition:background .4s ease,border-color .4s ease}.lp-mock-msg.bot{background:#2563eb14;border:1px solid rgba(37,99,235,.15);color:var(--lp-text-2);align-self:flex-start;border-bottom-left-radius:4px}.lp-mock-msg.user{background:#0d948814;border:1px solid rgba(13,148,136,.15);color:var(--lp-text-2);align-self:flex-end;border-bottom-right-radius:4px}[data-lp-theme=dark] .lp-mock-msg.bot{background:#2f6feb1f;border-color:#2f6feb33}[data-lp-theme=dark] .lp-mock-msg.user{background:#0ea5a71f;border-color:#0ea5a733}.lp-mock-ring-row{display:flex;justify-content:center;gap:24px;padding:12px 0}.lp-mock-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;color:var(--lp-text);position:relative;will-change:transform,opacity}.lp-mock-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--lp-border)}.lp-mock-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.lp-mock-ring.blue:after{border-top-color:var(--lp-blue);border-right-color:var(--lp-blue)}.lp-mock-ring.teal:after{border-top-color:var(--lp-teal);border-right-color:var(--lp-teal);border-bottom-color:var(--lp-teal)}.lp-mock-ring.green:after{border-top-color:#22c55e;border-right-color:#22c55e}.lp-mock-ring-label{text-align:center;font-size:.68rem;color:var(--lp-text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.lp-mock-lines{display:flex;flex-direction:column;gap:10px}.lp-mock-line{height:10px;border-radius:6px;background:var(--lp-border);position:relative;overflow:hidden;transform-origin:0 50%;will-change:transform,opacity;transition:background .4s ease}.lp-mock-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#64748b0d 25%,#64748b1f,#64748b0d 75%);background-size:200% 100%;animation:lp-shimmer 2s infinite}@keyframes lp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lp-how{text-align:center;padding-top:120px}.lp-how h2{font-family:Sora,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.02em;margin-bottom:14px}.lp-how-sub{max-width:640px;margin:0 auto;font-size:1rem;color:var(--lp-text-2);line-height:1.7}.lp-how-experience{margin-top:48px;position:relative;border-radius:28px;border:1px solid var(--lp-border);padding:34px;overflow:hidden;background:linear-gradient(160deg,rgba(37,99,235,.08),rgba(13,148,136,.04) 40%,var(--lp-surface) 90%);box-shadow:var(--lp-glow);transition:border-color .35s ease,background .35s ease}[data-lp-theme=dark] .lp-how-experience{background:linear-gradient(160deg,#2f6feb33,#0ea5a724 45%,#111827d1)}.lp-how-experience:before,.lp-how-experience:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.lp-how-experience:before{width:380px;height:380px;top:-210px;right:-160px;background:radial-gradient(circle,#2563eb29,#2563eb00)}.lp-how-experience:after{width:320px;height:320px;bottom:-200px;left:-140px;background:radial-gradient(circle,#0d948824,#0d948800)}.lp-how-track{position:relative;max-width:860px;height:36px;margin:0 auto 26px}.lp-how-track-line{position:absolute;top:50%;left:4%;right:4%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#2563eb66,#0d948873,#0891b259)}.lp-how-track-progress{position:absolute;top:50%;left:4%;right:4%;height:2px;transform:translateY(-50%) scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#2563ebd9,#0d9488d1,#0891b2b8);filter:drop-shadow(0 0 8px rgba(37,99,235,.24))}.lp-how-track-line:before{content:"";position:absolute;inset:-7px 0;background-image:radial-gradient(circle,rgba(148,163,184,.45) 1px,transparent 1px);background-size:22% 100%;background-position:10% 50%;opacity:.55}.lp-how-track-pulse{position:absolute;top:50%;left:4%;width:130px;height:12px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#2563eb00,#2563eb59,#0d948866,#0891b200);filter:blur(3px);animation:lp-how-scan 5s ease-in-out infinite;animation-play-state:paused;opacity:.32}.lp-how-experience.is-active .lp-how-track-pulse{animation-play-state:running;opacity:.95}.lp-how-track-nodes{position:absolute;inset:0;pointer-events:none}.lp-how-track-node{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%) scale(.72);border:1px solid rgba(148,163,184,.5);background:var(--lp-surface);box-shadow:0 0 0 4px #94a3b81f;opacity:.55}.lp-how-track-node:after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,var(--lp-blue),var(--lp-teal))}.lp-how-track-node:nth-child(1){left:4%}.lp-how-track-node:nth-child(2){left:50%}.lp-how-track-node:nth-child(3){left:96%}[data-lp-theme=dark] .lp-how-track-node{border-color:#94a3b899;box-shadow:0 0 0 4px #0f172a8c}@keyframes lp-how-scan{0%,to{left:4%}50%{left:calc(96% - 130px)}}.lp-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left;position:relative;z-index:1}.lp-how-card{position:relative;display:flex;flex-direction:column;gap:12px;border-radius:20px;border:1px solid var(--lp-border);background:linear-gradient(165deg,#ffffff85,#ffffff2e);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:345px;padding:24px 22px;overflow:hidden;will-change:transform,opacity;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}[data-lp-theme=dark] .lp-how-card{background:linear-gradient(165deg,#111827c7,#1e293bbd)}.lp-how-card:before{content:"";position:absolute;inset:0;border-radius:20px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.lp-how-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lp-how-accent-a, rgba(37, 99, 235, .45)),var(--lp-how-accent-b, rgba(13, 148, 136, .35)));opacity:.9}.lp-how-card:hover{transform:translateY(-8px);border-color:var(--lp-border-light);box-shadow:0 16px 36px #0f172a1f}[data-lp-theme=dark] .lp-how-card:hover{box-shadow:0 16px 38px #02061773}.lp-how-card-blue{--lp-how-accent-a: rgba(37, 99, 235, .72);--lp-how-accent-b: rgba(96, 165, 250, .48);background:linear-gradient(168deg,#dbeafeb8,#eff6ff8f 45%,#ffffff6b);border-color:#2563eb38}.lp-how-card-teal{--lp-how-accent-a: rgba(13, 148, 136, .72);--lp-how-accent-b: rgba(45, 212, 191, .48);background:linear-gradient(168deg,#ccfbf1a8,#f0fdfa85 45%,#ffffff6b);border-color:#0d94883d}.lp-how-card-cyan{--lp-how-accent-a: rgba(8, 145, 178, .72);--lp-how-accent-b: rgba(56, 189, 248, .48);background:linear-gradient(168deg,#cffafea3,#ecfeff80 45%,#ffffff6b);border-color:#0891b23d}.lp-how-card-blue:hover{border-color:#2563eb57;box-shadow:0 16px 34px #2563eb2e}.lp-how-card-teal:hover{border-color:#0d948857;box-shadow:0 16px 34px #0d948829}.lp-how-card-cyan:hover{border-color:#0891b257;box-shadow:0 16px 34px #0891b229}[data-lp-theme=dark] .lp-how-card-blue{background:linear-gradient(168deg,#1e3a8a80,#1e293bc7 44%,#111827c7);border-color:#60a5fa57}[data-lp-theme=dark] .lp-how-card-teal{background:linear-gradient(168deg,#134e4a80,#1e293bc7 44%,#111827c7);border-color:#2dd4bf52}[data-lp-theme=dark] .lp-how-card-cyan{background:linear-gradient(168deg,#164e6380,#1e293bc7 44%,#111827c7);border-color:#38bdf852}.lp-how-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lp-how-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;border:1px solid;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lp-how-step-id{font-family:Sora,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.1em;color:transparent;background:linear-gradient(90deg,var(--lp-blue),var(--lp-teal));-webkit-background-clip:text;background-clip:text}.lp-how-card-blue .lp-how-step-id{background:linear-gradient(90deg,#1d4ed8,#3b82f6);-webkit-background-clip:text;background-clip:text}.lp-how-card-teal .lp-how-step-id{background:linear-gradient(90deg,#0f766e,#14b8a6);-webkit-background-clip:text;background-clip:text}.lp-how-card-cyan .lp-how-step-id{background:linear-gradient(90deg,#0e7490,#0284c7);-webkit-background-clip:text;background-clip:text}.lp-how-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.lp-how-icon svg{width:22px;height:22px}.lp-how-icon.blue{color:var(--lp-blue);background:#2563eb1f;border-color:#2563eb3d}.lp-how-icon.teal{color:var(--lp-teal);background:#0d94881f;border-color:#0d94883d}.lp-how-icon.cyan{color:var(--lp-cyan);background:#0891b21f;border-color:#0891b23d}[data-lp-theme=dark] .lp-how-icon.blue{background:#2f6feb38;border-color:#2f6feb59}[data-lp-theme=dark] .lp-how-icon.teal{background:#0ea5a733;border-color:#0ea5a757}[data-lp-theme=dark] .lp-how-icon.cyan{background:#22d3ee33;border-color:#22d3ee57}.lp-how-card-blue .lp-how-chip{background:#2563eb1f;border-color:#2563eb38;color:#1d4ed8}.lp-how-card-teal .lp-how-chip{background:#0d94881f;border-color:#0d948838;color:#0f766e}.lp-how-card-cyan .lp-how-chip{background:#0891b21f;border-color:#0891b238;color:#0e7490}[data-lp-theme=dark] .lp-how-card-blue .lp-how-chip{background:#2f6feb3d;border-color:#2f6feb61;color:#bfdbfe}[data-lp-theme=dark] .lp-how-card-teal .lp-how-chip{background:#0ea5a738;border-color:#0ea5a75c;color:#99f6e4}[data-lp-theme=dark] .lp-how-card-cyan .lp-how-chip{background:#22d3ee33;border-color:#22d3ee57;color:#bae6fd}.lp-how-card h4{font-family:Sora,sans-serif;font-size:1.18rem;font-weight:600;margin-top:2px;color:var(--lp-text)}.lp-how-card p{font-size:.9rem;color:var(--lp-text-muted);line-height:1.62}.lp-how-list{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}.lp-how-list li{position:relative;padding-left:18px;font-size:.82rem;color:var(--lp-text-2);line-height:1.5}.lp-how-list li:before{content:"";position:absolute;left:0;top:.56em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--lp-blue),var(--lp-teal));box-shadow:0 0 0 3px #2563eb1a}[data-lp-theme=light] .lp-how-card-blue .lp-how-list li:before{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 0 0 3px #2563eb26}[data-lp-theme=light] .lp-how-card-teal .lp-how-list li:before{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 0 0 3px #0d948826}[data-lp-theme=light] .lp-how-card-cyan .lp-how-list li:before{background:linear-gradient(135deg,#0891b2,#0284c7);box-shadow:0 0 0 3px #0891b226}[data-lp-theme=dark] .lp-how-list li:before{box-shadow:0 0 0 3px #2f6feb33}.lp-how-outcome{margin-top:auto;padding-top:14px;border-top:1px solid var(--lp-border);display:flex;flex-direction:column;gap:4px}.lp-how-card-blue .lp-how-outcome{border-top-color:#2563eb33}.lp-how-card-teal .lp-how-outcome{border-top-color:#0d948833}.lp-how-card-cyan .lp-how-outcome{border-top-color:#0891b233}.lp-how-outcome span{font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lp-text-muted)}.lp-how-outcome strong{font-size:.88rem;font-weight:600;color:var(--lp-text)}.lp-how-proof{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left;position:relative;z-index:1}.lp-how-proof-item{border-radius:14px;border:1px solid var(--lp-border);padding:16px 18px;background:var(--lp-surface-light);transition:border-color .25s ease,background .25s ease}.lp-how-proof-item:hover{border-color:var(--lp-border-light)}.lp-how-proof-value{font-family:Sora,sans-serif;font-size:1.1rem;font-weight:600;color:var(--lp-text)}.lp-how-proof-label{margin-top:5px;font-size:.78rem;line-height:1.45;color:var(--lp-text-muted)}.lp-cta-section{text-align:center;padding-top:120px;padding-bottom:80px}.lp-cta-box{background:var(--lp-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--lp-border);border-radius:20px;padding:64px 40px;max-width:720px;margin:0 auto;position:relative;overflow:hidden;transition:background .4s ease,border-color .4s ease}.lp-cta-box:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff0a,#2563eb26 40%,#0d948833 60%,#ffffff0a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.lp-cta-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.04),transparent 60%);pointer-events:none}.lp-cta-box h2{font-family:Sora,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;letter-spacing:-.02em;margin-bottom:16px;position:relative;z-index:1}.lp-cta-box p{font-size:1rem;color:var(--lp-text-2);margin-bottom:32px;position:relative;z-index:1}.lp-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.lp-footer{position:relative;z-index:1;border-top:1px solid var(--lp-border);padding:40px 32px;transition:border-color .4s ease}.lp-footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.lp-footer-brand{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--lp-text-muted)}.lp-footer-brand strong{color:var(--lp-text-2)}.lp-footer-logo{height:24px;width:auto;opacity:.6}.lp-footer-links{display:flex;align-items:center;gap:8px;font-size:.78rem}.lp-footer-links a{color:var(--lp-text-muted);text-decoration:none;transition:color .2s}.lp-footer-links a:hover{color:var(--lp-teal)}.lp-footer-sep{color:var(--lp-border-light)}.lp-footer-copy{font-size:.72rem;color:var(--lp-text-muted);opacity:.7}.lp-hero-typing{font-size:1.3rem;font-weight:500;color:var(--lp-text);min-height:2em;margin:0 auto 8px;max-width:620px;letter-spacing:-.01em}.lp-typing-cursor{display:inline-block;color:var(--lp-teal);font-weight:300;animation:lp-cursor-blink .7s steps(1) infinite;margin-left:2px}@keyframes lp-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.lp-hero-sub-static{font-size:.92rem;color:var(--lp-text-muted);max-width:600px;margin:0 auto 36px;line-height:1.6;opacity:.75}.lp-floating-badges{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;transform:translateZ(0)}.lp-floating-badge{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:9999px;font-size:.68rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;color:var(--lp-text-muted);background:var(--lp-surface);border:1px solid var(--lp-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000000a;opacity:0;transform:translate3d(0,16px,0) scale(.88);will-change:transform,opacity;transition:background .4s ease,border-color .4s ease,color .4s ease;overflow:hidden}.lp-floating-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 50%,transparent 75%);transform:translate(-140%);opacity:.35;animation:lp-badge-sheen 8s linear infinite;pointer-events:none}.lp-floating-badge.blue{border-color:#2563eb3d;background:#2563eb14}.lp-floating-badge.teal{border-color:#0d94883d;background:#0d948814}.lp-floating-badge.cyan{border-color:#0891b23d;background:#0891b214}.lp-floating-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}[data-lp-theme=dark] .lp-floating-badge{box-shadow:0 2px 12px #0003}[data-lp-theme=dark] .lp-floating-badge.blue{background:#2f6feb24;border-color:#2f6feb52}[data-lp-theme=dark] .lp-floating-badge.teal{background:#0ea5a724;border-color:#0ea5a752}[data-lp-theme=dark] .lp-floating-badge.cyan{background:#22d3ee1f;border-color:#22d3ee47}@keyframes lp-badge-sheen{0%{transform:translate(-140%)}to{transform:translate(140%)}}.lp-before-after{text-align:center;padding-top:88px;padding-bottom:88px;position:relative}.lp-before-after h2{font-family:Sora,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.lp-ba-bridge{font-size:1rem;color:var(--lp-text-2);line-height:1.65;max-width:720px;margin:0 auto}.lp-ba-toggle-wrap{display:none;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--lp-surface);border:1px solid var(--lp-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:48px;transition:background .4s ease,border-color .4s ease}.lp-ba-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:none;border-radius:9px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:600;color:var(--lp-text-muted);background:transparent;cursor:pointer;transition:all .3s ease;letter-spacing:.01em}.lp-ba-toggle-btn.active{background:var(--lp-bg);color:var(--lp-text);box-shadow:0 2px 8px #0000000f}[data-lp-theme=dark] .lp-ba-toggle-btn.active{background:var(--lp-bg-2);box-shadow:0 2px 8px #0003}.lp-ba-toggle-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lp-ba-toggle-dot.red{background:#ef4444;box-shadow:0 0 6px #ef444466}.lp-ba-toggle-dot.green{background:#22c55e;box-shadow:0 0 6px #22c55e66}.lp-ba-stage-wrap{max-width:1120px;margin:34px auto 0;position:relative}.lp-ba-stage{--lp-ba-reveal: 100%;position:relative;border-radius:28px;border:1px solid var(--lp-border);padding:26px 24px 22px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 12% 0%,rgba(37,99,235,.16),transparent 62%),radial-gradient(120% 90% at 95% 100%,rgba(13,148,136,.14),transparent 64%),linear-gradient(150deg,#ffffffe0,#f6faffad)}[data-lp-theme=dark] .lp-ba-stage{background:radial-gradient(120% 90% at 12% 0%,rgba(37,99,235,.2),transparent 58%),radial-gradient(120% 90% at 95% 100%,rgba(13,148,136,.18),transparent 62%),linear-gradient(148deg,#0a1a36e6,#081c2dd1)}.lp-ba-stage:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.25);pointer-events:none}[data-lp-theme=dark] .lp-ba-stage:before{border-color:#94a3b829}.lp-ba-rail{position:relative;width:min(760px,92%);margin:0 auto 18px;height:6px;border-radius:999px;overflow:hidden}.lp-ba-rail-line{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#3b82f64d,#14b8a64d)}.lp-ba-rail-progress{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#2563ebe6,#06b6d4e0);transform-origin:0% 50%;box-shadow:0 0 14px #0ea5e93d}.lp-ba-panels{position:relative;min-height:422px}.lp-ba-layer{position:absolute;inset:0}.lp-ba-layer-without{z-index:1}.lp-ba-layer-with{z-index:2;clip-path:inset(0 calc(100% - var(--lp-ba-reveal)) 0 0)}.lp-ba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;height:100%}.lp-ba-card{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:18px;border:1px solid transparent;background:linear-gradient(160deg,#fffffff0,#ffffffbd);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:left;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease,opacity .3s ease;position:relative;overflow:hidden;min-height:140px}[data-lp-theme=dark] .lp-ba-card{background:linear-gradient(160deg,#0f172ad1,#0f172a9e)}.lp-ba-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lp-border-light),transparent)}.lp-ba-card:hover{transform:translateY(-3px);border-color:var(--lp-border-light);box-shadow:0 14px 30px #0f172a1a}.lp-ba-card.without{border-color:#ea580c38;background:linear-gradient(162deg,#fff3eceb,#fff9f5b8)}.lp-ba-card.with{border-color:#0891b23d;background:linear-gradient(162deg,#dbeafee0,#ecfeffb3)}[data-lp-theme=dark] .lp-ba-card.without{border-color:#fb923c52;background:linear-gradient(162deg,#3f1d158f,#1e293bbd)}[data-lp-theme=dark] .lp-ba-card.with{border-color:#22d3ee57;background:linear-gradient(162deg,#0f305799,#0f172abd)}.lp-ba-card.without:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(234,88,12,.55),transparent)}.lp-ba-card.with:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.58),transparent)}.lp-ba-icon{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease}.lp-ba-icon.red{background:#ef44441a;color:#ef4444}.lp-ba-icon.green{background:#22c55e1a;color:#22c55e}[data-lp-theme=dark] .lp-ba-icon.red{background:#ef444426;color:#f87171}[data-lp-theme=dark] .lp-ba-icon.green{background:#22c55e26;color:#4ade80}.lp-ba-state-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;margin-bottom:7px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.lp-ba-state-chip.without{color:#b45309;border-color:#ea580c4d;background:#fb923c1a}.lp-ba-state-chip.with{color:#0e7490;border-color:#0891b252;background:#0ea5e91f}[data-lp-theme=dark] .lp-ba-state-chip.without{color:#fdba74;border-color:#fb923c6b;background:#fb923c33}[data-lp-theme=dark] .lp-ba-state-chip.with{color:#67e8f9;border-color:#22d3ee6b;background:#22d3ee2e}.lp-ba-card-content h4{font-family:Sora,sans-serif;font-size:.94rem;font-weight:600;margin-bottom:4px;color:var(--lp-text)}.lp-ba-card-content p{font-size:.81rem;color:var(--lp-text-muted);line-height:1.55}.lp-ba-handle{position:absolute;top:10px;bottom:10px;left:var(--lp-ba-reveal);width:2px;border-radius:999px;transform:translate(-50%);z-index:4;pointer-events:none;background:linear-gradient(180deg,#38bdf840,#2dd4bfb3,#38bdf840)}.lp-ba-handle-core{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(14,165,233,.58);background:linear-gradient(145deg,#bae6fdf2,#99f6e4e6)}[data-lp-theme=dark] .lp-ba-handle-core{border-color:#22d3ee8a;background:linear-gradient(145deg,#064e6ef5,#0f766ef0)}.lp-ba-deltas{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.lp-ba-delta{border-radius:12px;border:1px solid var(--lp-border);background:var(--lp-surface);padding:10px 12px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--lp-text-muted);opacity:.46;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease,border-color .26s ease,color .26s ease,background .26s ease}.lp-ba-delta.active{opacity:1;transform:translateY(0);border-color:#0ea5e957;color:var(--lp-text);background:linear-gradient(145deg,#3b82f61f,#2dd4bf1f)}.lp-ba-mobile-scene{display:none}@media(max-width:900px){.lp-section{padding:80px 24px}.lp-diagonal-divider{width:calc(100% - 48px);height:68px;margin:-24px auto -2px}.lp-nav{padding:0 20px}.lp-nav-links{display:none}.lp-hero-content{width:min(760px,100%)}.lp-hero h1{margin-left:auto;margin-right:auto;max-width:100%}.lp-hero-sub,.lp-hero-typing,.lp-hero-sub-static{margin-left:auto;margin-right:auto}.lp-hero-actions{justify-content:center}.lp-hero-scroll-hint{margin-top:46px}.lp-scrolly-inner{grid-template-columns:1fr;gap:32px}.lp-scrolly-visual{order:-1}.lp-scrolly-progress-track{display:none}.lp-scrolly-sticky{padding:0 20px}.lp-scrolly-text h3{font-size:1.4rem}.lp-how-experience{padding:24px 20px;border-radius:22px}.lp-how-track{margin-bottom:18px}.lp-how-grid{grid-template-columns:1fr;gap:16px}.lp-how-proof{grid-template-columns:1fr}.lp-pain-grid{grid-template-columns:1fr 1fr}.lp-features-intro{padding:80px 24px 24px}.lp-scrolly-container{height:250vh}.lp-floating-badges,.lp-ba-stage-wrap{display:none}.lp-ba-toggle-wrap{display:inline-flex;margin:20px auto}.lp-ba-mobile-scene{display:block;max-width:760px;margin:0 auto}.lp-ba-mobile-grid{display:grid;grid-template-columns:1fr;gap:12px}.lp-ba-mobile-card{padding:20px;min-height:126px}.lp-ba-deltas{display:none}}@media(max-width:600px){.lp-section{padding:64px 16px}.lp-diagonal-divider{width:calc(100% - 32px);height:56px;margin:-18px auto -2px}.lp-nav{padding:0 16px}.lp-nav-inner{height:56px}.lp-nav-logo{height:26px}.lp-nav-cta{font-size:.75rem;padding:6px 14px}.lp-theme-toggle{width:32px;height:32px;border-radius:8px}.lp-theme-toggle svg{width:15px;height:15px}.lp-hero{padding-top:56px}.lp-hero-content{width:100%}.lp-hero-logo{height:40px;margin-bottom:20px}.lp-hero h1{font-size:1.85rem;max-width:100%;margin-bottom:10px}.lp-hero-sub{font-size:.95rem;margin-bottom:6px}.lp-hero-actions{flex-direction:column;width:100%;gap:10px}.lp-cta-btn,.lp-cta-secondary{width:100%;justify-content:center;padding:14px 20px;font-size:.9rem}.lp-hero-scroll-hint{margin-top:34px}.lp-hero-badge{font-size:.62rem;padding:5px 11px;margin-bottom:14px}.lp-problem h2,.lp-how h2,.lp-features-intro h2,.lp-before-after h2{font-size:1.5rem}.lp-problem-text{font-size:.92rem}.lp-hero-typing{font-size:1.05rem;min-height:1.8em}.lp-hero-sub-static{font-size:.82rem;max-width:100%;margin:0 auto 28px}.lp-ba-toggle-btn{font-size:.78rem;padding:8px 14px}.lp-ba-mobile-card{padding:18px 15px;gap:12px}.lp-ba-card-content h4{font-size:.9rem}.lp-ba-card-content p{font-size:.79rem}.lp-pain-grid{grid-template-columns:1fr;gap:16px}.lp-pain-card{padding:22px 18px}.lp-features-intro{padding:64px 16px 20px}.lp-features-intro p{font-size:.92rem}.lp-scrolly-container{height:220vh}.lp-scrolly-sticky{padding:72px 16px 0;align-items:flex-start}.lp-scrolly-text h3{font-size:1.2rem}.lp-scrolly-text p{font-size:.88rem}.lp-scrolly-tabs{gap:8px}.lp-scrolly-tab{font-size:.65rem;padding:4px 10px}.lp-feature-visual{padding:18px;min-height:280px}.lp-mock-layer{inset:40px 16px 12px}.lp-mock-metric-row{grid-template-columns:repeat(3,1fr);gap:6px}.lp-mock-metric{padding:10px 6px}.lp-mock-metric-value{font-size:1rem}.lp-mock-metric-label{font-size:.58rem}.lp-mock-bar-chart{height:50px}.lp-mock-chat{gap:6px}.lp-mock-msg{max-width:92%;font-size:.7rem;line-height:1.35;padding:6px 10px}.lp-mock-ring-row{gap:14px}.lp-mock-ring{width:56px;height:56px;font-size:.85rem}.lp-how{padding-top:80px}.lp-how-sub{font-size:.9rem}.lp-how-experience{margin-top:30px;padding:18px 14px;border-radius:18px}.lp-how-track{height:24px;margin-bottom:12px}.lp-how-track-line:before{opacity:.35}.lp-how-track-pulse{width:84px}.lp-how-track-node{width:12px;height:12px;box-shadow:0 0 0 3px #94a3b829}.lp-how-track-node:after{inset:2.5px}.lp-how h2{margin-bottom:12px}.lp-how-card{min-height:0;padding:18px;border-radius:16px}.lp-how-card:before{border-radius:16px}.lp-how-card h4{font-size:1.04rem}.lp-how-card p{font-size:.82rem}.lp-how-list li{font-size:.76rem}.lp-how-outcome strong{font-size:.82rem}.lp-how-proof-item{padding:14px 15px}.lp-how-proof-value{font-size:1rem}.lp-how-proof-label{font-size:.74rem}.lp-cta-section{padding-top:86px;padding-bottom:58px}.lp-cta-box{padding:38px 20px 34px;border-radius:18px}.lp-cta-box h2{font-size:1.3rem}.lp-cta-box p{font-size:.88rem;margin-bottom:24px}.lp-footer{padding:32px 16px}.lp-footer-brand{flex-direction:column;gap:8px;text-align:center;font-size:.75rem}.lp-footer-links{flex-wrap:wrap;justify-content:center;gap:6px;font-size:.72rem}.lp-footer-copy{font-size:.65rem}}@media(max-width:400px){.lp-diagonal-divider{width:calc(100% - 24px);height:50px;margin:-14px auto 0}.lp-hero h1{font-size:1.55rem}.lp-hero-sub{font-size:.88rem}.lp-scrolly-text h3{font-size:1.05rem}.lp-feature-visual{padding:14px;min-height:300px}.lp-mock-layer{inset:36px 12px 10px}.lp-mock-chat{gap:5px}.lp-mock-msg{font-size:.66rem;line-height:1.3;padding:5px 9px}.lp-mock-metric-value{font-size:.85rem}.lp-mock-ring{width:46px;height:46px;font-size:.75rem}.lp-how-track-node{width:10px;height:10px}.lp-how-track-node:after{inset:2px}}@media(prefers-reduced-motion:reduce){.landing-page,.landing-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.lp-reveal{opacity:1;transform:none}.lp-scrolly-text-content{animation:none}.lp-grid-bg{animation:none;transform:perspective(600px) rotateX(55deg) translateZ(-100px)}.lp-glow-orbs{animation:none;opacity:.65}.lp-hero-logo{animation:none}.lp-hero-scroll-hint{animation:none;opacity:.8}.lp-hero-scroll-hint svg{animation:none}.lp-hero-badge-dot,.lp-feature-tag-dot{animation:none}.lp-mock-layer{transition:none}.lp-floating-badge{animation:none;opacity:.55}.lp-floating-badge:after{animation:none;opacity:0}.lp-ba-card{animation:none}.lp-typing-cursor{animation:none;opacity:1}}@supports (padding: env(safe-area-inset-top)){.lp-nav{padding-top:env(safe-area-inset-top)}.lp-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.lp-hero{padding-top:calc(64px + env(safe-area-inset-top))}}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-sm{padding:2px 8px;font-size:.75rem}.badge-md{padding:4px 12px;font-size:.825rem}.badge-lg{padding:6px 16px;font-size:.95rem}.badge-default{background:var(--surface-glass-light);color:var(--color-text-secondary);border:1px solid var(--border-glass)}.badge-primary{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 10px #3b82f61a}.badge-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 10px #10b9811a}.badge-warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2);box-shadow:0 0 10px #f59e0b1a}.badge-danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);box-shadow:0 0 10px #ef44441a}.badge-purple{background:#8b5cf61a;color:#c084fc;border:1px solid rgba(139,92,246,.2);box-shadow:0 0 10px #8b5cf61a}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.45rem .9rem;font-family:var(--font-sans);font-size:.85rem;font-weight:600;line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);letter-spacing:.01em;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #2f6feb2e}.btn-primary{background:var(--color-accent-primary);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 18px #2f6feb33}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 16px 26px #2f6feb47}.btn-secondary{background:var(--surface-glass-light);color:var(--color-text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:var(--surface-glass);border-color:var(--border-glass-light);transform:translateY(-1px)}.btn-success{background:#22c55e26;color:var(--color-accent-success);border:1px solid rgba(34,197,94,.35)}.btn-success:hover{background:#22c55e38}.btn-danger{background:#ef444426;color:var(--color-accent-danger);border:1px solid rgba(239,68,68,.35)}.btn-danger:hover{background:#ef444438}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--surface-glass-light);color:var(--color-text-primary)}.btn-sm{padding:.3rem .7rem;font-size:.75rem}.btn-lg{padding:.6rem 1.2rem;font-size:.95rem}.btn-full{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-text{display:inline-flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:#020617a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(var(--topbar-height) + var(--space-lg)) var(--space-lg) var(--space-lg);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.modal-content{background:var(--surface-glass-heavy);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--topbar-height) - (var(--space-lg) * 2));overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--highlight-glass),transparent)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}.modal-xl{width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-glass);background:var(--surface-glass-light)}.modal-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-primary);letter-spacing:-.01em}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:#ef444433;color:#f87171}.modal-body{padding:var(--space-lg);overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.modal-overlay{padding:calc(var(--topbar-height) + var(--space-md)) var(--space-md) var(--space-md)}.modal-content{max-height:calc(100vh - var(--topbar-height) - (var(--space-md) * 2))}.modal-sm,.modal-md,.modal-lg,.modal-xl{width:100%;margin:0;border-radius:var(--radius-lg)}}.hr-hub-page{display:flex;flex-direction:column;gap:var(--space-xl);animation:fadeIn .5s cubic-bezier(.2,.8,.2,1) both}.hr-hub-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.hr-hero-left{max-width:560px;display:flex;flex-direction:column;gap:var(--space-sm)}.hr-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:600;color:var(--color-accent-secondary)}.hr-hero-left h2{margin:0}.hr-hero-left p{color:var(--color-text-secondary);margin:0}.hr-hero-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:.8rem;color:var(--color-text-muted)}.hr-hero-meta span{display:inline-flex;align-items:center;gap:6px}.hr-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);min-width:220px}.hr-hidden-input{display:none}.hr-upload-status{font-size:.8rem;font-weight:600}.hr-upload-status.tone-info{color:var(--color-accent-primary)}.hr-upload-status.tone-success{color:var(--color-success)}.hr-upload-status.tone-danger{color:var(--color-error)}.hr-hub-tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hr-tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.45rem .9rem;border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-size:.8rem}.hr-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-sm)}.hr-tab:hover{color:var(--color-text-primary);border-color:var(--border-glass-light)}.hr-error-banner{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.25);font-size:.85rem;font-weight:600}.hr-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.hr-summary-card{display:flex;align-items:center;gap:var(--space-md)}.hr-summary-icon{width:46px;height:46px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#2f6feb1f;color:var(--color-accent-primary)}.hr-summary-card.tone-teal .hr-summary-icon{background:#0ea5a71f;color:var(--color-accent-secondary)}.hr-summary-card.tone-amber .hr-summary-icon{background:#f59e0b1f;color:var(--color-accent-warning)}.hr-summary-card.tone-slate .hr-summary-icon{background:#94a3b826;color:var(--color-text-muted)}.hr-summary-label{display:block;font-size:.8rem;color:var(--color-text-muted)}.hr-summary-value{display:block;font-size:1.6rem;font-weight:700;color:var(--color-text-primary)}.hr-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.hr-panel{display:flex;flex-direction:column;gap:var(--space-md)}.hr-panel-wide{grid-column:span 2}.hr-panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.hr-panel-header h3{margin:0}.hr-panel-header p{margin:0;color:var(--color-text-muted);font-size:.85rem}.hr-employee-list,.hr-leave-list{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-employee-item,.hr-leave-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-employee-item:hover,.hr-leave-item:hover,.hr-org-item:hover,.hr-table-row:hover,.hr-engagement-item:hover,.hr-leave-card:hover{border-color:var(--border-glass);background:var(--surface-glass)}.hr-employee-main{display:flex;flex-direction:column;gap:2px}.hr-employee-name{font-weight:600;color:var(--color-text-primary)}.hr-employee-meta{font-size:.8rem;color:var(--color-text-muted)}.hr-org-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.hr-org-metric{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-org-metric strong{font-size:1.1rem;color:var(--color-text-primary)}.hr-org-snapshot strong{font-size:1rem}.hr-muted{color:var(--color-text-muted);font-size:.8rem}.hr-filter-row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.hr-search{display:flex;align-items:center;gap:var(--space-xs);padding:.2rem .6rem;border-radius:var(--radius-md);background:var(--surface-glass-light);border:1px solid var(--border-glass)}.hr-search input{border:none;background:transparent;padding:.45rem 0;min-width:220px}.hr-search input:focus{box-shadow:none}.hr-table{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-table-header,.hr-table-row{display:grid;grid-template-columns:1.4fr .9fr 1fr .9fr .8fr .9fr .6fr;gap:var(--space-sm);align-items:center}.hr-table-header{padding:0 var(--space-md);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.hr-table-row{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-table-cell{display:flex;flex-direction:column;gap:2px}.hr-table-label{display:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em;color:var(--color-text-muted)}.hr-table-footer{font-size:.8rem;color:var(--color-text-muted);padding-left:var(--space-md)}.hr-table-actions{align-items:flex-start}.hr-directory-empty{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-xl)}.hr-directory-empty-copy{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-directory-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hr-directory-hint{font-size:.75rem;color:var(--color-text-muted)}.hr-directory-empty-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-directory-panel-card{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid var(--border-glass);color:var(--color-text-secondary)}.hr-directory-panel-card h4{margin:0 0 4px;color:var(--color-text-primary);font-size:.95rem}.hr-directory-panel-card p{margin:0;font-size:.8rem}.hr-edit-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.hr-edit-section{display:flex;flex-direction:column;gap:var(--space-md)}.hr-edit-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.hr-edit-header h4{margin:0 0 4px}.hr-edit-header p{margin:0;color:var(--color-text-muted);font-size:.85rem}.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.hr-form-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--color-text-secondary)}.hr-form-field input,.hr-form-field select,.hr-form-field textarea{padding:.55rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary)}.hr-form-field textarea{resize:vertical}.hr-form-field input:disabled{opacity:.6}.hr-form-field small{color:var(--color-text-muted);font-size:.75rem}.hr-form-span{grid-column:span 2}.hr-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.hr-leave-table{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-leave-card{display:grid;grid-template-columns:1.4fr .6fr auto;gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-leave-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.hr-org-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.hr-org-column{display:flex;flex-direction:column;gap:var(--space-md)}.hr-org-header{display:flex;justify-content:space-between;align-items:center}.hr-org-list{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-org-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-org-item.hr-leave-type{align-items:flex-start;gap:var(--space-sm);border-color:var(--border-glass);background:#0f172a80}.hr-leave-type-main{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.hr-leave-type-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.hr-leave-type-code{font-weight:600;color:var(--color-text-secondary)}.hr-leave-type-pill{padding:2px 8px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);color:#93c5fd;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hr-leave-type-pill.paid{background:#10b9811f;border-color:#10b98140;color:#34d399}.hr-leave-type-pill.unpaid{background:#94a3b81f;border-color:#94a3b833;color:var(--color-text-muted)}.hr-leave-type-pill.subtle{background:#0f172a80;border-color:var(--border-glass);color:var(--color-text-muted)}.hr-leave-type-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.78rem;color:var(--color-text-muted)}.hr-leave-type-badges{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}[data-theme=light] .hr-org-item.hr-leave-type{background:#fffffff2;border-color:#94a3b840}[data-theme=light] .hr-leave-type-code{color:#475569}[data-theme=light] .hr-leave-type-stats{color:#64748b}[data-theme=light] .hr-leave-type-pill{background:#3b82f61f;border-color:#3b82f640;color:#2563eb}[data-theme=light] .hr-leave-type-pill.paid{background:#10b98124;border-color:#10b98147;color:#059669}[data-theme=light] .hr-leave-type-pill.unpaid{background:#94a3b82e;border-color:#94a3b859;color:#475569}[data-theme=light] .hr-leave-type-pill.subtle{background:#e2e8f0cc;border-color:#94a3b84d;color:#64748b}.hr-engagement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.hr-engagement-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.hr-engagement-metric{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid var(--border-glass)}.hr-engagement-metric strong{font-size:1.1rem;color:var(--color-text-primary)}.hr-engagement-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.hr-engagement-list{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-engagement-list-header{display:flex;justify-content:space-between;align-items:center}.hr-engagement-list-header h4{margin:0}.hr-engagement-list-body{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-engagement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-engagement-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.hr-engagement-item-actions{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.hr-select-compact{padding:.35rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary);font-size:.75rem}.hr-engagement-modal{display:flex;flex-direction:column;gap:var(--space-md)}.hr-choice-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hr-choice{display:inline-flex;align-items:center;gap:6px;padding:.35rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-secondary);font-size:.85rem}.hr-choice input{accent-color:var(--color-accent-primary)}.hr-survey-results{display:flex;flex-direction:column;gap:var(--space-md)}.hr-survey-results-list{display:flex;flex-direction:column;gap:var(--space-sm)}.hr-survey-result-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent}.hr-survey-result-value{display:flex;justify-content:flex-end}.hr-survey-text-list{display:flex;flex-direction:column;gap:4px;max-width:320px;font-size:.85rem;color:var(--color-text-secondary)}.hr-access-block{display:flex;align-items:center;gap:var(--space-md)}.hr-loading-block{height:120px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:1100px){.hr-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-overview-grid{grid-template-columns:1fr}.hr-panel-wide{grid-column:span 1}.hr-org-snapshot,.hr-org-grid,.hr-directory-empty,.hr-form-grid,.hr-engagement-grid,.hr-engagement-lists{grid-template-columns:1fr}.hr-engagement-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hr-table-header{display:none}.hr-table-row{grid-template-columns:1fr;gap:var(--space-sm)}.hr-table-label{display:block}.hr-leave-card{grid-template-columns:1fr;gap:var(--space-sm);text-align:left}.hr-leave-actions{justify-content:flex-start}.hr-org-grid{grid-template-columns:1fr}.hr-org-item.hr-leave-type{flex-direction:column;align-items:flex-start}.hr-leave-type-badges{flex-direction:row;align-items:center}.hr-search input{min-width:160px}.hr-engagement-metrics{grid-template-columns:1fr}.hr-engagement-item{flex-direction:column;align-items:flex-start}.hr-engagement-item-actions{justify-content:flex-start;width:100%}}@media(max-width:600px){.hr-hero-actions{align-items:stretch;width:100%}.hr-hero-actions button{width:100%}}.chat-interface{display:grid;grid-template-columns:280px 1fr;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-glass);height:100%;min-height:0;overflow:hidden;position:relative;box-shadow:var(--shadow-xl)}.chat-interface:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);scroll-behavior:smooth}.chat-history{border-right:1px solid var(--border-glass);background:var(--surface-glass-light);display:flex;flex-direction:column;min-height:0}.chat-history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-glass)}.chat-history-header h3{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.chat-history-count{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:var(--radius-full);background:var(--surface-glass);font-size:.7rem;color:var(--color-text-muted)}.new-chat-button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--surface-elevated);color:var(--color-text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.new-chat-button:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:var(--glow-sm)}.chat-history-search{display:flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-glass);color:var(--color-text-muted)}.chat-history-search input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:.85rem}.chat-history-search input:focus{outline:none}.chat-history-list{padding:var(--space-sm);display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.chat-history-item{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface-glass);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.chat-history-item:hover{border-color:var(--border-glass-light);background:var(--surface-glass-heavy)}.chat-history-item.active{border-color:#2f6feb66;background:color-mix(in srgb,var(--color-accent-primary),transparent 90%)}.chat-history-main{flex:1;min-width:0}.chat-history-title{font-size:.85rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-meta{font-size:.7rem;color:var(--color-text-muted);margin-top:4px}.chat-history-delete{width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chat-history-delete:hover{color:var(--color-danger);border-color:#ef444466;background:#ef44441a}.chat-history-empty{padding:var(--space-md);font-size:.8rem;color:var(--color-text-muted);text-align:center}.chat-message{display:flex;gap:var(--space-md);max-width:85%;animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.bot{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-elevated);border:1px solid var(--border-glass-light);box-shadow:var(--shadow-sm);color:var(--color-accent-primary)}.message-avatar.user-avatar{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-cyan));color:#fff;border:none}.message-content{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-size:.95rem;line-height:1.6;position:relative;box-shadow:var(--shadow-sm)}.chat-message.bot .message-content{background:var(--surface-glass-light);border:1px solid var(--border-glass-light);color:var(--color-text-primary);border-top-left-radius:4px}.chat-message.user .message-content{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;border-top-right-radius:4px;box-shadow:0 4px 15px #2f6feb40}.chat-message.user .message-content p{color:#fff}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:700}.message-citation{margin-top:10px;padding:6px 10px;background:#0ea5a71a;border-left:3px solid var(--color-accent-secondary);border-radius:var(--radius-sm);border-top-left-radius:0;border-bottom-left-radius:0;font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-action-btn{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-glass-light);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-accent-primary);cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--glow-sm)}.typing-indicator{display:flex;gap:6px;padding:8px}.typing-indicator span{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out;opacity:.5}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-input-area{padding:var(--space-lg);background:var(--surface-glass);border-top:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;z-index:10}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--surface-elevated);padding:10px;border-radius:var(--radius-xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm);transition:all .3s}.chat-input-wrapper:focus-within{border-color:var(--color-accent-primary);box-shadow:var(--glow-sm);transform:translateY(-1px)}.chat-input-wrapper textarea{flex:1;background:transparent;border:none;resize:none;max-height:120px;padding:8px;font-size:.95rem;color:var(--color-text-primary)}.chat-input-wrapper textarea:focus{outline:none;box-shadow:none}.send-button{width:42px;height:42px;background:linear-gradient(135deg,var(--color-accent-primary),#2563eb);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.send-button:hover:not(:disabled){transform:scale(1.05) rotate(-5deg);box-shadow:var(--glow-md)}.send-button:disabled{opacity:.5;cursor:default;background:var(--color-bg-tertiary)}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#2f6feb1a;color:var(--color-accent-primary);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-right:8px}.chat-hint{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:10px;opacity:.8}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-glass-light);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-track{background:transparent}@media(max-width:1100px){.chat-interface{grid-template-columns:1fr}.chat-history{border-right:none;border-bottom:1px solid var(--border-glass);max-height:220px}.chat-history-list{flex-direction:row;overflow-x:auto}.chat-history-item{min-width:220px}}.quick-actions-card{background:var(--surface-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg)}.quick-actions-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md);letter-spacing:-.01em}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 70%);opacity:0;transition:opacity .3s}.action-card:hover{transform:translateY(-2px);background:var(--surface-glass-heavy);border-color:var(--color-accent-primary);box-shadow:0 10px 20px -5px #0000001a}.action-card:hover:before{opacity:1}.action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .3s ease;position:relative;z-index:1}.action-blue .action-icon{background:#3b82f61a;color:var(--color-accent-primary);border:1px solid rgba(59,130,246,.2)}.action-blue:hover .action-icon{background:var(--color-accent-primary);color:#fff;box-shadow:0 0 15px #3b82f666}.action-purple .action-icon{background:#8b5cf61a;color:var(--color-accent-secondary);border:1px solid rgba(139,92,246,.2)}.action-purple:hover .action-icon{background:var(--color-accent-secondary);color:#fff;box-shadow:0 0 15px #8b5cf666}.action-green .action-icon{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.action-green:hover .action-icon{background:#10b981;color:#fff;box-shadow:0 0 15px #10b98166}.action-orange .action-icon{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.action-orange:hover .action-icon{background:#f59e0b;color:#fff;box-shadow:0 0 15px #f59e0b66}.action-red .action-icon{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.action-red:hover .action-icon{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-content{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.action-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.action-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.3}.schedule-icon{width:40px;height:40px;background:#8b5cf61a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-secondary);border:1px solid rgba(139,92,246,.2);box-shadow:0 0 10px #8b5cf61a}.schedule-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--color-text-secondary);padding:var(--space-xs) 0}.schedule-info-card{background:var(--surface-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-md)}.schedule-header{display:flex;align-items:center;gap:var(--space-md)}.schedule-icon{width:44px;height:44px;background:#8b5cf61a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-secondary);border:1px solid rgba(139,92,246,.2);box-shadow:0 0 10px #8b5cf61a}.schedule-title h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.schedule-title span{font-size:.75rem;color:var(--color-text-muted)}.schedule-details{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.schedule-row{display:flex;justify-content:space-between;align-items:center}.schedule-label{font-size:.85rem;color:var(--color-text-muted)}.schedule-value{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.schedule-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--color-text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;position:relative}.status-indicator:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;opacity:.4;animation:pulse 2s infinite}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator.offline{background:var(--color-text-muted)}.adherence-bar{padding-top:var(--space-sm);border-top:1px solid var(--border-glass)}.adherence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.adherence-header span{font-size:.75rem;color:var(--color-text-muted)}.adherence-value{font-weight:600;color:var(--color-accent-secondary)!important;text-shadow:0 0 10px rgba(139,92,246,.3)}.adherence-track{height:6px;background:var(--border-glass);border-radius:3px;overflow:hidden}.adherence-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;box-shadow:0 0 10px #3b82f680;transition:width .5s ease}.leave-info-card{display:flex;flex-direction:column;gap:var(--space-md)}.leave-header{display:flex;align-items:center;gap:var(--space-md)}.leave-icon{width:44px;height:44px;background:#3b82f61a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);border:1px solid rgba(59,130,246,.2);box-shadow:0 0 10px #3b82f61a;flex-shrink:0}.leave-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.leave-title h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.leave-title span{font-size:.75rem;color:var(--color-text-muted)}.leave-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.85rem}.leave-section{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.leave-section-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--color-text-muted)}.leave-muted{color:var(--color-text-muted);font-size:.75rem}.leave-empty{font-size:.85rem;color:var(--color-text-secondary)}.leave-list{display:flex;flex-direction:column;gap:var(--space-xs)}.leave-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.leave-row-title{font-size:.85rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-row-value{font-size:.85rem;font-weight:600;color:var(--color-text-primary);flex-shrink:0}.leave-request-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.leave-request-main{display:flex;flex-direction:column;gap:2px;min-width:0}.training-info-card{display:flex;flex-direction:column;gap:var(--space-md)}.training-header{display:flex;align-items:center;gap:var(--space-md)}.training-icon{width:44px;height:44px;background:#0ea5a71f;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-secondary);border:1px solid rgba(14,165,167,.2);box-shadow:0 0 10px #0ea5a71f;flex-shrink:0}.training-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.training-title h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.training-title span{font-size:.75rem;color:var(--color-text-muted)}.training-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.85rem}.training-section{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.training-section-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--color-text-muted)}.training-muted{color:var(--color-text-muted);font-size:.75rem}.training-empty{font-size:.85rem;color:var(--color-text-secondary)}.training-list{display:flex;flex-direction:column;gap:var(--space-sm)}.training-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#0f172a73;border:1px solid var(--border-glass)}.training-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.training-item-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-item-meta{font-size:.75rem;color:var(--color-text-muted)}.training-item-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.survey-info-card{display:flex;flex-direction:column;gap:var(--space-md)}.survey-header{display:flex;align-items:center;gap:var(--space-md)}.survey-icon{width:44px;height:44px;background:#6366f11f;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#a5b4fc;border:1px solid rgba(99,102,241,.2);box-shadow:0 0 10px #6366f11f;flex-shrink:0}.survey-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.survey-title h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.survey-title span{font-size:.75rem;color:var(--color-text-muted)}.survey-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.85rem}.survey-section{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.survey-section-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--color-text-muted)}.survey-muted{color:var(--color-text-muted);font-size:.75rem}.survey-empty{font-size:.85rem;color:var(--color-text-secondary)}.survey-list{display:flex;flex-direction:column;gap:var(--space-sm)}.survey-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#0f172a73;border:1px solid var(--border-glass)}.survey-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.survey-item-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.survey-item-meta{font-size:.75rem;color:var(--color-text-muted)}.survey-item-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.survey-modal{display:flex;flex-direction:column;gap:var(--space-md)}.survey-modal-description{margin:0;color:var(--color-text-secondary);font-size:.9rem}.survey-question-list{display:flex;flex-direction:column;gap:var(--space-md)}.survey-question{display:flex;flex-direction:column;gap:var(--space-sm)}.survey-question-text{font-weight:600;color:var(--color-text-primary)}.survey-question textarea,.survey-question select{padding:.6rem .8rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary)}.survey-scale{display:flex;gap:var(--space-sm);flex-wrap:wrap}.survey-scale label{display:inline-flex;align-items:center;gap:6px;padding:.35rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);cursor:pointer;font-size:.85rem}.survey-scale input{accent-color:var(--color-accent-primary)}.survey-submit-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.85rem}.survey-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}[data-theme=light] .survey-icon{background:#6366f11f;border-color:#6366f140;color:#4f46e5;box-shadow:0 0 8px #6366f126}[data-theme=light] .survey-section,[data-theme=light] .survey-item{background:#fffffff2;border-color:#94a3b840}[data-theme=light] .survey-question textarea,[data-theme=light] .survey-question select{background:#fffffff2;border-color:#94a3b84d;color:var(--color-text-primary)}[data-theme=light] .survey-scale label{background:#f8fafcf2;border-color:#94a3b840;color:var(--color-text-secondary)}.leave-form{display:flex;flex-direction:column;gap:var(--space-lg);background:transparent}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.leave-type-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.leave-type-option{flex:1;padding:var(--space-md);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.leave-type-option:hover{background:var(--surface-glass);border-color:var(--color-text-secondary);transform:translateY(-1px)}.leave-type-option.selected{background:#3b82f626;border-color:var(--color-accent-primary);box-shadow:0 0 15px #3b82f626}.leave-type-option.selected .option-label{color:var(--color-accent-primary);text-shadow:0 0 10px rgba(59,130,246,.4)}.leave-type-option .option-balance{color:var(--color-text-muted)}.leave-type-option.selected .option-balance{color:var(--color-text-primary)}.leave-type-option input{display:none}.option-content{display:flex;flex-direction:column;align-items:center;gap:4px}.option-label{font-size:.9rem;font-weight:600;color:var(--color-text-primary);transition:color .2s}.option-balance{font-size:.75rem;transition:color .2s}.form-info{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);font-size:.875rem;color:#fbbf24;line-height:1.5}.form-info svg{flex-shrink:0;margin-top:2px}.form-info-error{background:#ef44441f;border-color:#ef444440;color:#f87171}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.leave-form input,.leave-form textarea,.leave-form select{background:var(--surface-glass-light);border:1px solid var(--border-glass);color:var(--color-text-primary)}.leave-form input:focus,.leave-form textarea:focus{background:var(--surface-glass);border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #3b82f633}.submission-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl)}.success-icon{width:80px;height:80px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#34d399;margin-bottom:var(--space-lg);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #10b9814d}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.submission-success h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs);background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.submission-success p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.ref-number{font-family:var(--font-mono);background:#0000004d;padding:6px 12px;border-radius:var(--radius-sm);color:var(--color-accent-cyan)!important;border:1px solid var(--border-glass);letter-spacing:.05em}@media(max-width:500px){.form-row{grid-template-columns:1fr}.leave-type-options{flex-direction:column}}.concierge-page{display:flex;flex-direction:column;gap:var(--space-lg);height:calc(100vh - var(--topbar-height) - var(--space-lg) - var(--space-2xl));min-height:0;margin-bottom:0;overflow:hidden}.concierge-top{display:grid;grid-template-columns:1fr 360px;gap:var(--space-lg);height:100%;min-height:0;align-items:stretch}.concierge-main{min-width:0;display:flex;flex-direction:column;min-height:0;height:100%}.concierge-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;min-height:0;overflow-y:auto;padding-right:6px}.schedule-info-card,.leave-info-card,.training-info-card,.survey-info-card,.quick-actions-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.schedule-info-card:hover,.leave-info-card:hover,.training-info-card:hover,.survey-info-card:hover,.quick-actions-card:hover{background:var(--surface-sleek-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media(max-width:1200px){.concierge-top{grid-template-columns:1fr 320px}}@media(max-width:900px){.concierge-top{grid-template-columns:1fr;min-height:auto}.concierge-page{height:auto;overflow:visible}.concierge-sidebar{display:grid;grid-template-columns:1fr 1fr;overflow:visible;height:auto;padding-right:0}.chat-interface{height:600px}}@media(max-width:600px){.concierge-sidebar{grid-template-columns:1fr}}.performance-page{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.perf-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-md)}.header-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;width:fit-content;border:1px solid var(--color-accent-glow);background:linear-gradient(90deg,rgba(47,111,235,.08),transparent)}.perf-page-header h1{font-size:2rem;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.header-subtitle{font-size:.95rem;color:var(--color-text-muted);margin:0}.header-controls{display:flex;gap:var(--space-md)}.team-switcher{display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.team-switcher svg{color:var(--color-accent-primary)}.team-switcher select{appearance:none;border:none;background:transparent;color:var(--color-text-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.team-switcher select:focus{outline:none}.team-overview-section{padding:var(--space-xl);background:linear-gradient(135deg,#2f6feb0f,#0ea5a708);border:1px solid rgba(47,111,235,.15)}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.overview-title{display:flex;align-items:center;gap:var(--space-sm)}.overview-title h2{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.accent-icon{color:var(--color-accent-primary)}.top-performer-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f59e0b1f,#fbbf2414);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:#f59e0b}.top-performer-badge svg{color:#f59e0b}.overview-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.overview-metric-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-xl);transition:all .25s var(--ease-smooth-out)}.overview-metric-card:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translateY(-2px)}.metric-ring{position:relative;width:100px;height:100px}.metric-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.metric-ring .ring-bg{fill:none;stroke:var(--surface-glass-light);stroke-width:8}[data-theme=dark] .metric-ring .ring-bg{stroke:#94a3b81f}.metric-ring .ring-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-smooth-out)}.ring-excellent .ring-progress{stroke:var(--chart-excellent);filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.ring-good .ring-progress{stroke:var(--chart-good);filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.ring-warning .ring-progress{stroke:var(--chart-warning);filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.ring-poor .ring-progress{stroke:var(--chart-poor);filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.ring-none .ring-progress,.ring-neutral .ring-progress{stroke:var(--color-text-muted)}.ring-progress.csat{stroke:var(--chart-good);filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.ring-value{font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary)}.ring-icon-center{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border-radius:50%;color:var(--color-accent-primary)}.metric-info{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.metric-sub{font-size:.75rem;color:var(--color-text-muted)}.metric-value-text{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display)}.team-health .team-health-content{display:flex;align-items:center;gap:var(--space-lg);width:100%;justify-content:center;padding:var(--space-md) 0}.health-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.health-stat svg{color:var(--color-text-muted)}.health-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.health-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.health-divider{width:1px;height:50px;background:var(--border-glass)}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.alerts-section{margin-bottom:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-glass)}.warning-icon{color:var(--color-warning)}.alert-count{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-warning);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.alert-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.alert-card:hover{background:var(--surface-glass-heavy);transform:translate(4px)}.alert-indicator{width:4px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.alert-warning .alert-indicator{background:var(--color-warning)}.alert-danger .alert-indicator{background:var(--color-error)}.alert-success .alert-indicator{background:var(--color-success)}.alert-content{flex:1}.alert-agent{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.alert-message{font-size:.85rem;color:var(--color-text-muted);margin:4px 0 0}.alert-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-glass-light);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s}.alert-action:hover{background:var(--color-accent-primary);color:#fff}.agents-section{margin-top:var(--space-md)}.agent-count{font-weight:400;color:var(--color-text-muted);margin-left:var(--space-xs)}.sort-control{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.sort-control svg{color:var(--color-accent-primary);flex-shrink:0}.sort-control select{appearance:none;border:none;background:transparent;color:var(--color-text-primary);font-size:.85rem;font-weight:500;cursor:pointer;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.sort-control select:focus{outline:none}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.agent-card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all .3s var(--ease-smooth-out);overflow:hidden}.agent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.agent-card:hover:before{opacity:1}.agent-card.level-excellent{border-color:#22c55e33}.agent-card.level-excellent:hover{border-color:#22c55e66}.agent-card.level-excellent:before{background:linear-gradient(90deg,var(--chart-excellent),#4ade80)}.agent-card.level-good{border-color:#3b82f633}.agent-card.level-good:hover{border-color:#3b82f666}.agent-card.level-good:before{background:linear-gradient(90deg,var(--chart-good),#60a5fa)}.agent-card.level-warning{border-color:#ef444440;box-shadow:0 0 20px #ef444414}.agent-card.level-warning:hover{border-color:#ef444480;box-shadow:0 18px 36px #ef444433}.agent-card.level-warning:before{background:linear-gradient(90deg,var(--chart-poor),#f87171)}.agent-card.level-poor{border-color:#ef444433}.agent-card.level-poor:hover{border-color:#ef444466}.agent-card.level-poor:before{background:linear-gradient(90deg,var(--chart-poor),#f87171)}.rank-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:var(--surface-glass);color:var(--color-text-muted);border:1px solid var(--border-glass)}.rank-badge.rank-1{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border-color:#f59e0b4d;color:#f59e0b}.rank-badge.rank-2{background:linear-gradient(135deg,#94a3b826,#cbd5e11a);border-color:#94a3b84d;color:#94a3b8}.rank-badge.rank-3{background:linear-gradient(135deg,#c2785926,#d9987a1a);border-color:#c278594d;color:#c27859}.agent-header{display:flex;align-items:center;gap:var(--space-md)}.agent-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:2px solid transparent;transition:all .3s ease}.agent-avatar.level-excellent{border-color:var(--chart-excellent)}.agent-avatar.level-good{border-color:var(--chart-good)}.agent-avatar.level-warning,.agent-avatar.level-poor{border-color:var(--chart-poor)}.status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-bg-secondary)}.status-dot.level-excellent{background:var(--chart-excellent)}.status-dot.level-good{background:var(--chart-good)}.status-dot.level-warning{background:var(--chart-poor);box-shadow:0 0 10px #ef44448c}.status-dot.level-poor{background:var(--chart-poor);animation:pulse 2s ease-in-out infinite}.status-dot.level-none{background:var(--color-text-muted)}.agent-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.agent-id{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}.agent-metrics{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass)}.metric-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:var(--surface-glass-light);border-radius:var(--radius-md)}.metric-box.qa{background:var(--surface-glass);border:1px solid var(--border-glass)}.metric-box.qa.level-excellent{background:#22c55e14;border-color:#22c55e33}.metric-box.qa.level-good{background:#3b82f614;border-color:#3b82f633}.metric-box.qa.level-warning,.metric-box.qa.level-poor{background:#ef444414;border-color:#ef444433}.metric-val{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display)}.metric-box.qa.level-excellent .metric-val{color:var(--chart-excellent)}.metric-box.qa.level-good .metric-val{color:var(--chart-good)}.metric-box.qa.level-warning .metric-val,.metric-box.qa.level-poor .metric-val{color:var(--chart-poor)}.metric-lbl{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.agent-footer{display:flex;justify-content:space-between;align-items:center}.status-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.status-badge.level-excellent{background:#22c55e1f;color:var(--chart-excellent)}.status-badge.level-good{background:#3b82f61f;color:var(--chart-good)}.status-badge.level-warning,.status-badge.level-poor{background:#ef44441f;color:var(--chart-poor)}.status-badge.level-none{background:var(--surface-glass-light);color:var(--color-text-muted)}.card-arrow{color:var(--color-text-muted);opacity:0;transform:translate(-5px);transition:all .25s var(--ease-smooth-out)}.agent-card:hover .card-arrow{opacity:1;transform:translate(0)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-muted);background:var(--surface-glass-light);border-radius:var(--radius-xl);border:1px dashed var(--border-glass)}.empty-state svg{margin-bottom:var(--space-md);opacity:.5}.empty-state p{margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .agent-card{background:#ffffffe6}[data-theme=light] .agent-card:hover{background:#fff}[data-theme=light] .team-overview-section{background:linear-gradient(135deg,#2f6feb0a,#0ea5a705)}[data-theme=light] .overview-metric-card{background:#fffc}[data-theme=light] .alert-card{background:#ffffffe6}@media(max-width:1200px){.overview-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.perf-page-header{flex-direction:column;align-items:flex-start}.header-controls{width:100%}.team-switcher{flex:1}}@media(max-width:768px){.overview-metrics-grid{grid-template-columns:1fr}.team-health .team-health-content{flex-wrap:wrap}.health-divider{display:none}.health-stat{flex:1;min-width:80px}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.sort-control{width:100%}.sort-control select{flex:1}}@media(max-width:500px){.perf-page-header h1{font-size:1.5rem}.agents-grid{grid-template-columns:1fr}.metric-ring{width:80px;height:80px}.ring-value{font-size:1.25rem}}.my-performance-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.hero-score-section{padding:var(--space-2xl);background:linear-gradient(135deg,#2f6feb14,#0ea5a70a);border:1px solid rgba(47,111,235,.15)}.hero-content{display:flex;flex-direction:column;gap:var(--space-xl)}.hero-main{display:flex;align-items:center;gap:var(--space-2xl)}.hero-score-ring{position:relative;width:180px;height:180px;flex-shrink:0}.hero-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hero-score-ring .ring-bg{fill:none;stroke:var(--surface-glass-light);stroke-width:10}[data-theme=dark] .hero-score-ring .ring-bg{stroke:#94a3b81f}.hero-score-ring .ring-progress{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease-smooth-out)}.hero-score-ring.ring-excellent .ring-progress{stroke:var(--chart-excellent);filter:drop-shadow(0 0 12px rgba(34,197,94,.5))}.hero-score-ring.ring-good .ring-progress{stroke:var(--chart-good);filter:drop-shadow(0 0 12px rgba(59,130,246,.5))}.hero-score-ring.ring-warning .ring-progress{stroke:var(--chart-warning);filter:drop-shadow(0 0 12px rgba(245,158,11,.5))}.hero-score-ring.ring-poor .ring-progress{stroke:var(--chart-poor);filter:drop-shadow(0 0 12px rgba(239,68,68,.5))}.hero-score-ring.ring-none .ring-progress{stroke:var(--color-text-muted)}.hero-score-ring .ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-score-ring .score-value{font-size:3rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);line-height:1;letter-spacing:-.03em}.hero-score-ring .score-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.hero-info{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.hero-greeting{display:flex;flex-direction:column;gap:var(--space-sm)}.greeting-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#2f6feb14;border:1px solid rgba(47,111,235,.15);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;width:fit-content}.hero-greeting h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.hero-subtitle{font-size:1rem;color:var(--color-text-muted);margin:0}.hero-change{display:flex;align-items:center}.change-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.change-badge.positive{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.change-badge.negative{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.change-badge.neutral{background:var(--surface-glass-light);color:var(--color-text-muted);border:1px solid var(--border-glass)}.hero-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-glass)}.hero-metric-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.hero-metric-card:hover{background:var(--surface-glass);border-color:var(--border-glass)}.hero-metric-card .metric-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2f6feb14;border-radius:var(--radius-md);color:var(--color-accent-primary)}.hero-metric-card .metric-data{flex:1;display:flex;flex-direction:column}.hero-metric-card .metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display);line-height:1.1}.hero-metric-card .metric-name{font-size:.8rem;color:var(--color-text-muted)}.hero-metric-card .metric-change{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.metric-change.positive{background:#22c55e1f;color:var(--color-success)}.metric-change.negative{background:#ef44441f;color:var(--color-error)}.metric-change.neutral{background:var(--surface-glass);color:var(--color-text-muted)}.evaluations-section{margin-top:var(--space-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-glass)}.section-title{display:flex;align-items:center;gap:var(--space-sm)}.section-title h2{font-size:.95rem;font-weight:600;margin:0;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.section-title svg{color:var(--color-accent-primary)}.eval-count{margin-left:var(--space-xs);padding:2px 10px;background:var(--surface-glass);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.eval-filter{display:flex;gap:4px;background:var(--surface-glass-light);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-glass)}.eval-filter button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.eval-filter button:hover{color:var(--color-text-primary)}.eval-filter button.active{background:var(--color-accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.evaluations-timeline{display:flex;flex-direction:column}.evaluation-card{display:flex;gap:var(--space-lg);padding:var(--space-lg) 0}.evaluation-card:last-child{padding-bottom:0}.eval-timeline-dot{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.eval-timeline-dot .dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:3px solid var(--color-bg-secondary)}.dot.level-excellent{background:var(--chart-excellent);box-shadow:0 0 8px #22c55e66}.dot.level-good{background:var(--chart-good);box-shadow:0 0 8px #3b82f666}.dot.level-warning{background:var(--chart-warning);box-shadow:0 0 8px #f59e0b66}.dot.level-poor{background:var(--chart-poor);box-shadow:0 0 8px #ef444466}.timeline-line{flex:1;width:2px;background:var(--border-glass);margin-top:var(--space-sm)}.eval-content{flex:1;padding:var(--space-lg);background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.eval-content:hover{background:var(--surface-glass-heavy);transform:translate(4px)}.evaluation-card.level-excellent .eval-content{border-left:3px solid var(--chart-excellent)}.evaluation-card.level-good .eval-content{border-left:3px solid var(--chart-good)}.evaluation-card.level-warning .eval-content{border-left:3px solid var(--chart-warning)}.evaluation-card.level-poor .eval-content{border-left:3px solid var(--chart-poor)}.eval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.eval-date{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono)}.eval-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.eval-badges{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.eval-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-glass-light);border:1px solid var(--border-glass);color:var(--color-text-muted)}.eval-status-badge.status-completed{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success),transparent 70%);background:color-mix(in srgb,var(--color-success),transparent 90%)}.eval-status-badge.status-pending{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning),transparent 70%);background:color-mix(in srgb,var(--color-warning),transparent 90%)}.eval-status-badge.status-processing{color:var(--color-info);border-color:color-mix(in srgb,var(--color-info),transparent 70%);background:color-mix(in srgb,var(--color-info),transparent 90%)}.eval-status-badge.status-failed{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger),transparent 70%);background:color-mix(in srgb,var(--color-danger),transparent 90%)}.eval-dispute-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-muted)}.eval-dispute-badge.open{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning),transparent 70%);background:color-mix(in srgb,var(--color-warning),transparent 90%)}.eval-dispute-badge.resolved{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success),transparent 70%);background:color-mix(in srgb,var(--color-success),transparent 90%)}.eval-dispute-badge.rejected{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger),transparent 70%);background:color-mix(in srgb,var(--color-danger),transparent 90%)}.eval-type-badge.ai{background:linear-gradient(135deg,#2f6feb1f,#0ea5a714);color:var(--color-accent-primary);border:1px solid rgba(47,111,235,.2)}.eval-type-badge.manual{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.eval-score-display{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.eval-score{font-size:2rem;font-weight:700;font-family:var(--font-display);line-height:1}.eval-score.level-excellent{color:var(--chart-excellent)}.eval-score.level-good{color:var(--chart-good)}.eval-score.level-warning{color:var(--chart-warning)}.eval-score.level-poor{color:var(--chart-poor)}.eval-level{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.eval-level.level-excellent{color:var(--chart-excellent)}.eval-level.level-good{color:var(--chart-good)}.eval-level.level-warning{color:var(--chart-warning)}.eval-level.level-poor{color:var(--chart-poor)}.eval-feedback{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0;padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.eval-actions{display:flex;gap:10px;margin-top:var(--space-md)}.eval-action{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease}.eval-action:hover{color:var(--color-text-primary);background:var(--surface-glass);transform:translateY(-1px)}.eval-action.view{border-color:#2f6feb59;color:var(--color-accent-primary)}.eval-action.dispute{border-color:#f59e0b59;color:var(--color-warning)}.empty-evaluations{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-muted);background:var(--surface-glass-light);border-radius:var(--radius-lg);border:1px dashed var(--border-glass)}.tips-section{padding:var(--space-xl)}.tips-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-glass)}.tips-icon{color:#f59e0b}.tips-header h2{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary);flex:1}.ai-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#2f6feb1f,#0ea5a714);border:1px solid rgba(47,111,235,.2);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.ai-badge.fallback{background:#94a3b81f;border-color:#94a3b84d;color:var(--color-text-muted)}.tips-intro{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.tips-list{display:flex;flex-direction:column;gap:var(--space-md)}.tip-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.tip-item:hover{background:var(--surface-glass)}.tip-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.tip-icon.success{background:#22c55e1f;color:var(--color-success)}.tip-icon.warning{background:#f59e0b1f;color:var(--color-warning)}.tip-icon.info{background:#3b82f61f;color:var(--chart-good)}.tip-text{flex:1;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.tip-text strong{color:var(--color-text-primary)}.empty-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-muted);background:var(--surface-glass-light);border-radius:var(--radius-xl);border:1px dashed var(--border-glass);padding:var(--space-2xl)}.empty-hero svg{margin-bottom:var(--space-lg);opacity:.5}.empty-hero h2{margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary)}.empty-hero p{margin:0;max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-glass);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}[data-theme=light] .hero-score-section{background:linear-gradient(135deg,#2f6feb0a,#0ea5a705)}[data-theme=light] .hero-metric-card{background:#fffc}[data-theme=light] .eval-content{background:#ffffffe6}[data-theme=light] .eval-content:hover{background:#fff}[data-theme=light] .tip-item{background:#fffc}@media(max-width:900px){.hero-main{flex-direction:column;text-align:center}.hero-info,.hero-greeting{align-items:center}}@media(max-width:768px){.hero-score-ring{width:150px;height:150px}.hero-score-ring .score-value{font-size:2.5rem}.hero-greeting h1{font-size:1.4rem}.hero-metrics-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.eval-filter{width:100%}.eval-filter button{flex:1;justify-content:center}}@media(max-width:500px){.hero-score-section{padding:var(--space-lg)}.hero-score-ring{width:130px;height:130px}.hero-score-ring .score-value{font-size:2rem}.evaluation-card{flex-direction:column;gap:var(--space-sm)}.eval-timeline-dot{display:none}}.agent-detail-page{display:flex;flex-direction:column;gap:var(--space-xl)}.agent-not-found{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.agent-not-found a{color:var(--color-accent-primary)}.agent-header{display:flex;flex-direction:column;gap:var(--space-lg)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.875rem;transition:all .2s;background-repeat:no-repeat;background-position:center;background-size:12px}.back-link:hover{color:var(--color-accent-primary);transform:translate(-4px)}.agent-profile{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#0f172af2,#0f172a99);border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:0 24px 40px #0f172a73;position:relative;overflow:hidden}.agent-profile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.25),transparent 45%),radial-gradient(circle at 85% 0%,rgba(14,165,233,.2),transparent 40%);opacity:.7;pointer-events:none}.agent-profile:after{content:"";position:absolute;inset:0;border-left:3px solid rgba(59,130,246,.6);opacity:.7;pointer-events:none}.agent-profile>*{position:relative;z-index:1}.agent-avatar-large{width:96px;height:96px;background:radial-gradient(circle at 30% 30%,#3b82f659,#0f172ad9);border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--color-accent-primary);text-shadow:0 0 20px rgba(59,130,246,.5);flex-shrink:0;box-shadow:0 0 30px #3b82f626}.agent-info-detail{flex:1}.agent-info-detail h1{font-size:2.1rem;margin-bottom:4px;color:var(--color-text-primary);background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:initial}.agent-info-detail>p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:1.05rem}.agent-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.meta-item{font-size:.9rem;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172a8c;border:1px solid var(--border-glass)}.agent-meta .badge{box-shadow:none}.agent-actions{display:flex;gap:var(--space-sm);flex-shrink:0}@media(max-width:768px){.agent-profile{flex-direction:column}.agent-actions{width:100%;flex-direction:column}}@media(max-width:600px){.agent-profile{padding:var(--space-md)}.agent-avatar-large{width:72px;height:72px;font-size:1.9rem}.agent-info-detail h1{font-size:1.6rem}.agent-info-detail>p{font-size:.95rem}}.scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:1024px){.scorecard-grid{grid-template-columns:1fr}}.score-card{background:linear-gradient(140deg,#0f172ae6,#0f172a8c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.18);padding:var(--space-lg);position:relative;overflow:hidden;transition:transform .2s;box-shadow:0 16px 30px #0f172a59}.score-card:hover{transform:translateY(-4px)}.score-card:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);opacity:.6;pointer-events:none}.score-card.good{border-color:#22c55e59}.score-card.warning{border-color:#f59e0b59}.score-card.bad{border-color:#ef444459}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.7;box-shadow:0 0 10px currentColor}.score-card.good:before{background:#34d399;box-shadow:0 0 10px #34d399}.score-card.warning:before{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.score-card.bad:before{background:#f87171;box-shadow:0 0 10px #f87171}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.score-title{display:inline-flex;align-items:center;gap:8px}.score-icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#3b82f626;border:1px solid rgba(59,130,246,.25);color:var(--color-accent-primary)}.score-label{font-size:.9rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.score-change{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);background:#0f172a80;border:1px solid var(--border-glass)}.score-change.positive{color:#34d399;background:#34d3991a}.score-change.negative{color:#f87171;background:#f871711a}.score-change.neutral{color:#94a3b8;background:#94a3b81a}.score-value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);display:block;margin-bottom:4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.score-target{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-md);opacity:.8}.score-chart{height:250px;padding-top:var(--space-sm);background:#0f172a59;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.12);padding:var(--space-sm)}.agent-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);grid-auto-rows:1fr}@media(max-width:768px){.agent-metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.agent-metrics-grid .metric-item{align-items:center;text-align:center;min-height:132px;padding:var(--space-sm);gap:6px}.agent-metrics-grid .metric-icon{margin-bottom:2px}.agent-metrics-grid .metric-label{font-size:.72rem;letter-spacing:.08em}.agent-metrics-grid .metric-value{font-size:1.4rem}}@media(max-width:600px){.scorecard-grid{gap:var(--space-md)}.score-card{padding:var(--space-md)}.score-value{font-size:2rem}.agent-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.agent-metrics-grid .metric-item{padding:var(--space-sm)}}.agent-metrics-grid .metric-item{background:linear-gradient(145deg,#0f172abf,#0f172a73);border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.2);padding:var(--space-lg);text-align:left;transition:background .2s;display:flex;flex-direction:column;gap:var(--space-xs);position:relative;overflow:hidden}.agent-metrics-grid .metric-item:hover{background:var(--surface-glass)}.agent-metrics-grid .metric-item.good{border-color:#22c55e59}.agent-metrics-grid .metric-item.warning{border-color:#f59e0b59}.agent-metrics-grid .metric-item.bad{border-color:#ef444459}.agent-metrics-grid .metric-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#3b82f626;border:1px solid rgba(59,130,246,.25);color:var(--color-accent-primary);margin-bottom:4px}.agent-metrics-grid .metric-label{display:block;font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.agent-metrics-grid .metric-value{display:block;font-size:1.75rem;font-weight:700;margin-bottom:4px;color:var(--color-text-primary)}.agent-metrics-grid .metric-value.good{color:#34d399;text-shadow:0 0 10px rgba(52,211,153,.3)}.agent-metrics-grid .metric-value.warning{color:#fbbf24}.agent-metrics-grid .metric-value.bad{color:#f87171}.agent-metrics-grid .metric-value.neutral{color:#94a3b8}.agent-metrics-grid .metric-change,.agent-metrics-grid .metric-sub{font-size:.75rem;color:var(--color-text-muted)}.agent-metrics-grid .metric-change,.agent-metrics-grid .metric-sub{min-height:16px;line-height:1.3;margin-top:auto}[data-theme=light] .agent-profile{background:linear-gradient(135deg,#fffffff5,#f1f5f9e6);border-color:#0f172a1f;box-shadow:0 18px 28px #0f172a1f}[data-theme=light] .agent-profile:before{background:radial-gradient(circle at 18% 18%,rgba(47,111,235,.18),transparent 52%),radial-gradient(circle at 85% 0%,rgba(14,165,233,.12),transparent 46%);opacity:.7}[data-theme=light] .agent-profile:after{border-left-color:#2f6feb73;opacity:.6}[data-theme=light] .agent-avatar-large{background:linear-gradient(135deg,#2f6feb33,#fffffff2);border-color:#2f6feb4d;color:#1d4ed8;text-shadow:none;box-shadow:0 10px 18px #2f6feb26}[data-theme=light] .meta-item{background:#ffffffe6;border-color:#0f172a1a;color:var(--color-text-secondary)}[data-theme=light] .score-card{background:linear-gradient(140deg,#fffffffa,#f1f5f9eb);border-color:#0f172a1f;box-shadow:0 14px 22px #0f172a1a}[data-theme=light] .score-card:after{background:radial-gradient(circle,rgba(47,111,235,.18),transparent 70%);opacity:.4}[data-theme=light] .score-card:before{opacity:.6}[data-theme=light] .score-icon{background:#2f6feb1f;border-color:#2f6feb38}[data-theme=light] .score-change{background:#94a3b82e;border-color:#0f172a1f}[data-theme=light] .score-chart{background:#f8fafcf2;border-color:#0f172a1f}[data-theme=light] .agent-metrics-grid .metric-item{background:#fffffff5;border-color:#0f172a1f;box-shadow:0 10px 18px #0f172a14}[data-theme=light] .agent-metrics-grid .metric-item:hover{background:#fff;border-color:#2f6feb40}[data-theme=light] .agent-metrics-grid .metric-icon{background:#2f6feb1f;border-color:#2f6feb38;color:var(--color-accent-primary)}[data-theme=light] .agent-metrics-grid .metric-value.good{text-shadow:none}.coaching-modal{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:var(--space-lg);align-items:start;width:100%;max-width:100%}.coaching-progress{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:#0f172a99;border:1px solid var(--border-glass);border-radius:var(--radius-lg);position:relative;overflow:hidden}.coaching-progress,.coaching-content{min-width:0}.coaching-progress:before{content:"";position:absolute;left:32px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#3b82f6b3,#3b82f626);opacity:.8}.progress-step{display:grid;grid-template-columns:32px 1fr;gap:var(--space-sm);align-items:center;opacity:.6;transition:opacity .3s,transform .3s;position:relative;text-align:left}.progress-step.active,.progress-step.completed{opacity:1}.progress-step.active{transform:translate(2px)}.step-number{width:32px;height:32px;background:#0f172acc;border:1px solid var(--border-glass);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--color-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.progress-step.active .step-number{background:var(--color-accent-primary);color:#fff;box-shadow:0 0 15px #3b82f666;transform:scale(1.1)}.progress-step.completed .step-number{background:var(--color-accent-success);color:#fff}.step-meta{display:flex;flex-direction:column;gap:2px}.step-title{font-size:.85rem;color:var(--color-text-primary);font-weight:600}.progress-step.active .step-title{color:var(--color-accent-primary);font-weight:600}.step-description{font-size:.7rem;color:var(--color-text-muted);line-height:1.4}.coaching-content{min-height:320px;max-height:60vh;padding:var(--space-lg);background:#0f172a80;border:1px solid var(--border-glass);border-radius:var(--radius-lg);animation:fadeIn .3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.coaching-content::-webkit-scrollbar{width:6px}.coaching-content::-webkit-scrollbar-track{background:transparent}.coaching-content::-webkit-scrollbar-thumb{background-color:#3b82f64d;border-radius:20px}.coaching-content::-webkit-scrollbar-thumb:hover{background-color:#3b82f680}.step-content{display:flex;flex-direction:column;gap:var(--space-md)}.step-content.loading{align-items:center;justify-content:center;text-align:center;min-height:220px}.coaching-step-title{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.coaching-step-subtitle{margin:-6px 0 0;font-size:.85rem;color:var(--color-text-muted)}.issue-card p,.driver-item p,.plan-section p,.plan-section li,.coaching-step-subtitle{overflow-wrap:anywhere}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.issue-card{padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border-left:4px solid}.issue-card.warning{border-color:#fbbf24}.issue-card.danger{border-color:#f87171}.driver-item{padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:border-color .2s}.driver-item:hover{border-color:var(--color-accent-primary)}.driver-label{font-size:.75rem;color:var(--color-accent-primary);font-weight:600;text-transform:uppercase;display:block;margin-bottom:4px}.driver-item p{margin:0;font-size:var(--font-size-sm)}.coaching-plan{display:flex;flex-direction:column;gap:var(--space-md)}.plan-section{padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass);position:relative;transition:all .2s ease}.plan-section:hover{background:var(--surface-glass);border-color:#3b82f64d;transform:translate(2px)}.plan-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-primary);opacity:.7}.action-item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.action-item-row{display:grid;grid-template-columns:1fr 140px;gap:var(--space-sm);align-items:center}.action-item-text{color:var(--color-text-secondary);font-size:.95rem}.action-item-date{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0f172a59;color:var(--color-text-primary);font-size:.85rem}.action-items-section{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.section-meta{color:var(--color-text-muted);font-size:.85rem}.action-items-error{padding:10px 12px;border-radius:var(--radius-lg);border:1px solid rgba(239,68,68,.35);background:#ef44441f;color:#f87171;font-size:.85rem}.action-items-list{display:flex;flex-direction:column;gap:var(--space-sm)}.action-item-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a4d}.action-item-card.overdue{border-color:#ef444473;background:#ef444414}.action-item-card.done{opacity:.7}.action-item-main{display:flex;flex-direction:column;gap:4px}.action-item-title{color:var(--color-text-primary);font-weight:600}.action-item-meta{color:var(--color-text-muted);font-size:.8rem}.plan-section:nth-child(2):before{background:var(--color-accent-warning)}.plan-section:nth-child(3):before{background:var(--color-accent-danger)}.plan-section:nth-child(4):before{background:var(--color-accent-secondary)}.plan-section h4{font-size:.85rem;color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.plan-section p{font-size:.95rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.plan-section ul{margin:0;padding-left:var(--space-lg)}.plan-section li{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:4px}.learning-modules{display:flex;flex-direction:column;gap:var(--space-md)}.module-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.module-card:hover{background:var(--surface-glass);transform:translateY(-2px);border-color:var(--color-accent-primary);box-shadow:0 4px 12px #0000000d}.module-card:hover .module-icon{transform:scale(1.1) rotate(5deg);background:#3b82f61a}.module-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:12px;transition:all .3s ease;color:var(--color-accent-primary)}.module-info{flex:1}.module-info h4{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.module-info p{font-size:.85rem;color:var(--color-text-muted);margin:0}.verification-setup p{margin-bottom:var(--space-md)}.verification-options{display:flex;flex-direction:column;gap:var(--space-sm)}.verify-option{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;background:var(--surface-glass-light);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;color:var(--color-text-secondary);border:1px solid var(--border-glass);transition:all .2s ease;-webkit-user-select:none;user-select:none}.verify-option:hover{background:var(--surface-glass);border-color:var(--color-accent-primary);transform:translate(2px)}.verify-option:has(input:checked){background:#3b82f60d;border-color:#3b82f64d;color:var(--color-text-primary)}.verify-option input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid var(--color-accent-primary);border-radius:4px;background:#3b82f61a;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s;background-repeat:no-repeat;background-position:center;background-size:12px}.verify-option input:checked{background:var(--color-accent-primary);box-shadow:0 0 10px #3b82f666;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.coaching-nav{display:flex;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--border-glass);grid-column:1 / -1}.agenda-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.agenda-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted)}.agenda-loading p{margin-top:var(--space-md)}.agenda-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172ad9,#1e293bbf);box-shadow:0 12px 20px #0f172a40;gap:var(--space-sm);flex-wrap:wrap}.agenda-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.agenda-agent{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--color-text-primary);background:#0f172a99;border:1px solid var(--border-glass);border-radius:999px;padding:4px 10px;width:fit-content}.agenda-date{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary);background:#0f172a80;border:1px solid var(--border-glass);border-radius:999px;padding:3px 10px;width:fit-content}.agenda-content{display:grid;gap:var(--space-lg);max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm);padding-bottom:var(--space-lg);scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.agenda-content::-webkit-scrollbar{width:6px}.agenda-content::-webkit-scrollbar-track{background:transparent}.agenda-content::-webkit-scrollbar-thumb{background-color:#3b82f64d;border-radius:20px}.agenda-content::-webkit-scrollbar-thumb:hover{background-color:#3b82f680}.agenda-section{--agenda-accent: var(--color-accent-primary);position:relative;background:#0f172a99;border:1px solid var(--border-glass);border-left:3px solid var(--agenda-accent);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 6px);transition:all .2s ease}.agenda-section:hover{background:var(--surface-glass);border-color:#3b82f633;border-left-color:var(--agenda-accent)}.agenda-section:before{content:"";position:absolute;left:14px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--agenda-accent);box-shadow:0 0 10px #3b82f659}.agenda-section:nth-child(2){--agenda-accent: var(--color-accent-secondary)}.agenda-section:nth-child(3){--agenda-accent: var(--color-accent-success)}.agenda-section:nth-child(4){--agenda-accent: var(--color-accent-warning)}.agenda-section:nth-child(5){--agenda-accent: var(--color-accent-danger)}.agenda-section-title{font-size:.85rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.08em}.agenda-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.agenda-items li{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;position:relative;padding-left:16px;overflow-wrap:anywhere}.agenda-items li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--agenda-accent)}.agenda-footer{display:flex;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f172a73}.agenda-note{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.ai-summary{padding:var(--space-md);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md)}.issue-cards{display:flex;flex-direction:column;gap:var(--space-md)}.issue-card.info{border-color:#60a5fa}.issue-evidence{font-size:.75rem;color:var(--color-text-muted);display:block;margin-top:var(--space-xs)}.driver-analysis{display:flex;flex-direction:column;gap:var(--space-md)}@media(max-width:900px){.coaching-modal{grid-template-columns:1fr}.coaching-progress{flex-direction:row;overflow-x:auto;padding:var(--space-sm);gap:var(--space-sm)}.coaching-progress:before{display:none}.progress-step{grid-template-columns:32px;justify-items:center;text-align:center;min-width:110px}.step-meta{align-items:center}.step-description{display:none}}.evaluations-section{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.view-all-link{font-size:.875rem;color:var(--color-accent-primary);text-decoration:none;font-weight:500;transition:all .2s}.view-all-link:hover{color:var(--color-accent-hover);text-decoration:underline}.evaluation-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(145deg,#0f172a66,#0f172a33);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .2s ease}.evaluation-card-link{text-decoration:none;color:inherit;display:block}.evaluation-card:hover{background:linear-gradient(145deg,#1e293b80,#1e293b4d);border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.eval-score-circle{width:48px;height:48px;border-radius:50%;border:3px solid #3B82F6;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0f172a99}.eval-score{font-weight:700;font-size:.9rem;color:var(--color-text-primary)}.eval-details{flex:1;display:flex;flex-direction:column;gap:4px}.eval-details h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.eval-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--color-text-muted)}.status-badge{text-transform:capitalize;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.status-badge.pending{background:#3b82f626;color:#60a5fa}.status-badge.completed{background:#10b98126;color:#34d399}.status-badge.failed{background:#ef444426;color:#f87171}.dispute-badge{background:#f59e0b26;color:#fbbf24;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;border:1px solid rgba(245,158,11,.3)}.arrow-icon{color:var(--color-text-muted);opacity:.5;transition:opacity .2s}.evaluation-card:hover .arrow-icon{opacity:1;color:var(--color-accent-primary)}.evaluation-detail-page{padding:2rem;max-width:1600px;margin:0 auto;height:calc(100vh - 64px);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.evaluation-header{display:flex;justify-content:space-between;align-items:flex-start}.header-left h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.meta-badges{display:flex;gap:.75rem;align-items:center}.meta-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;background:var(--surface-glass-light);border:1px solid var(--border-glass)}.status-completed{color:var(--color-success);border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 90%)}.status-pending{color:var(--color-warning);border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning),transparent 90%)}.status-processing{color:var(--color-info);border-color:var(--color-info);background:color-mix(in srgb,var(--color-info),transparent 90%)}.status-failed{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger),transparent 90%)}.dispute-none{display:none}.dispute-open{color:var(--color-warning);border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning),transparent 85%)}.dispute-resolved{color:var(--color-success);border-color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 85%)}.dispute-rejected{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger),transparent 85%)}.score-card-mini{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.score-value{font-size:2.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.evaluation-workbench{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;min-height:0}.workbench-panel{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;background:var(--surface-glass-light)}.panel-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.transcript-content{flex:1;padding:1.5rem;overflow-y:auto;font-family:Inter,sans-serif;line-height:1.6;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem}.transcript-raw{white-space:pre-wrap}.transcript-empty{color:var(--color-text-tertiary);font-style:italic}.transcript-turn{display:flex;flex-direction:column;gap:.25rem;max-width:85%}.turn-agent{align-self:flex-end}.turn-customer{align-self:flex-start}.turn-speaker{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-tertiary)}.turn-agent .turn-speaker{color:var(--color-accent-primary);justify-content:flex-end}.turn-text{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.turn-customer .turn-text{background:var(--surface-glass-heavy);border:1px solid var(--border-glass);border-bottom-left-radius:4px;color:var(--color-text-secondary)}.turn-agent .turn-text{background:color-mix(in srgb,var(--color-accent-primary),transparent 88%);border:1px solid color-mix(in srgb,var(--color-accent-primary),transparent 70%);border-bottom-right-radius:4px;color:var(--color-text-primary)}.confidence-badge{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.confidence-badge.high{color:var(--color-success);background:color-mix(in srgb,var(--color-success),transparent 88%)}.confidence-badge.mid{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning),transparent 88%)}.confidence-badge.low{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger),transparent 88%)}.panel-actions{display:flex;gap:.5rem;align-items:center}.rubric-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.rubric-category{background:var(--surface-glass-light);border-radius:8px;padding:1rem;border:1px solid var(--border-glass)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-glass)}.category-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.category-score{font-weight:700;color:var(--color-accent-primary)}.rubric-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;gap:1rem}.item-info{flex:1}.item-name{font-weight:500;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.item-desc{font-size:.875rem;color:var(--color-text-tertiary)}.item-feedback{margin-top:.5rem;font-size:.875rem;color:var(--color-info);background:color-mix(in srgb,var(--color-info),transparent 90%);padding:.5rem;border-radius:4px;border-left:2px solid var(--color-info)}.item-score-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.score-display{font-weight:600;color:var(--color-text-primary)}.ai-reasoning{margin-top:1rem;padding:1rem;background:var(--surface-glass-heavy);border-radius:8px;border:1px solid var(--border-glass)}.ai-reasoning h5{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-secondary)}.ai-reasoning ul{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--color-text-secondary)}.ai-reasoning li{margin-bottom:.25rem;padding-left:1rem;position:relative}.ai-reasoning li:before{content:"•";position:absolute;left:0;color:var(--color-accent-primary)}.dispute-panel{grid-column:1 / -1;background:color-mix(in srgb,var(--color-warning),transparent 95%);border:1px solid var(--color-warning);border-radius:8px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.dispute-info h4{color:var(--color-warning);font-weight:600;margin-bottom:.25rem}.dispute-info p{font-size:.875rem;color:var(--color-text-secondary)}.review-metadata{display:flex;gap:1rem;flex-wrap:wrap}.review-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-glass);background:var(--surface-glass-light);min-width:240px}.review-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:.25rem}.review-detail{font-size:.9rem;color:var(--color-text-primary)}.resolve-dispute-modal{display:flex;flex-direction:column;gap:1.25rem}.resolve-dispute-intro{font-size:.875rem;color:var(--color-text-secondary);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:10px;padding:.75rem 1rem}.resolve-dispute-section{display:flex;flex-direction:column;gap:.5rem}.resolve-dispute-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.resolve-dispute-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.resolve-dispute-option{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border-glass);background:var(--surface-glass-light);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.resolve-dispute-option:hover{border-color:var(--color-accent-primary)}.resolve-dispute-option.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-primary),transparent 70%);background:color-mix(in srgb,var(--color-accent-primary),transparent 92%)}.resolve-dispute-radio{accent-color:var(--color-accent-primary)}.resolve-dispute-option-title{font-weight:600;color:var(--color-text-primary)}.resolve-dispute-option-text{font-size:.8125rem;color:var(--color-text-secondary)}.resolve-dispute-input,.resolve-dispute-textarea{width:100%;border-radius:10px;border:1px solid var(--border-glass);background:#0003;padding:.75rem .9rem;color:var(--color-text-primary)}.resolve-dispute-textarea{min-height:120px;resize:vertical}.resolve-dispute-actions{display:flex;justify-content:flex-end;gap:.75rem}.calibration-modal{display:flex;flex-direction:column;gap:1.25rem}.calibration-intro{font-size:.875rem;color:var(--color-text-secondary);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:10px;padding:.75rem 1rem}.calibration-section{display:flex;flex-direction:column;gap:.5rem}.calibration-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.calibration-input,.calibration-textarea{width:100%;border-radius:10px;border:1px solid var(--border-glass);background:#0003;padding:.75rem .9rem;color:var(--color-text-primary)}.calibration-textarea{min-height:120px;resize:vertical}.calibration-actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:1024px){.evaluation-workbench{grid-template-columns:1fr;overflow-y:auto}.evaluation-detail-page{height:auto;overflow:visible}.workbench-panel{max-height:500px}}.evaluation-create-page{padding:2rem;max-width:1100px;margin:0 auto}.evaluation-create-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}.card-header h1{margin:0 0 .4rem;font-size:1.5rem}.card-header p{margin:0;color:var(--color-text-secondary)}.back-link{text-decoration:none;color:var(--color-text-secondary);font-size:.85rem}.back-link:hover{color:var(--color-text-primary)}.evaluation-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary);font-size:.9rem}.form-field textarea{resize:vertical}.read-only{padding:.75rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem}.form-error{padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid rgba(239,68,68,.4);color:var(--color-danger);background:#ef44441a}.loading-state{padding:2rem 0;color:var(--color-text-muted)}.qa-agent-page{display:flex;flex-direction:column;gap:16px}.qa-agent-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--border-glass);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.qa-agent-header-main h1{margin:8px 0 4px;font-size:1.35rem}.qa-agent-header-main p{margin:0;color:var(--color-text-secondary)}.qa-agent-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-decoration:none}.qa-agent-back-link:hover{color:var(--color-primary)}.qa-agent-header-actions{display:inline-flex;gap:8px;flex-wrap:wrap}.qa-agent-header-actions a{text-decoration:none}.qa-agent-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.qa-agent-filter-group{display:inline-flex;gap:8px}.qa-agent-filter-group button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-glass);background:transparent;color:var(--color-text-secondary);border-radius:999px;padding:6px 12px;cursor:pointer}.qa-agent-filter-group button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.qa-agent-total{color:var(--color-text-secondary);font-size:.88rem}.qa-agent-timeline{display:flex;flex-direction:column;gap:14px}.qa-agent-item{display:grid;grid-template-columns:26px 1fr;gap:12px}.qa-agent-track{display:flex;flex-direction:column;align-items:center}.qa-agent-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55eb3;margin-top:6px}.qa-agent-line{width:2px;flex:1;background:linear-gradient(180deg,#22c55eb3,#22c55e26);margin-top:6px;border-radius:999px}.qa-agent-card{border:1px solid var(--border-glass);border-radius:14px;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px;display:flex;flex-direction:column;gap:10px}.qa-agent-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.qa-agent-date{color:var(--color-text-secondary);font-size:.88rem}.qa-agent-chips{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.qa-agent-chip{font-size:.72rem;padding:4px 8px;border-radius:999px;border:1px solid var(--border-glass);color:var(--color-text-secondary)}.qa-agent-chip-dispute{color:#f59e0b;border-color:#f59e0b73}.qa-agent-score-row{display:inline-flex;align-items:baseline;gap:8px}.qa-agent-score{font-size:1.35rem;font-weight:700}.qa-agent-score.level-excellent,.qa-agent-score.level-good{color:#22c55e}.qa-agent-score.level-warning{color:#f59e0b}.qa-agent-score.level-poor{color:#ef4444}.qa-agent-score.level-none{color:var(--color-text-secondary)}.qa-agent-score-level{font-size:.9rem;color:var(--color-text-secondary)}.qa-agent-feedback{margin:0;line-height:1.55}.qa-agent-actions{display:inline-flex;gap:8px;flex-wrap:wrap}.qa-agent-view-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.84rem;font-weight:600;text-decoration:none;color:var(--color-primary);background:#3b82f614;border:1px solid rgba(59,130,246,.2);transition:all .2s ease}.qa-agent-view-link:hover{background:#3b82f629;border-color:#3b82f666;transform:translate(2px)}.qa-agent-state{border:1px dashed var(--border-glass);border-radius:12px;padding:22px;text-align:center;color:var(--color-text-secondary)}.qa-agent-error{color:#ef4444}.qa-agent-footer{display:inline-flex;align-items:center;gap:8px}.qa-agent-page-label{color:var(--color-text-secondary);font-size:.88rem}@media(max-width:768px){.qa-agent-header{flex-direction:column}.qa-agent-card-top{flex-direction:column;align-items:flex-start}.qa-agent-chips{justify-content:flex-start}}.goal-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-height:280px;position:relative;overflow:hidden}.goal-card.overachieved{border-color:#22c55e66;box-shadow:0 0 25px #22c55e26}.goal-card.overachieved:after{content:"";position:absolute;inset:-40% 0 0;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.18),transparent 65%);opacity:.7;pointer-events:none;z-index:0}.goal-card.overachieved>*{position:relative;z-index:1}.goal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-primary)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);height:32px}.goal-meta{display:inline-flex;align-items:center;gap:8px}.goal-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3em}.goal-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--space-xs)}.progress-bar{height:8px;background:#ffffff1a;border-radius:999px;margin:1.5rem 0 1rem;overflow:hidden;width:100%}.progress-bar.overachieved{background:#22c55e33}.progress-fill{height:100%;background:var(--color-accent-primary);border-radius:999px;transition:width .5s ease}.progress-fill.overachieved{background:linear-gradient(90deg,#22c55e,#5eead4,#22c55e);background-size:200% 100%;animation:goal-shimmer 2.4s linear infinite;box-shadow:0 0 12px #22c55e59}.goal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.875rem;color:var(--color-text-secondary)}.goal-owner,.goal-due{display:flex;align-items:center;gap:.5rem}.goal-overachieved-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#22c55e29;border:1px solid rgba(34,197,94,.28);color:#34d399}.goal-card.compact{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;padding:var(--space-md) var(--space-lg);min-height:auto;gap:var(--space-lg)}.goal-card.compact .goal-header{display:none}.goal-card.compact .goal-title{margin-bottom:0;height:auto;-webkit-line-clamp:1;font-size:1rem}.goal-card.compact .goal-description{display:none}.goal-card.compact .progress-bar{width:100%;margin:0}.goal-card.compact .goal-footer{display:none}.goal-compact-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.goal-compact-header{display:flex;flex-direction:column;gap:6px}.goal-compact-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.goal-compact-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-muted)}.goal-compact-divider{width:1px;height:12px;background:var(--border-glass)}.goal-compact-progress{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.goal-compact-percent{display:flex;align-items:baseline;gap:6px}.goal-card.compact .goal-progress-text{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.goal-card.compact .goal-progress-text.overachieved{color:#34d399}.goal-card.compact .goal-overflow{font-size:.7rem;font-weight:600;color:#22c55ecc}@keyframes goal-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(max-width:768px){.goal-card.compact{grid-template-columns:1fr;align-items:stretch}.goal-compact-progress{align-items:flex-start}}.goals-page{padding:0;max-width:1600px;margin:0 auto;font-family:var(--font-sans);color:var(--text-primary);min-height:100vh}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.goals-stats{display:flex;gap:var(--space-lg)}.stat-card{background:var(--surface-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;align-items:center;min-width:110px;transition:transform .2s;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);border-color:#2f6feb59;box-shadow:var(--shadow-md)}.stat-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;margin-bottom:.25rem;font-variant-numeric:tabular-nums}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.stat-card.success .stat-value{color:var(--color-accent-success)}.stat-card.warning .stat-value{color:var(--color-accent-danger)}.stat-card.primary .stat-value{color:var(--color-accent-primary)}.goals-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);background:var(--surface-glass-light);padding:var(--space-xs);border-radius:var(--radius-lg);border:1px solid var(--border-glass)}.filter-group{display:flex;gap:.5rem}.filter-btn{background:none;border:none;padding:.45rem .9rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.filter-btn:hover{color:var(--color-text-primary);background:#2f6feb14}.filter-btn.active{background:#2f6feb29;color:var(--color-accent-primary);font-weight:600}.filter-divider{width:1px;height:24px;background:var(--border-glass);margin:0 .5rem;align-self:center}.view-toggle{display:flex;gap:.5rem}.view-btn{background:none;border:1px solid transparent;padding:.4rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.view-btn.active{background:#2f6feb14;border-color:var(--border-glass);color:var(--color-accent-primary)}.goals-grid{display:grid;gap:var(--space-lg);animation:fade-in-up .5s ease-out}.goals-grid.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.goals-grid.list{grid-template-columns:1fr}.goal-card{background:var(--surface-glass)!important;border:1px solid var(--border-glass)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg)!important;transition:all .3s ease}.goal-card:hover{transform:translateY(-2px);border-color:#2f6feb59!important;box-shadow:var(--shadow-lg)}.create-goal-modal,.goal-detail-modal{color:var(--text-primary)}.form-group label{margin-bottom:.5rem;color:var(--text-secondary);font-size:.85rem}input,textarea,select{width:100%;background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--color-text-primary);padding:.65rem .75rem;border-radius:var(--radius-md);font-family:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#2f6feb99}.goal-detail-progress{background:var(--surface-glass-light);padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem;color:var(--text-secondary)}.progress-percent{font-family:var(--font-mono);color:var(--color-accent-success);font-weight:700}.progress-bar-large{height:12px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-success))}.kr-detail-item{background:var(--surface-glass-light);border:1px solid var(--border-glass);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.kr-detail-meta{font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.goal-empty{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.goal-action-modal,.goal-action-list{display:flex;flex-direction:column;gap:var(--space-sm)}.goal-action-row{display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;background:var(--surface-glass-light);border:1px solid var(--border-glass);padding:var(--space-sm);border-radius:var(--radius-md)}.goal-action-title{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.goal-action-meta{font-size:.8rem;color:var(--text-secondary)}.goal-action-note{font-size:.85rem;color:var(--text-muted)}.goal-action-pill{display:inline-flex;align-items:center;gap:.25rem;background:#2f6feb24;color:var(--color-accent-primary);border-radius:999px;padding:.1rem .5rem;margin-left:.4rem;font-size:.7rem;font-weight:600}.goal-action-readonly{min-width:120px;text-align:right;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.goal-action-label{font-size:.8rem;color:var(--text-secondary)}.goal-action-help{font-size:.8rem;color:var(--text-muted)}.goal-action-error{border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-sm);font-size:.85rem}.goal-action-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.goal-action-field{flex:1;display:flex;flex-direction:column;gap:.4rem}.goal-action-progress-row input{width:120px}.kr-block{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xs)}.kr-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-sm)}.kr-row.secondary{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.goals-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.goals-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.stat-card{min-width:0;padding:var(--space-sm) var(--space-md)}.goals-actions,.goals-actions .btn{width:100%}}@media(max-width:600px){.goals-filters{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.filter-group{overflow-x:auto;padding-bottom:4px}.filter-group::-webkit-scrollbar{height:4px}.filter-group::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.filter-btn{white-space:nowrap}.view-toggle{width:100%;justify-content:space-between}.goals-grid.cards{grid-template-columns:1fr}}@media(max-width:480px){.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}}[data-theme=light] .goals-filters{background:#00000008;border-color:#0000001a}[data-theme=light] .filter-btn{color:#475569}[data-theme=light] .filter-btn:hover{color:#1e293b;background:#0000000d}[data-theme=light] .filter-btn.active{background:#3b82f61a;color:var(--color-accent-primary)}[data-theme=light] .view-btn{color:#475569}[data-theme=light] .view-btn.active{background:#0000000d;border-color:#0000001a;color:var(--color-accent-primary)}[data-theme=light] .goal-detail-progress{background:#00000008}[data-theme=light] .progress-bar-large{background:#0000001a}[data-theme=light] .kr-detail-item{background:#00000005;border-color:#0000001a}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fffffff2;border-color:#00000026;color:var(--color-text-primary)}[data-theme=light] .stat-card{background:#ffffffe6;border-color:#0000001a}.documents-page{height:calc(100vh - 64px);display:flex;flex-direction:column;background:radial-gradient(circle at top right,rgba(6,182,212,.05),transparent 40%)}.documents-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-glass);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.documents-header-row{display:flex;align-items:center;gap:var(--space-md)}.search-container{flex:1;max-width:600px;margin:0;position:relative;display:flex;align-items:center}.search-container svg{position:absolute;left:12px;color:var(--color-text-muted)}.search-container input{width:100%;padding:var(--space-sm) var(--space-xl);background:#0f172a99;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all .2s ease}.search-container input:focus{background:#0f172ae6;border-color:var(--color-accent-cyan);box-shadow:0 0 15px #06b6d433}.documents-layout{display:flex;flex:1;overflow:hidden}.documents-sidebar{width:250px;background:var(--surface-glass-light);border-right:1px solid var(--border-glass);display:flex;flex-direction:column}.category-nav{padding:var(--space-md);display:flex;flex-direction:column;gap:2px}.category-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all .2s}.category-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.category-item.active{background:#2563eb1a;color:var(--color-accent-primary)}.category-icon{width:24px;display:flex;justify-content:center;font-size:.75rem;font-weight:600}.category-count{margin-left:auto;background:#ffffff1a;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem}.sidebar-section{margin-top:var(--space-md);padding:var(--space-md);border-top:1px solid var(--border-glass)}.sidebar-section h4{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.recent-doc-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:none;border:none;padding:var(--space-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.recent-doc-item:hover{background:#ffffff0d}.doc-type-icon{font-size:.7rem;font-weight:700;color:var(--color-text-muted);width:20px}.doc-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-main{flex:1;overflow-y:auto;padding:var(--space-xl)}.documents-loading,.documents-error{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:1rem;background:var(--surface-glass-light);border:1px solid var(--border-glass);color:var(--color-text-secondary)}.documents-error{color:var(--color-error);border-color:#ef44444d}.featured-section{margin-bottom:var(--space-xl)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.featured-card{background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,transparent 100%);border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;gap:var(--space-md);cursor:pointer;transition:all .3s;position:relative}.featured-card:hover{box-shadow:0 0 20px #06b6d433;transform:scale(1.02)}.featured-card:after{content:"FEATURED";position:absolute;top:10px;right:10px;font-size:.6rem;letter-spacing:.2em;color:var(--color-accent-cyan);border:1px solid var(--color-accent-cyan);padding:2px 6px;border-radius:4px}.featured-icon{width:48px;height:48px;background:#06b6d433;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent-cyan);font-weight:700}.featured-content h3{font-size:1rem;margin-bottom:4px}.featured-content p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.result-count{color:var(--color-text-muted);font-weight:400;margin-left:var(--space-sm);font-size:1rem}.documents-list{display:flex;flex-direction:column;gap:var(--space-sm)}.document-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);opacity:0;transition:opacity .3s}.document-card:hover{background:#ffffff0f;border-color:var(--color-accent-cyan)}.document-card:hover:before{opacity:1}.doc-icon{width:48px;height:48px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent-cyan);font-weight:700;font-size:.75rem;font-family:var(--font-mono)}.doc-info{flex:2;min-width:200px}.doc-title{font-size:1rem;margin-bottom:2px}.doc-description{font-size:.85rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.doc-tags{display:flex;gap:4px}.tag{font-size:.7rem;padding:1px 6px;background:#ffffff0d;border-radius:var(--radius-sm);color:var(--color-text-muted)}.doc-meta{flex:1;display:flex;justify-content:space-around;font-size:.8rem;color:var(--color-text-secondary)}.meta-item{display:flex;flex-direction:column;align-items:center}.meta-label{font-size:.7rem;color:var(--color-text-muted);margin-bottom:2px}.doc-actions{display:flex;align-items:center}.action-btn{background:#ffffff0d;border:none;border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--color-accent-primary);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;opacity:.5}.empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.document-preview{display:flex;flex-direction:column;gap:var(--space-lg)}.preview-content{padding:var(--space-md);border-radius:var(--radius-md);background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;white-space:pre-wrap}.manage-docs-modal{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.4fr);gap:var(--space-lg)}.manage-docs-list,.manage-docs-form{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-glass-light)}.manage-docs-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);max-height:480px;overflow:hidden}.manage-docs-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.manage-docs-list-header h4,.manage-docs-form h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.manage-docs-items{display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;padding-right:4px}.manage-docs-item{border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--space-sm);background:#ffffff08;display:flex;flex-direction:column;gap:var(--space-sm)}.manage-docs-item.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-primary),transparent 75%)}.manage-docs-item-main{background:none;border:none;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;color:inherit;padding:0}.manage-docs-item-title{font-weight:600;color:var(--color-text-primary)}.manage-docs-item-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.manage-docs-item-actions{display:flex;gap:var(--space-xs);align-items:center}.manage-docs-empty{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-sm)}.manage-docs-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-glass)}.manage-docs-upload{border:1px dashed var(--border-glass);border-radius:var(--radius-md);padding:var(--space-sm);background:#0f172a59;display:flex;flex-direction:column;gap:var(--space-xs)}.manage-docs-upload-row{display:flex;gap:var(--space-sm);align-items:center}.manage-docs-file{flex:1;color:var(--color-text-secondary)}.manage-docs-upload-meta{font-size:.8rem;color:var(--color-text-muted)}.manage-docs-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.manage-docs-help{font-size:.8rem;color:var(--color-text-muted)}.manage-docs-input,.manage-docs-select,.manage-docs-textarea{width:100%;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-sm);background:#0f172a99;color:var(--color-text-primary)}.manage-docs-textarea{min-height:180px;resize:vertical}.manage-docs-error{border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-sm);font-size:.85rem}.manage-docs-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@media(max-width:1024px){.documents-layout{flex-direction:column;overflow:visible}.documents-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-glass)}.category-nav{flex-direction:row;overflow-x:auto;padding:var(--space-sm);gap:var(--space-sm)}.category-item{min-width:160px;background:var(--surface-glass);border:1px solid var(--border-glass);white-space:nowrap}.category-count{margin-left:0}.documents-main{padding:var(--space-lg);overflow:visible}.doc-info{min-width:0}}@media(max-width:768px){.documents-page{height:auto;min-height:calc(100vh - var(--topbar-height))}.documents-header{padding:var(--space-sm) var(--space-md)}.documents-header-row{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.sidebar-section{display:none}.featured-grid{grid-template-columns:1fr}.documents-list{gap:var(--space-md)}.document-card{flex-direction:column;align-items:flex-start}.doc-meta{width:100%;justify-content:flex-start;gap:var(--space-lg)}.doc-actions{width:100%;justify-content:flex-end}.manage-docs-modal{grid-template-columns:1fr}.manage-docs-list{max-height:260px}.manage-docs-upload-row{flex-direction:column;align-items:stretch}.manage-docs-file{width:100%}}@media(max-width:520px){.category-item{min-width:140px;padding:var(--space-xs) var(--space-sm)}.document-card{padding:var(--space-md)}.doc-tags{flex-wrap:wrap}}[data-theme=light] .documents-page{background:radial-gradient(circle at top right,rgba(6,182,212,.03),transparent 40%)}[data-theme=light] .search-container input{background:#ffffffe6;border-color:#00000026;color:var(--color-text-primary)}[data-theme=light] .search-container input::placeholder{color:#64748b}[data-theme=light] .search-container input:focus{background:#fff;border-color:var(--color-accent-cyan);box-shadow:0 0 10px #06b6d426}[data-theme=light] .documents-sidebar{background:#fff9;border-right-color:#00000014}[data-theme=light] .category-item{color:#475569}[data-theme=light] .category-item:hover{background:#0000000d;color:#1e293b}[data-theme=light] .category-item.active{background:#2563eb1a;color:var(--color-accent-primary)}[data-theme=light] .category-count{background:#00000014;color:#64748b}[data-theme=light] .sidebar-section{border-top-color:#00000014}[data-theme=light] .sidebar-section h4,[data-theme=light] .recent-doc-item{color:#475569}[data-theme=light] .recent-doc-item:hover{background:#0000000d;color:#1e293b}[data-theme=light] .doc-type-icon{color:#64748b}[data-theme=light] .document-card{background:#fffc;border-color:#0000001a}[data-theme=light] .document-card:hover{background:#fffffff2;border-color:var(--color-accent-cyan)}[data-theme=light] .tag{background:#0000000f;color:#475569}[data-theme=light] .action-btn{background:#0000000d;color:#64748b}[data-theme=light] .action-btn:hover{background:var(--color-accent-primary);color:#fff}[data-theme=light] .empty-state{color:#64748b}[data-theme=light] .manage-docs-list,[data-theme=light] .manage-docs-form{background:#fffc;border-color:#0000001a}[data-theme=light] .manage-docs-item{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .manage-docs-input,[data-theme=light] .manage-docs-select,[data-theme=light] .manage-docs-textarea{background:#fff;border-color:#00000026;color:var(--color-text-primary)}[data-theme=light] .manage-docs-upload{background:#ffffffb3;border-color:#0000001f}.recognition-page{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;font-family:var(--font-sans);color:var(--color-text-primary);background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.1),transparent 60%),radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 90% 80%,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,120px 120px,120px 120px;animation:twinkle 10s infinite alternate}@keyframes twinkle{0%{background-position:50% 0%,0 0,0 0;opacity:.8}to{background-position:50% 0%,20px 20px,-20px -20px;opacity:1}}.recognition-header{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.user-stats-card{flex:2;background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid var(--border-glass);border-radius:20px;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000080}[data-theme=light] .user-stats-card{background:linear-gradient(135deg,#ffffffe6,#f1f5f9e6);color:var(--color-text-primary);box-shadow:0 10px 30px #0000001a}[data-theme=light] .tier-name{background:linear-gradient(to right,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-stats-card:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skew(-20deg);animation:holo-pass 8s infinite}[data-theme=light] .user-stats-card:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@keyframes holo-pass{0%{left:-100%}20%{left:200%}to{left:200%}}.stats-tier{display:flex;align-items:center;gap:1.5rem;z-index:1}.tier-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(251,191,36,.4))}.tier-name{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tier-points{color:var(--neon-gold);font-family:var(--font-mono)}.stats-progress{display:flex;flex-direction:column;gap:.75rem;min-width:220px;z-index:1}.xp-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em}.xp-value{font-family:var(--font-mono);color:#ffffffe6}.xp-bar{height:6px;width:100%;background:#ffffff14;border-radius:999px;overflow:hidden}.xp-bar span{display:block;height:100%;background:linear-gradient(90deg,#22c55ee6,#38bdf8e6);border-radius:inherit}.credits-summary{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.metrics-row{display:flex;gap:2rem;z-index:1}.metric-item{text-align:center}.metric-val{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-lbl{font-size:.75rem;text-transform:uppercase;color:#ffffff80;letter-spacing:.05em}.quests-section{display:grid;gap:1.5rem}.quest-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.quest-main h3{margin-bottom:.4rem}.quest-meta{display:flex;gap:1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:.5rem}.quest-reward{color:var(--neon-blue)}.quest-progress{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.quest-progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.quest-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#3b82f6e6,#0ea5e9e6)}.quest-progress-text{font-size:.8rem;color:#fff9;min-width:70px;text-align:right}.quest-actions{display:flex;align-items:center}.quest-claim-btn{border:none;border-radius:var(--radius-full);padding:.5rem 1.2rem;background:#3b82f633;color:#bfdbfe;cursor:pointer;transition:all .2s ease}.quest-claim-btn:disabled{opacity:.5;cursor:not-allowed}.quest-claim-btn:not(:disabled):hover{background:#3b82f659;color:#fff}.quest-claimed{font-size:.8rem;color:#22c55ee6}.reward-approvals{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.reward-approvals-header{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;color:#fff9}.reward-approvals-empty{font-size:.85rem;color:#fff9}.reward-approvals-list{display:grid;gap:.75rem}.reward-approval-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;padding:1rem}.reward-approval-card h4{margin-bottom:.2rem}.reward-approval-card p{color:#fff9;font-size:.85rem}.reward-approval-actions{display:flex;gap:.5rem}.reward-approval-actions button{border:none;border-radius:var(--radius-full);padding:.4rem .9rem;font-size:.75rem;cursor:pointer;background:#3b82f633;color:#bfdbfe}.reward-approval-actions button.deny{background:#f8717133;color:#fecaca}.reward-catalog{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.reward-catalog-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.reward-balances{display:flex;gap:1rem;font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em}.reward-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reward-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:14px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.reward-card.can-redeem{border-color:#3b82f666;box-shadow:0 0 18px #3b82f633}.reward-info h4{margin-bottom:.3rem}.reward-meta{display:flex;gap:.75rem;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.reward-currency{padding:.15rem .5rem;border-radius:999px;background:#94a3b833}.reward-currency.xp{background:#22c55e33;color:#bbf7d0}.reward-currency.rp{background:#38bdf833;color:#bae6fd}.reward-approval{color:#f87171cc}.reward-redeem-btn{border:none;border-radius:var(--radius-full);padding:.6rem 1.4rem;background:var(--color-accent-primary);color:#fff;cursor:pointer;transition:all .2s ease}.reward-redeem-btn:disabled{opacity:.5;cursor:not-allowed}.recognition-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-glass);padding-bottom:.5rem}.tab-btn{background:transparent;border:none;color:#fff9;padding:.75rem 1.5rem;font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff08}.tab-btn.active{color:var(--neon-blue);border-bottom-color:var(--neon-blue)}.leaderboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.leaderboard-toggle{display:flex;gap:.5rem;background:#ffffff0a;border-radius:var(--radius-full);padding:.25rem}.leaderboard-toggle button{border:none;background:transparent;color:#fff9;padding:.4rem .9rem;border-radius:var(--radius-full);cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.leaderboard-toggle button.active{background:#3b82f640;color:#e2e8f0}.recognition-feed{display:grid;gap:1.5rem}.recognition-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s}.recognition-card:hover{transform:translateY(-2px);border-color:#3b82f64d}[data-theme=light] .recognition-card{background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000001a}[data-theme=light] .rec-header{color:#64748b}[data-theme=light] .rec-message{color:#1e293b}.rec-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;color:#ffffff80}.rec-bridge{display:inline-flex;align-items:center;gap:.5rem}.rec-arrow{opacity:.7}.rec-content{margin-bottom:1.5rem}.rec-badge-pill{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);padding:.25rem .75rem;border-radius:999px;margin-bottom:.75rem;font-size:.85rem;font-weight:500;color:var(--neon-blue)}.rec-message{font-size:1.1rem;line-height:1.6;color:#ffffffe6}.rec-footer{display:flex;gap:1rem;align-items:center}.reaction-btn{background:#ffffff0d;border:1px solid transparent;padding:.5rem 1rem;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.reaction-btn:hover{background:#ffffff1a;border-color:var(--border-glass)}.reaction-btn.liked{background:#ef444426;border-color:#ef44444d;color:#f87171}.reaction-btn.active{background:#3b82f626;border-color:#3b82f64d;color:var(--neon-blue)}.reaction-btn.rescind-btn{border-color:#ef444459;color:#f87171}.reaction-btn.rescind-btn:hover{background:#ef44442e}.reaction-count{font-weight:600;font-size:.9rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-glass);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.comment-item{display:flex;gap:.75rem;animation:fadeIn .2s ease-out}.comment-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.comment-content{flex:1;background:#ffffff08;padding:.5rem .75rem;border-radius:12px;border:1px solid var(--border-glass)}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.comment-actions{display:flex;gap:.4rem}.comment-actions button{border:none;background:transparent;color:var(--color-text-muted);font-size:.75rem;cursor:pointer}.comment-actions button:hover{color:var(--color-text-primary)}.comment-edit-input{width:100%;margin-top:.35rem;background:#ffffff0f;border:1px solid var(--border-glass);border-radius:10px;padding:.4rem .6rem;color:var(--color-text-primary);font-size:.85rem}.comment-author{font-size:.8rem;font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:2px}.comment-text{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.comment-input-wrapper{display:flex;gap:.5rem}.comment-input{flex:1;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:20px;padding:.5rem 1rem;color:var(--color-text-primary);font-size:.85rem;outline:none;transition:all .2s}.comment-input:focus{border-color:var(--color-accent-primary);background:#ffffff14}.comment-input::placeholder{color:var(--color-text-muted)}.comment-submit{padding:.5rem 1rem;background:var(--color-accent-primary);border:none;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.comment-submit:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .comment-content{background:#00000008}[data-theme=light] .comment-input{background:#ffffffe6;border-color:#0000001a}.leaderboard-section{position:relative;z-index:1}.leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;margin:3rem 0;height:320px}.podium-column{display:flex;flex-direction:column;align-items:center;width:120px;position:relative;padding-bottom:52px}.podium-avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--neon-blue);margin-bottom:1rem;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #3b82f64d}.rank-1 .podium-avatar{width:96px;height:96px;border-color:var(--neon-gold);box-shadow:0 0 30px #fbbf2466}.podium-base{width:100%;background:linear-gradient(to top,rgba(59,130,246,.2),transparent);border:1px solid rgba(59,130,246,.3);border-bottom:none;border-radius:8px 8px 0 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff3}.rank-1 .podium-base{height:180px;background:linear-gradient(to top,rgba(251,191,36,.2),transparent);border-color:#fbbf244d}.rank-2 .podium-base{height:130px}.rank-3 .podium-base{height:90px}.podium-meta{position:absolute;left:0;right:0;bottom:0;text-align:center;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px}.podium-name{font-weight:700;font-size:.95rem;line-height:1.2;color:var(--color-text-primary)}.podium-points{font-size:.8rem;color:var(--color-text-muted)}.leaderboard-list{display:grid;gap:.75rem;margin-top:2rem}.leaderboard-row{display:grid;grid-template-columns:50px 50px 1fr 100px 100px;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;transition:all .2s}.leaderboard-row:hover{background:#ffffff0d;border-color:var(--neon-blue);transform:translate(4px)}.lb-rank{font-family:var(--font-mono);color:var(--text-muted);font-weight:700}.lb-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2px solid var(--border-glass)}.lb-name{font-weight:600;color:var(--color-text-primary)}.lb-badges{color:var(--neon-gold);font-size:.9rem}.lb-points{font-family:var(--font-mono);color:var(--neon-blue);font-weight:700;text-align:right}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.badge-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.badge-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0006;border-color:var(--badge-color, var(--neon-blue))}.badge-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--badge-color, var(--neon-blue));opacity:.7}.badge-icon-large{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px var(--badge-color, var(--neon-blue)))}.badge-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.badge-desc{font-size:.9rem;color:#fff9;margin-bottom:1.5rem;line-height:1.5}.badge-points{margin-top:auto;background:var(--surface-glass-light);padding:.5rem 1rem;border-radius:999px;font-family:var(--font-mono);font-weight:700;color:var(--badge-color, var(--neon-blue));border:1px solid var(--border-glass)}.rewards-section{margin-top:2rem}.rewards-tiers{display:grid;gap:1.5rem}.tier-card{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;display:flex;gap:2rem;align-items:center;opacity:.6;transition:all .3s;filter:grayscale(.8)}.tier-card.unlocked{opacity:1;filter:grayscale(0);border-color:var(--neon-gold);background:linear-gradient(135deg,#fbbf240d,#0f172a99);box-shadow:0 0 30px #fbbf240d}.tier-header{flex-shrink:0;text-align:center;width:180px}.tier-icon-large{font-size:3rem;display:block;margin-bottom:.5rem}.tier-threshold{display:block;margin-top:.5rem;font-family:var(--font-mono);color:var(--neon-gold);font-size:.9rem}.tier-perks{list-style:none;padding:0;margin:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tier-perks li{display:flex;align-items:center;gap:.75rem;color:#fffc}.perk-check{color:var(--neon-green);font-weight:700;display:inline-flex;align-items:center}.perk-check.locked{color:#fff6}.give-recognition-modal{display:flex;flex-direction:column;gap:1.5rem}.recognition-credits{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;background:var(--surface-glass-light);border:1px solid var(--border-glass);color:var(--color-text-secondary);font-size:.85rem}.recognition-credits strong{color:var(--color-text-primary)}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:8px;color:var(--color-text-primary);font-family:inherit}[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#fff;border-color:#0000001a}.form-group textarea{resize:vertical}.badge-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.badge-option{background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-primary);transition:all .2s}.badge-option:hover{background:var(--surface-glass)}.badge-option.selected{background:color-mix(in srgb,var(--badge-color, var(--color-accent-primary)),transparent 88%);border-color:var(--badge-color, var(--color-accent-primary));box-shadow:0 0 20px color-mix(in srgb,var(--badge-color, var(--color-accent-primary)),transparent 60%);color:var(--badge-color, var(--color-accent-primary))}.badge-icon{font-size:1.5rem}.badge-name{font-size:.8rem;text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{color:#1e293b;background:#0000000d}[data-theme=light] .tab-btn.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}[data-theme=light] .metric-lbl{color:#64748b}[data-theme=light] .metric-val{color:var(--color-text-primary)}[data-theme=light] .leaderboard-toggle{background:#0000000a}[data-theme=light] .leaderboard-toggle button{color:#475569}[data-theme=light] .leaderboard-toggle button.active{background:#2563eb26;color:#1e3a8a}[data-theme=light] .xp-header,[data-theme=light] .credits-summary,[data-theme=light] .quest-meta,[data-theme=light] .quest-progress-text,[data-theme=light] .reward-meta,[data-theme=light] .reward-balances{color:#64748b}[data-theme=light] .xp-bar,[data-theme=light] .quest-progress-bar{background:#0f172a14}[data-theme=light] .quest-card,[data-theme=light] .reward-card{background:#fff;border-color:#0000001a;box-shadow:0 4px 12px #0000000d}[data-theme=light] .reward-approvals{background:#fff;border-color:#0000001a}[data-theme=light] .reward-approval-card{background:#00000008}[data-theme=light] .reward-approval-card p,[data-theme=light] .reward-approvals-header,[data-theme=light] .reward-approvals-empty{color:#64748b}[data-theme=light] .quest-claim-btn{background:#2563eb26;color:#1d4ed8}[data-theme=light] .reaction-btn{background:#0000000d;color:#475569}[data-theme=light] .reaction-btn:hover{background:#0000001a}[data-theme=light] .leaderboard-row{background:#fffc;border-color:#0000001a}[data-theme=light] .lb-name{color:#0f172a!important}[data-theme=light] .rec-message{color:#1e293b!important}[data-theme=light] .rec-header{color:#64748b!important}[data-theme=light] .badge-card{background:#fffc;border-color:#0000001a;box-shadow:0 4px 12px #0000000d}[data-theme=light] .badge-title{color:var(--color-text-primary)}[data-theme=light] .badge-desc{color:var(--color-text-secondary)}[data-theme=light] .tier-card{background:#fffc;border-color:#0000001a}[data-theme=light] .tier-card.unlocked{background:linear-gradient(135deg,#fbbf241a,#ffffffe6);border-color:var(--neon-gold)}[data-theme=light] .tier-perks li{color:var(--color-text-secondary)}@media(max-width:768px){.recognition-page{padding:var(--space-md)}.recognition-header{flex-direction:column}.user-stats-card{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.user-stats-card .btn,.stats-progress{width:100%}.metrics-row{width:100%;flex-wrap:wrap;gap:var(--space-md);justify-content:flex-start}.leaderboard-toolbar{flex-direction:column;align-items:flex-start}.leaderboard-toggle{width:100%;flex-wrap:wrap;justify-content:flex-start}.recognition-tabs{overflow-x:auto;gap:var(--space-xs);padding-bottom:var(--space-sm)}.tab-btn{white-space:nowrap;padding:.6rem 1rem}.recognition-card{padding:var(--space-md)}.rec-message{font-size:1rem}.rec-footer{flex-wrap:wrap}.leaderboard-section{margin-top:var(--space-lg)}.tier-card{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.tier-header{width:100%;display:flex;align-items:center;gap:var(--space-sm);text-align:left}.tier-icon-large{font-size:2.4rem;margin-bottom:0}.tier-perks{grid-template-columns:1fr}.quest-card,.reward-card,.reward-catalog-header{flex-direction:column;align-items:flex-start}.reward-balances{flex-wrap:wrap}.reward-approval-card{flex-direction:column;align-items:flex-start}.reward-approval-actions{width:100%;justify-content:flex-start}.leaderboard-podium{width:100%;max-width:340px;height:auto;margin:2rem auto;gap:var(--space-sm);justify-content:space-between;padding-bottom:var(--space-md)}.podium-column{width:auto;max-width:110px;min-width:0;flex:1;padding-bottom:46px}.podium-avatar{width:56px;height:56px}.rank-1 .podium-avatar{width:72px;height:72px}.leaderboard-row{grid-template-columns:40px 1fr 60px}.lb-avatar,.lb-badges{display:none}}@media(max-width:600px){.leaderboard-section{padding-top:var(--space-md)}.leaderboard-podium{max-width:320px;height:auto;margin:1.5rem auto;padding-bottom:var(--space-sm)}.podium-column{max-width:96px;padding-bottom:42px}.podium-name{font-size:.85rem}.podium-points{font-size:.72rem}.podium-base{font-size:1.6rem}.rank-1 .podium-base{height:140px}.rank-2 .podium-base{height:110px}.rank-3 .podium-base{height:80px}}[data-theme=light] .badge-option{background:#f8fafc;border-color:#e2e8f0;color:#475569}[data-theme=light] .badge-option:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .badge-option.selected{background:color-mix(in srgb,var(--badge-color),transparent 92%);border-color:var(--badge-color);color:var(--badge-color);box-shadow:0 0 15px color-mix(in srgb,var(--badge-color),transparent 80%)}.calendar-page{padding:var(--space-lg);animation:fadeIn .4s ease-out}.calendar-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl)}.calendar-main{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.calendar-nav{display:flex;align-items:center;gap:var(--space-md)}.nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--surface-glass);color:var(--color-text-primary)}.calendar-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);min-width:200px;text-align:center}.calendar-actions{display:flex;align-items:center;gap:var(--space-md)}.view-toggle{display:flex;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:4px}.view-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.view-btn.active{background:var(--color-accent-primary);color:#fff}.calendar-grid{background:var(--surface-glass-light);border-radius:var(--radius-md);overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#3b82f61a;border-bottom:1px solid var(--border-glass)}.weekday{padding:var(--space-sm);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:100px;padding:var(--space-sm);border-right:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);cursor:pointer;transition:background var(--transition-fast);position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--surface-glass)}.calendar-day.other-month{opacity:.4}.calendar-day.today{background:#3b82f61a}.calendar-day.today .day-number{background:var(--color-accent-primary);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.calendar-day.restday{background:#8b5cf60d}.calendar-day.holiday{background:#ef44440d}.calendar-day.leave{background:#06b6d40d}.day-number{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.shift-indicator{margin-top:var(--space-xs)}.shift-time{font-size:.625rem;color:var(--color-accent-cyan);background:#06b6d41a;padding:2px 6px;border-radius:var(--radius-sm)}.day-label{font-size:.625rem;padding:2px 6px;border-radius:var(--radius-sm);margin-top:var(--space-xs);display:inline-block}.day-label.rest{background:#8b5cf633;color:#8b5cf6}.day-label.holiday{background:#ef444433;color:#ef4444}.day-label.leave{background:#06b6d433;color:#06b6d4}.day-events{display:flex;gap:4px;margin-top:var(--space-xs);flex-wrap:wrap}.event-dot{width:8px;height:8px;border-radius:50%}.event-more{font-size:.625rem;color:var(--color-text-muted)}.calendar-legend{display:flex;gap:var(--space-lg);justify-content:center;padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--border-glass)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.calendar-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-section{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-section h3{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.schedule-info{display:flex;flex-direction:column;gap:var(--space-sm)}.schedule-item{display:flex;justify-content:space-between;font-size:.813rem}.schedule-label{color:var(--color-text-muted)}.schedule-value{color:var(--color-text-secondary);font-weight:500}.upcoming-events{display:flex;flex-direction:column;gap:var(--space-sm)}.upcoming-item{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--surface-glass-light);border-radius:var(--radius-sm)}.event-type-indicator{width:4px;border-radius:2px;flex-shrink:0}.event-details{display:flex;flex-direction:column}.event-title{font-size:.813rem;color:var(--color-text-primary);font-weight:500}.event-datetime{font-size:.75rem;color:var(--color-text-muted)}.month-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--surface-glass-light);border-radius:var(--radius-sm)}.stat-number{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.stat-item .stat-label{font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase}.day-detail-modal{padding:var(--space-md)}.detail-section{margin-bottom:var(--space-lg)}.detail-section h4{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:var(--space-sm)}.shift-detail{display:flex;flex-direction:column;gap:var(--space-xs)}.time-block{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.campaign-label{font-size:.875rem;color:var(--color-text-secondary)}.status-text{font-size:1rem;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.status-text.rest{background:#8b5cf61a;color:#8b5cf6}.status-text.holiday{background:#ef44441a;color:#ef4444}.status-text.leave{background:#06b6d41a;color:#06b6d4}.event-item{display:flex;gap:var(--space-md);padding:var(--space-sm);background:var(--surface-glass-light);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.event-color{width:4px;border-radius:2px}.event-info{display:flex;flex-direction:column}.event-name{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.event-time{font-size:.75rem;color:var(--color-text-muted)}.no-events{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)}@media(max-width:1024px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.calendar-sidebar .btn-full{grid-column:1 / -1}}@media(max-width:768px){.calendar-page{padding:var(--space-md)}.calendar-layout{gap:var(--space-lg)}.calendar-main{padding:var(--space-md)}.calendar-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.calendar-nav{justify-content:space-between}.calendar-title{font-size:1.2rem;min-width:0;text-align:center;flex:1}.calendar-actions{width:100%;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.calendar-actions .btn{width:100%}.view-toggle{width:100%;justify-content:space-between}.calendar-day{min-height:60px}.calendar-sidebar{grid-template-columns:1fr}.shift-indicator,.day-events{display:none}.calendar-legend{flex-wrap:wrap;gap:var(--space-sm)}}[data-theme=light] .calendar-main{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .calendar-grid{background:#fff9}[data-theme=light] .calendar-weekdays{background:#3b82f614;border-bottom-color:#00000014}[data-theme=light] .calendar-day{border-color:#0000000f}[data-theme=light] .calendar-day:hover{background:#00000008}[data-theme=light] .nav-btn{background:#00000008;border-color:#0000001a}[data-theme=light] .nav-btn:hover{background:#0000000f}[data-theme=light] .view-toggle{background:#00000008;border-color:#0000001a}[data-theme=light] .sidebar-section{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .upcoming-item,[data-theme=light] .stat-item,[data-theme=light] .event-item{background:#00000008}.metric-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.metric-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(47,111,235,.5),transparent);transform:scaleX(0);transition:transform .6s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-glass-light)}.metric-card:hover:after{transform:scaleX(1)}.metric-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.metric-title-group{display:flex;flex-direction:column;gap:var(--space-xs)}.metric-title{font-size:.72rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.metric-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2f6feb1f;border-radius:var(--radius-md);color:var(--color-accent-primary);border:1px solid rgba(47,111,235,.2);transition:all .3s ease}.metric-card:hover .metric-icon{background:var(--color-accent-primary);color:#fff;box-shadow:0 8px 18px #2f6feb33}.metric-value-group{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.metric-value{font-size:2.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-change{font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px}.metric-change.positive{color:var(--color-accent-success);background:#22c55e1f;border:1px solid rgba(34,197,94,.22)}.metric-change.negative{color:var(--color-accent-danger);background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.metric-change.neutral{color:var(--color-text-muted);background:var(--surface-glass-light)}.metric-trend{display:flex;align-items:flex-end;gap:4px;height:48px;padding-top:8px;mask-image:linear-gradient(to bottom,transparent,black);-webkit-mask-image:linear-gradient(to bottom,transparent,black)}.trend-bar{flex:1;background:var(--color-accent-primary);border-radius:2px 2px 0 0;min-width:6px;opacity:.35;transition:all .3s ease;position:relative}.trend-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(47,111,235,.35),transparent);opacity:0;transition:opacity .3s}.trend-bar:hover{opacity:.9;transform:scaleY(1.08)}.trend-bar:last-child{opacity:.7;background:var(--color-accent-secondary)}.card-component{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-glass-light)}.card-glow{box-shadow:var(--shadow-md);border-color:var(--border-glass-light)}.card-glow:hover{box-shadow:var(--shadow-lg);border-color:#2f6feb59}.analytics-page{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;max-width:100%;overflow-x:hidden}.analytics-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.analytics-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.analytics-loading{font-size:.85rem;color:var(--color-text-muted)}.timeframe-selector{display:flex;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:4px;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeframe-btn{padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.timeframe-btn:hover{color:var(--color-text-primary)}.timeframe-btn.active{background:var(--color-accent-primary);color:#fff;box-shadow:0 0 10px #3b82f666}.key-metrics{width:100%}.key-metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);width:100%}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);width:100%}.analytics-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border-glass);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-width:0;width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.card-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-primary);letter-spacing:-.01em}.chart-container{position:relative;width:100%;min-height:200px}.chart-container.doughnut{height:220px;display:flex;justify-content:center;align-items:center}.chart-container.bar,.chart-container.line{height:220px}.risk-segments{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.segment-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-glass-light);border-radius:var(--radius-sm);gap:var(--space-sm);border:1px solid transparent;transition:border-color .2s}.segment-row:hover{border-color:var(--color-accent-primary)}.segment-name{font-size:.85rem;color:var(--color-text-secondary);flex:1}.segment-rate{font-size:.9rem;font-weight:600}.segment-rate.high{color:#f87171;text-shadow:0 0 5px rgba(248,113,113,.3)}.segment-rate.medium{color:#fbbf24}.segment-rate.low{color:#34d399}.segment-trend{font-size:.75rem;color:var(--color-text-muted)}.pipeline-stats,.coaching-stats{display:flex;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-glass);flex-wrap:wrap}.stat-item{flex:1;text-align:center;min-width:80px;padding:8px;background:var(--surface-glass-light);border-radius:var(--radius-md)}.stat-label{display:block;font-size:.7rem;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.intervention-section{margin-top:var(--space-lg);width:100%}.section-header{margin-bottom:var(--space-lg)}.section-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.section-header h2 svg{color:var(--color-accent-warning);filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}.section-header p{color:var(--color-text-muted);margin:0;font-size:.9rem}.interventions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);width:100%}.intervention-card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);background:var(--surface-glass);border-radius:var(--radius-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-lg);padding-top:calc(var(--space-lg) + 3px);min-width:0;box-shadow:var(--shadow-lg);transition:transform .2s}.intervention-card:hover{transform:translateY(-4px)}.intervention-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 0 10px currentColor}.intervention-card.priority-critical:before{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 15px #ef444480}.intervention-card.priority-high:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 15px #f59e0b80}.intervention-card.priority-medium:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 15px #3b82f680}.intervention-header{display:flex;justify-content:flex-start}.intervention-card h4{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.intervention-card>p{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.intervention-actions{padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-md);border:1px solid var(--border-glass);margin-top:auto}.actions-label{font-size:.75rem;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-sm);font-weight:600}.intervention-actions ul{margin:0;padding-left:var(--space-lg)}.intervention-actions li{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.4}.intervention-actions li:last-child{margin-bottom:0}.intervention-footer{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.intervention-footer .btn{flex:1}@media(max-width:1200px){.analytics-grid{grid-template-columns:1fr}.interventions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.key-metrics .metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.interventions-grid{grid-template-columns:1fr}.pipeline-stats,.coaching-stats{flex-direction:column;align-items:stretch}.stat-item{text-align:left;display:flex;justify-content:space-between;align-items:center}}@media(max-width:480px){.key-metrics .metrics-grid{grid-template-columns:1fr}.timeframe-selector{width:100%;justify-content:center}.card-header{flex-direction:column;align-items:flex-start}}.empty-state{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}[data-theme=light] .analytics-card{background:#ffffffd9;border-color:#0000001a;box-shadow:0 4px 12px #0000000d}[data-theme=light] .analytics-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}[data-theme=light] .segment-row,[data-theme=light] .stat-item{background:#00000008}[data-theme=light] .intervention-card{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .intervention-actions{background:#00000008;border-color:#00000014}.qa-evaluations-page{display:flex;flex-direction:column;gap:20px}.qa-evals-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px;border-radius:20px;border:1px solid var(--border-glass);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.qa-evals-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#8b5cf6,var(--color-primary));opacity:.7}.qa-evals-header h1{margin:10px 0 6px;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.qa-evals-header p{margin:0;color:var(--color-text-secondary);font-size:.88rem}.qa-evals-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);padding:4px 10px;border-radius:999px}.qa-evals-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.qa-evals-create-link{text-decoration:none}.qa-evals-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.qa-evals-source-filter{display:inline-flex;gap:6px;background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:12px;padding:4px}.qa-evals-source-filter button{border:none;background:transparent;color:var(--color-text-secondary);border-radius:8px;padding:7px 14px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s ease}.qa-evals-source-filter button:hover{color:var(--color-text-primary);background:#ffffff0a}.qa-evals-source-filter button.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.qa-evals-search{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-glass);border-radius:12px;padding:8px 12px;min-width:280px;background:var(--glass-bg);transition:border-color .2s ease}.qa-evals-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f614}.qa-evals-search input{border:none;outline:none;background:transparent;color:var(--color-text-primary);width:100%;font-size:.85rem}.qa-evals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.qa-eval-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;border:1px solid var(--border-glass);border-radius:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.qa-eval-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .25s ease}.qa-eval-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 0 0 1px #3b82f61a}.qa-eval-card:hover:after{opacity:1}.qa-eval-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.qa-eval-agent{display:flex;align-items:center;gap:10px;min-width:0}.qa-eval-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--color-primary);flex-shrink:0}.qa-eval-agent-info{display:flex;flex-direction:column;gap:2px;min-width:0}.qa-eval-agent-name{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-eval-agent-meta{color:var(--color-text-secondary);font-size:.78rem;font-family:SF Mono,Fira Code,monospace}.qa-eval-score-ring{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;flex-shrink:0;font-weight:700;font-size:.88rem;position:relative}.qa-eval-score-ring.score-excellent{background:#10b9811a;border:2px solid rgba(16,185,129,.5);color:#10b981}.qa-eval-score-ring.score-good{background:#3b82f61a;border:2px solid rgba(59,130,246,.5);color:#3b82f6}.qa-eval-score-ring.score-fair{background:#f59e0b1a;border:2px solid rgba(245,158,11,.5);color:#f59e0b}.qa-eval-score-ring.score-poor{background:#ef44441a;border:2px solid rgba(239,68,68,.5);color:#ef4444}.qa-eval-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.qa-eval-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.qa-eval-badge-ai{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.qa-eval-badge-ai .badge-dot{width:5px;height:5px;border-radius:50%;background:#a78bfa;animation:pulse-dot 2s infinite}.qa-eval-badge-manual{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.qa-eval-badge-completed{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.15)}.qa-eval-badge-pending{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.qa-eval-badge-dispute{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.qa-eval-footer-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border-glass)}.qa-eval-rubric{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--color-text-secondary)}.qa-eval-date{font-size:.76rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.qa-evals-state{border:1px dashed var(--border-glass);border-radius:16px;padding:48px 22px;text-align:center;color:var(--color-text-secondary);font-size:.92rem}.qa-evals-error{color:#ef4444}.qa-evals-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0}.qa-evals-pagination{display:inline-flex;align-items:center;gap:8px}.qa-eval-muted{font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:768px){.qa-evals-search{min-width:100%}.qa-evals-grid{grid-template-columns:1fr}.qa-evals-header{flex-direction:column}.qa-evals-header-actions{width:100%}}.performance-rings{display:flex;flex-direction:column;gap:var(--space-lg);height:100%}.rings-container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);flex:1}.ring-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent;transition:all .3s var(--ease-smooth-out);animation:ringEnter .5s var(--ease-smooth-out) backwards}.ring-item:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translateY(-2px)}@keyframes ringEnter{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ring-visual{position:relative;width:90px;height:90px}.ring-svg{width:100%;height:100%;transform:rotate(-90deg);transition:filter .3s ease}.ring-bg{stroke:var(--surface-glass-light);opacity:.5}[data-theme=dark] .ring-bg{stroke:#94a3b826}.ring-progress{transition:stroke-dashoffset 1s var(--ease-smooth-out);animation:ringDraw 1.2s var(--ease-smooth-out) forwards}@keyframes ringDraw{0%{stroke-dashoffset:264}}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.ring-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-glass-light);color:var(--color-text-muted);margin-bottom:2px}.ring-excellent .ring-icon-wrapper{background:#22c55e1f;color:var(--chart-excellent)}.ring-good .ring-icon-wrapper{background:#3b82f61f;color:var(--chart-good)}.ring-warning .ring-icon-wrapper{background:#f59e0b1f;color:var(--chart-warning)}.ring-poor .ring-icon-wrapper{background:#ef44441f;color:var(--chart-poor)}.ring-number{font-size:1.1rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.ring-unit{font-size:.7rem;font-weight:500;color:var(--color-text-muted);margin-left:1px}.ring-info{display:flex;flex-direction:column;align-items:center;gap:4px}.ring-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.ring-delta{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.ring-delta.positive{background:#22c55e1f;color:var(--color-success)}.ring-delta.negative{background:#ef44441f;color:var(--color-error)}.ring-delta.neutral{background:var(--surface-glass-light);color:var(--color-text-muted)}.rings-footer{display:flex;justify-content:center;gap:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.rings-meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.85rem}.rings-meta svg{color:var(--color-accent-primary)}.meta-value{font-weight:700;color:var(--color-text-primary)}.meta-label{color:var(--color-text-muted)}.rings-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.ring-skeleton{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:900px){.rings-container,.rings-skeleton{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.rings-container{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.ring-item{padding:var(--space-sm)}.ring-visual{width:70px;height:70px}.ring-number{font-size:.95rem}.rings-footer{flex-direction:column;align-items:center;gap:var(--space-sm)}}.goals-widget{display:flex;flex-direction:column;height:100%}.goals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-glass)}.goals-title{display:flex;align-items:center;gap:var(--space-sm)}.goals-title .header-icon{color:var(--color-accent-primary)}.goals-title h3{font-size:.95rem;font-weight:600;margin:0;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.goals-count{font-size:.75rem;font-weight:600;padding:4px 10px;background:#2f6feb1a;color:var(--color-accent-primary);border-radius:var(--radius-full)}.goals-list{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;overflow-y:auto}.goal-item{padding:var(--space-md);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-smooth-out);animation:goalEnter .4s var(--ease-smooth-out) backwards}.goal-item:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translate(4px)}@keyframes goalEnter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.goal-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.goal-progress-ring{position:relative;width:44px;height:44px;flex-shrink:0}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{stroke:var(--surface-glass-light)}[data-theme=dark] .progress-bg{stroke:#94a3b826}.progress-value{transition:stroke-dashoffset .8s var(--ease-smooth-out)}.goal-excellent .progress-value{stroke:var(--chart-excellent)}.goal-good .progress-value{stroke:var(--chart-good)}.goal-warning .progress-value{stroke:var(--chart-warning)}.goal-poor .progress-value{stroke:var(--chart-poor)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:var(--color-text-primary)}.goal-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.goal-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-due{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;width:fit-content}.goal-due.normal{color:var(--color-text-muted)}.goal-due.soon{color:var(--color-warning)}.goal-due.urgent{color:var(--color-warning);font-weight:600}.goal-due.overdue{color:var(--color-error);font-weight:600}.goal-progress-bar{height:4px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}.goal-excellent .goal-progress-fill{background:linear-gradient(90deg,var(--chart-excellent),#4ade80)}.goal-good .goal-progress-fill{background:linear-gradient(90deg,var(--chart-good),#60a5fa)}.goal-warning .goal-progress-fill{background:linear-gradient(90deg,var(--chart-warning),#fbbf24)}.goal-poor .goal-progress-fill{background:linear-gradient(90deg,var(--chart-poor),#f87171)}.goals-view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);background:transparent;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-accent-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease-smooth-out)}.goals-view-all:hover{background:#2f6feb14;border-color:var(--color-accent-primary);transform:translateY(-1px)}.goals-view-all svg{transition:transform .25s var(--ease-smooth-out)}.goals-view-all:hover svg{transform:translate(3px)}.goals-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-md)}.empty-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border-radius:var(--radius-xl);color:var(--color-text-muted)}.goals-empty p{font-size:.9rem;color:var(--color-text-muted);margin:0}.goals-create-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease-smooth-out)}.goals-create-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-md)}.goals-skeleton{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.skeleton-header{width:40%;height:20px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-bar{height:60px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.smart-actions{padding:var(--space-lg);position:relative;overflow:hidden}.smart-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary),var(--color-accent-primary));background-size:200% 100%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.actions-title{display:flex;align-items:center;gap:var(--space-sm)}.actions-title h3{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.actions-title .header-icon{color:var(--color-accent-primary)}.actions-count{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.action-button{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s var(--ease-smooth-out);animation:actionEnter .4s var(--ease-smooth-out) backwards;position:relative;overflow:hidden;text-align:left}@keyframes actionEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.action-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .5s ease}.action-button:hover:after{left:100%}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button:focus-visible{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #2f6feb26}.recommended-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);color:#fff;animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);transition:all .3s var(--ease-smooth-out);flex-shrink:0}.action-button:hover .action-icon{transform:scale(1.08)}.color-blue .action-icon{background:#3b82f61f;color:#3b82f6}.color-blue:hover{border-color:#3b82f64d;background:#3b82f60d}.color-teal .action-icon{background:#0ea5a71f;color:var(--color-accent-secondary)}.color-teal:hover{border-color:#0ea5a74d;background:#0ea5a70d}.color-amber .action-icon{background:#f59e0b1f;color:#f59e0b}.color-amber:hover{border-color:#f59e0b4d;background:#f59e0b0d}.color-purple .action-icon{background:#8b5cf61f;color:#8b5cf6}.color-purple:hover{border-color:#8b5cf64d;background:#8b5cf60d}.color-green .action-icon{background:#22c55e1f;color:var(--color-success)}.color-green:hover{border-color:#22c55e4d;background:#22c55e0d}.color-cyan .action-icon{background:#06b6d41f;color:#06b6d4}.color-cyan:hover{border-color:#06b6d44d;background:#06b6d40d}.color-slate .action-icon{background:#64748b1f;color:#64748b}.color-slate:hover{border-color:#64748b4d;background:#64748b0d}.action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-arrow{color:var(--color-text-muted);opacity:0;transform:translate(-5px);transition:all .25s var(--ease-smooth-out)}.action-button:hover .action-arrow{opacity:1;transform:translate(0)}.action-button.alert-action{background:#ef44440f;border-color:#ef444433}.action-button.alert-action .action-icon{background:#ef44441f;color:var(--color-error)}.action-button.alert-action:hover{background:#ef44441a;border-color:#ef444459}.actions-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.skeleton-action{height:70px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=light] .action-button{background:#fff;box-shadow:0 4px 12px #0000000d;border-color:#00000014}[data-theme=light] .action-button:hover{background:#fff}@media(max-width:700px){.actions-grid{grid-template-columns:1fr}}@media(max-width:500px){.action-button{padding:var(--space-md)}.action-icon{width:36px;height:36px}}.agent-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:var(--space-lg);width:100%}.cell-hero{grid-column:span 2;min-height:220px;padding:var(--space-xl)}.cell-metrics{grid-column:span 2;min-height:220px}.cell-activity,.cell-social{grid-column:span 1;grid-row:span 2}.cell-goals{grid-column:span 2}.link-text{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--color-accent-primary);font-weight:500;transition:all .2s}.link-text:hover{color:var(--color-accent-secondary);gap:8px}.cell-hero{background:linear-gradient(135deg,#2f6feb14,#0ea5a70a);border:1px solid rgba(47,111,235,.15);position:relative;overflow:hidden}.hero-layout{display:flex;gap:var(--space-xl);position:relative;z-index:2;height:100%}.hero-score-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-score-ring{position:relative;width:130px;height:130px}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{stroke:#94a3b826}.score-progress{transition:stroke-dashoffset 1.2s var(--ease-smooth-out)}.score-excellent .score-progress{stroke:var(--chart-excellent);filter:drop-shadow(0 0 10px rgba(34,197,94,.4))}.score-good .score-progress{stroke:var(--chart-good);filter:drop-shadow(0 0 10px rgba(59,130,246,.4))}.score-warning .score-progress{stroke:var(--chart-warning);filter:drop-shadow(0 0 10px rgba(245,158,11,.4))}.score-poor .score-progress{stroke:var(--chart-poor);filter:drop-shadow(0 0 10px rgba(239,68,68,.4))}.score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-value{font-size:2.5rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-primary)}.score-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.hero-insight-section{flex:1;display:flex;flex-direction:column}.insight-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.insight-header h3{font-size:.85rem;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:600}.insight-message{font-size:1.1rem;font-weight:500;line-height:1.5;color:var(--color-text-primary);margin:0;flex:1}.hero-decoration{position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(47,111,235,.1) 0%,transparent 70%);pointer-events:none}.evaluations-list{display:flex;flex-direction:column;gap:var(--space-sm)}.eval-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--surface-glass-light);border:1px solid transparent;cursor:pointer;transition:all .25s var(--ease-smooth-out)}.eval-item:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translate(4px)}.eval-score-badge{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.eval-excellent .eval-score-badge{background:#22c55e1f;color:var(--chart-excellent)}.eval-good .eval-score-badge{background:#3b82f61f;color:var(--chart-good)}.eval-warning .eval-score-badge{background:#f59e0b1f;color:var(--chart-warning)}.eval-poor .eval-score-badge{background:#ef44441f;color:var(--chart-poor)}.eval-details{flex:1;display:flex;flex-direction:column;gap:2px}.eval-type{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.eval-time{font-size:.75rem;color:var(--color-text-muted)}.eval-arrow{color:var(--color-text-muted);opacity:0;transform:translate(-5px);transition:all .25s var(--ease-smooth-out)}.eval-item:hover .eval-arrow{opacity:1;transform:translate(0)}.kudos-scroll-area{display:flex;flex-direction:column;gap:var(--space-md);max-height:340px;overflow-y:auto;padding-right:var(--space-xs)}.kudo-card{padding:var(--space-md);background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.kudo-card:hover{border-color:#f59e0b4d;transform:translateY(-2px)}.kudo-sender{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sender-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.sender-info{display:flex;flex-direction:column}.sender-name{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.kudo-points{font-size:.75rem;color:var(--color-success);font-weight:600}.kudo-message{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;line-height:1.5;margin:0;padding-left:var(--space-md);border-left:2px solid rgba(245,158,11,.3)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-sm)}.empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-light);border-radius:var(--radius-xl);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.empty-state p{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin:0}.empty-hint{font-size:.8rem;color:var(--color-text-muted)}.loading-pulse{width:100%;height:100%;background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}@media(max-width:1200px){.agent-bento-grid{grid-template-columns:repeat(2,1fr)}.cell-hero,.cell-metrics{grid-column:span 2}.cell-activity,.cell-social{grid-column:span 1;grid-row:auto}.cell-goals,.cell-actions{grid-column:span 2}}@media(max-width:900px){.hero-layout{flex-direction:column;align-items:center;text-align:center}.hero-score-ring{width:110px;height:110px}.score-value{font-size:2rem}.insight-header{justify-content:center}}@media(max-width:768px){.agent-bento-grid{display:flex;flex-direction:column;gap:var(--space-md)}.cell-hero{min-height:auto;padding:var(--space-lg)}.hero-score-ring{width:100px;height:100px}.score-value{font-size:1.75rem}.insight-message{font-size:1rem}}.team-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto auto;gap:var(--space-lg);width:100%}.cell-team-overview{grid-column:span 2;padding:var(--space-xl)}.cell-team-pulse,.cell-team-alerts{grid-column:span 1}.cell-team-roster{grid-column:span 2}.cell-team-goals,.cell-team-kudos{grid-column:span 1}.icon-btn-ghost{background:transparent;border:1px solid var(--border-glass);color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:all .2s;display:inline-flex}.icon-btn-ghost:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:#2f6feb14}.cell-team-overview{background:linear-gradient(135deg,#8b5cf614,#2f6feb0a);border-color:#8b5cf626}.team-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.team-identity{display:flex;align-items:center;gap:var(--space-md)}.team-identity .icon-box{background:#8b5cf61f;color:#8b5cf6}.team-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary)}.team-desc{font-size:.85rem;color:var(--color-text-muted)}.team-health-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.health-healthy{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.health-healthy .health-dot{background:var(--color-success)}.health-moderate{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.health-moderate .health-dot{background:var(--color-warning)}.health-needs-attention{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.health-needs-attention .health-dot{background:var(--color-error)}.team-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.team-stat{text-align:center;padding:var(--space-md);background:var(--surface-glass-light);border-radius:var(--radius-lg);border:1px solid transparent;transition:all .25s var(--ease-smooth-out)}.team-stat:hover{border-color:var(--border-glass);transform:translateY(-2px)}.team-stat.highlight{background:linear-gradient(135deg,#2f6feb1a,#0ea5a70d);border-color:#2f6feb33}.stat-value{display:block;font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em}.team-stat.highlight .stat-value{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.pulse-metrics{display:flex;justify-content:space-around;align-items:center;padding:var(--space-md) 0}.pulse-ring-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.pulse-ring{position:relative;width:100px;height:100px}.pulse-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pulse-ring .ring-bg{fill:none;stroke:var(--surface-glass-light);stroke-width:8}[data-theme=dark] .pulse-ring .ring-bg{stroke:#94a3b81f}.pulse-ring .ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-smooth-out)}.pulse-ring .ring-fill.qa{stroke:var(--chart-excellent);filter:drop-shadow(0 0 6px rgba(34,197,94,.4))}.pulse-ring .ring-fill.csat{stroke:var(--chart-good);filter:drop-shadow(0 0 6px rgba(59,130,246,.4))}.pulse-ring .ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring .ring-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.ring-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.alert-badge{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-warning);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);animation:badgePulse 2s ease-in-out infinite}.alerts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.alert-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease-smooth-out)}.alert-item:hover{background:var(--surface-glass-light);transform:translate(4px)}.alert-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-high .alert-indicator{background:var(--color-error);box-shadow:0 0 8px #ef444480}.severity-medium .alert-indicator{background:var(--color-warning)}.severity-low .alert-indicator{background:var(--color-text-muted)}.alert-message{flex:1;font-size:.85rem;color:var(--color-text-secondary)}.alert-arrow{color:var(--color-text-muted);opacity:0;transition:opacity .2s}.alert-item:hover .alert-arrow{opacity:1}.agents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.agent-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-smooth-out)}.agent-card:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translateY(-3px)}.agent-avatar-wrapper{position:relative}.agent-avatar,.agent-avatar-fallback{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover}.agent-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;font-weight:700;font-size:.9rem}.status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface-glass)}.status-indicator.status-excellent{background:var(--chart-excellent)}.status-indicator.status-good{background:var(--chart-good)}.status-indicator.status-warning{background:var(--chart-warning)}.status-indicator.status-at-risk{background:var(--chart-poor);animation:pulse 2s ease-in-out infinite}.agent-info{text-align:center}.agent-name{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.agent-score{font-size:.75rem;color:var(--color-text-muted)}.status-excellent .agent-score{color:var(--chart-excellent)}.status-good .agent-score{color:var(--chart-good)}.status-warning .agent-score{color:var(--chart-warning)}.status-at-risk .agent-score{color:var(--chart-poor)}.goals-list{display:flex;flex-direction:column;gap:var(--space-md)}.goal-item{display:flex;flex-direction:column;gap:var(--space-xs)}.goal-header{display:flex;justify-content:space-between;align-items:center}.goal-title{font-size:.85rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.goal-progress-text{font-size:.8rem;font-weight:700;color:var(--color-text-secondary)}.goal-progress-bar{height:6px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .goal-progress-bar{background:#94a3b81f}.goal-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .8s var(--ease-smooth-out)}.kudos-mini-list{display:flex;flex-direction:column;gap:var(--space-md)}.kudos-mini-item{padding:var(--space-sm);border-radius:var(--radius-md);background:var(--surface-glass-light)}.kudos-flow{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.kudo-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.kudo-avatar.sender{background:linear-gradient(135deg,var(--color-accent-primary),#60a5fa)}.kudo-avatar.receiver{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.flow-arrow{color:var(--color-text-muted)}.kudos-preview{font-size:.8rem;color:var(--color-text-secondary);font-style:italic;margin:0;line-height:1.4}@keyframes badgePulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}@media(max-width:1200px){.team-bento-grid{grid-template-columns:repeat(2,1fr)}.cell-team-overview,.cell-team-roster,.cell-actions{grid-column:span 2}.cell-team-pulse,.cell-team-alerts,.cell-team-goals,.cell-team-kudos{grid-column:span 1}.team-stats-grid{grid-template-columns:repeat(2,1fr)}.agents-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.team-bento-grid{display:flex;flex-direction:column}.team-stats-grid{grid-template-columns:repeat(2,1fr)}.agents-grid{grid-template-columns:repeat(3,1fr)}.team-header{flex-direction:column;gap:var(--space-md)}}@media(max-width:500px){.agents-grid{grid-template-columns:repeat(2,1fr)}.pulse-ring{width:80px;height:80px}}.hr-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:var(--space-lg);width:100%}.cell-org-pulse{grid-column:span 4;padding:var(--space-xl)}.cell-org-comparison{grid-column:span 2;grid-row:span 2}.cell-org-engagement,.cell-org-risk{grid-column:span 1}.cell-org-actions{grid-column:span 2}.cell-title .header-icon.warning{color:var(--color-warning)}.cell-org-pulse{background:linear-gradient(135deg,#0ea5a714,#22d3ee0a);border-color:#0ea5a726}.org-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.org-identity{display:flex;align-items:center;gap:var(--space-md)}.org-identity .icon-box{background:#0ea5a71f;color:var(--color-accent-secondary)}.org-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary)}.org-subtitle{font-size:.85rem;color:var(--color-text-muted)}.org-health-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.health-needs-attention{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.org-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.org-metric{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass-light);border-radius:var(--radius-xl);border:1px solid transparent;transition:all .25s var(--ease-smooth-out)}.org-metric:hover{border-color:var(--border-glass);transform:translateY(-2px)}.org-metric.highlight{background:linear-gradient(135deg,#2f6feb1a,#0ea5a70d);border-color:#2f6feb33}.metric-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border-radius:var(--radius-lg);color:var(--color-text-muted)}.metric-icon-wrapper.accent{background:#2f6feb1f;color:var(--color-accent-primary)}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.org-metric.highlight .metric-value{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.comparison-chart{display:flex;flex-direction:column;gap:var(--space-md)}.team-bar-row{display:flex;flex-direction:column;gap:var(--space-xs)}.bar-label{display:flex;justify-content:space-between;align-items:center}.team-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.team-score{font-size:.85rem;font-weight:700}.score-excellent{color:var(--chart-excellent)}.score-good{color:var(--chart-good)}.score-warning{color:var(--chart-warning)}.bar-track{height:10px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .bar-track{background:#94a3b81f}.bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s var(--ease-smooth-out)}.bar-excellent{background:linear-gradient(90deg,var(--chart-excellent),#4ade80)}.bar-good{background:linear-gradient(90deg,var(--chart-good),#60a5fa)}.bar-warning{background:linear-gradient(90deg,var(--chart-warning),#fbbf24)}.engagement-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0}.engagement-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#0ea5a726,#22d3ee1a);border:2px solid rgba(14,165,167,.3);isolation:isolate}.ring-glow{position:absolute;top:50%;left:50%;width:calc(100% + 20px);height:calc(100% + 20px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(14,165,167,.2) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;pointer-events:none;z-index:0}.engagement-value{font-size:2.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);position:relative;z-index:1}.engagement-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.engagement-insight{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-secondary)}.engagement-insight svg{color:var(--color-accent-secondary)}.risk-badge{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.risk-list{display:flex;flex-direction:column;gap:var(--space-sm)}.risk-item{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--surface-glass-light)}.risk-indicator-bar{width:4px;border-radius:var(--radius-full);flex-shrink:0}.severity-high .risk-indicator-bar{background:var(--color-error)}.severity-medium .risk-indicator-bar{background:var(--color-warning)}.severity-low .risk-indicator-bar{background:var(--color-text-muted)}.risk-content{flex:1;display:flex;flex-direction:column;gap:4px}.risk-message{font-size:.85rem;color:var(--color-text-primary);line-height:1.4}.risk-severity{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.risk-severity.severity-high{color:var(--color-error)}.risk-severity.severity-medium{color:var(--color-warning)}.risk-severity.severity-low{color:var(--color-text-muted)}.success-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;border-radius:var(--radius-xl);color:var(--color-success)}.pending-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pending-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-smooth-out)}.pending-item:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translate(4px)}.pending-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2f6feb14;border-radius:var(--radius-md);color:var(--color-accent-primary)}.pending-content{flex:1;display:flex;flex-direction:column}.pending-count{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.pending-label{font-size:.8rem;color:var(--color-text-muted)}.pending-arrow{color:var(--color-text-muted);opacity:0;transform:translate(-5px);transition:all .25s var(--ease-smooth-out)}.pending-item:hover .pending-arrow{opacity:1;transform:translate(0)}@media(max-width:1200px){.hr-bento-grid{grid-template-columns:repeat(2,1fr)}.cell-org-pulse,.cell-org-comparison,.cell-org-actions,.cell-actions{grid-column:span 2}.cell-org-engagement,.cell-org-risk{grid-column:span 1}.org-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hr-bento-grid{display:flex;flex-direction:column}.org-header{flex-direction:column;gap:var(--space-md)}.org-metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.org-metric{flex-direction:column;text-align:center;padding:var(--space-md)}.engagement-ring{width:100px;height:100px}.engagement-value{font-size:2rem}}.qa-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:var(--space-lg);width:100%}.cell-qa-header{grid-column:span 4;padding:var(--space-xl)}.cell-qa-dist{grid-column:span 2}.cell-qa-queue{grid-column:span 2;grid-row:span 2}.cell-qa-stats{grid-column:span 2}.cell-actions{grid-column:span 4}.cell-title .header-icon{color:var(--color-accent-secondary)}.cell-qa-header{background:linear-gradient(135deg,#0ea5a714,#22c55e0a);border-color:#0ea5a726}.qa-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.qa-identity{display:flex;align-items:center;gap:var(--space-md)}.qa-identity .icon-box{background:#0ea5a71f;color:var(--color-accent-secondary)}.qa-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary)}.qa-subtitle{font-size:.85rem;color:var(--color-text-muted)}.qa-health-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.health-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.health-excellent{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.health-excellent .health-dot{background:var(--color-success)}.health-good{background:#3b82f61f;color:var(--chart-good);border:1px solid rgba(59,130,246,.25)}.health-good .health-dot{background:var(--chart-good)}.health-needs-improvement{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.health-needs-improvement .health-dot{background:var(--color-warning)}.qa-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.qa-metric-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass-light);border-radius:var(--radius-xl);border:1px solid transparent;transition:all .25s var(--ease-smooth-out);position:relative}.qa-metric-card:hover{border-color:var(--border-glass);transform:translateY(-2px)}.qa-metric-card.highlight{background:linear-gradient(135deg,#0ea5a71a,#22c55e0d);border-color:#0ea5a733}.qa-metric-card.ai{position:relative}.ai-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.qa-metric-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border-radius:var(--radius-lg);color:var(--color-text-muted)}.qa-metric-icon.accent{background:#0ea5a71f;color:var(--color-accent-secondary)}.qa-metric-icon.ai{background:#2f6feb1f;color:var(--color-accent-primary)}.qa-metric-data{display:flex;flex-direction:column}.qa-metric-data .metric-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.qa-metric-card.highlight .metric-value{background:linear-gradient(90deg,var(--color-accent-secondary),var(--color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qa-metric-data .metric-label{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.distribution-chart{display:flex;flex-direction:column;gap:var(--space-md)}.dist-row{display:flex;flex-direction:column;gap:var(--space-xs)}.dist-label{display:flex;justify-content:space-between;align-items:center}.tier-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.tier-range{font-size:.75rem;color:var(--color-text-muted)}.dist-bar-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.dist-bar-track{flex:1;height:12px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .dist-bar-track{background:#94a3b81f}.dist-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s var(--ease-smooth-out)}.dist-count{min-width:30px;font-size:.9rem;font-weight:700;color:var(--color-text-secondary);text-align:right}.evaluations-table{display:flex;flex-direction:column;gap:var(--space-sm)}.eval-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.eval-row:hover{background:var(--surface-glass);border-color:var(--border-glass)}.eval-agent{display:flex;align-items:center;gap:var(--space-sm)}.agent-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);color:#fff;font-weight:700;font-size:.85rem}.agent-info{display:flex;flex-direction:column}.agent-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.eval-meta{font-size:.75rem;color:var(--color-text-muted)}.eval-score-pill{padding:6px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.score-excellent{background:#22c55e1f;color:var(--chart-excellent)}.score-good{background:#3b82f61f;color:var(--chart-good)}.score-warning{background:#f59e0b1f;color:var(--chart-warning)}.score-poor{background:#ef44441f;color:var(--chart-poor)}.calibration-stats{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0}.calibration-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.calibration-ring{position:relative;width:80px;height:80px}.calibration-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.calibration-ring .ring-bg{fill:none;stroke:var(--surface-glass-light);stroke-width:6}[data-theme=dark] .calibration-ring .ring-bg{stroke:#94a3b81f}.calibration-ring .ring-fill{fill:none;stroke:var(--color-accent-secondary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-smooth-out);filter:drop-shadow(0 0 6px rgba(14,165,167,.4))}.calibration-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.calibration-label{font-size:.8rem;color:var(--color-text-muted);text-align:center}.calibration-divider{width:1px;height:80px;background:var(--border-glass)}.calibration-meta{display:flex;flex-direction:column;gap:var(--space-sm)}.meta-row{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-secondary)}.meta-row svg{color:var(--color-accent-secondary)}.empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;gap:var(--space-sm);color:var(--color-text-muted)}.empty-state-compact p{margin:0;font-size:.85rem}@media(max-width:1200px){.qa-bento-grid{grid-template-columns:repeat(2,1fr)}.cell-qa-header,.cell-actions{grid-column:span 2}.cell-qa-dist,.cell-qa-queue,.cell-qa-stats{grid-column:span 1}.cell-qa-queue{grid-row:span 1}.qa-metrics-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.qa-bento-grid{display:flex;flex-direction:column}.qa-header{flex-direction:column;gap:var(--space-md)}.qa-metrics-row{grid-template-columns:1fr;gap:var(--space-md)}.qa-metric-card{padding:var(--space-md)}.calibration-stats{flex-direction:column}.calibration-divider{width:80%;height:1px}}.admin-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:var(--space-lg);width:100%}.cell-system-header{grid-column:span 4;padding:var(--space-xl)}.cell-user-stats,.cell-data-overview{grid-column:span 2}.cell-admin-actions,.cell-actions{grid-column:span 4}.cell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-glass)}.cell-title{display:flex;align-items:center;gap:var(--space-sm)}.cell-title .header-icon{color:var(--color-accent-primary)}.cell-title h3{font-size:.9rem;font-weight:600;margin:0;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.link-btn{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--color-accent-primary);font-weight:500;background:none;border:none;cursor:pointer;transition:all .2s}.link-btn:hover{color:var(--color-accent-secondary);gap:8px}.cell-system-header{background:linear-gradient(135deg,#2f6feb14,#64748b0a);border-color:#2f6feb26}.system-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.system-identity{display:flex;align-items:center;gap:var(--space-md)}.system-identity .icon-box{background:#2f6feb1f;color:var(--color-accent-primary)}.system-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary)}.system-subtitle{font-size:.85rem;color:var(--color-text-muted)}.system-status-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.status-pulse{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-healthy{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.status-healthy .status-pulse{background:var(--color-success);box-shadow:0 0 10px #22c55e80}.status-warning{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.status-warning .status-pulse{background:var(--color-warning)}.status-issues{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.status-issues .status-pulse{background:var(--color-error)}.system-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.system-stat{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface-glass-light);border-radius:var(--radius-lg);transition:all .25s var(--ease-smooth-out)}.system-stat:hover{background:var(--surface-glass);transform:translateY(-2px)}.system-stat svg{color:var(--color-accent-primary)}.stat-content{display:flex;flex-direction:column}.stat-content .stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.stat-content .stat-label{font-size:.75rem;color:var(--color-text-muted)}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.user-stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);background:var(--surface-glass-light);border-radius:var(--radius-lg);border:1px solid transparent;transition:all .25s var(--ease-smooth-out)}.user-stat-card:hover{border-color:var(--border-glass);transform:translateY(-2px)}.user-stat-card .stat-number{font-size:2rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em}.user-stat-card.total .stat-number{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-stat-card.active .stat-number{color:var(--color-success)}.user-stat-card.inactive .stat-number{color:var(--color-text-muted)}.user-stat-card .stat-name{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.role-distribution h4{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.role-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.role-row{display:flex;flex-direction:column;gap:4px}.role-info{display:flex;justify-content:space-between;font-size:.85rem}.role-name{color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.role-count{color:var(--color-text-muted);font-weight:600}.role-bar-track{height:6px;background:var(--surface-glass-light);border-radius:var(--radius-full);overflow:hidden}[data-theme=dark] .role-bar-track{background:#94a3b81f}.role-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);transition:width .8s var(--ease-smooth-out)}.data-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.data-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass-light);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-smooth-out)}.data-card:hover{background:var(--surface-glass);border-color:var(--border-glass);transform:translateY(-2px)}.data-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2f6feb14;border-radius:var(--radius-md);color:var(--color-accent-primary)}.data-info{display:flex;flex-direction:column}.data-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.data-label{font-size:.75rem;color:var(--color-text-muted)}.admin-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.admin-action-btn{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);min-height:120px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s var(--ease-smooth-out);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 16px #0000001a}.admin-action-btn:before{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle at top,rgba(47,111,235,.2),transparent 60%);opacity:0;transition:opacity .3s var(--ease-smooth-out);z-index:0}.admin-action-btn:after{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,167,.6),transparent);opacity:.6;z-index:0}.admin-action-btn:hover{background:var(--surface-glass-heavy);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 16px 30px #2f6feb1f}.admin-action-btn:hover:before{opacity:1}.admin-action-btn span{position:relative;z-index:1}.admin-action-btn svg{padding:var(--space-sm);background:var(--surface-glass-light);border:1px solid var(--border-glass-light);border-radius:var(--radius-md);transition:all .25s;position:relative;z-index:1;box-shadow:0 4px 8px #0000001a}.admin-action-btn:hover svg{background:#2f6feb26;border-color:#2f6feb66;transform:scale(1.1)}.loading-pulse{width:100%;height:150px;background:linear-gradient(90deg,var(--surface-glass-light) 25%,var(--surface-glass) 50%,var(--surface-glass-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:1200px){.admin-bento-grid{grid-template-columns:repeat(2,1fr)}.cell-system-header,.cell-admin-actions,.cell-actions{grid-column:span 2}.cell-user-stats,.cell-data-overview{grid-column:span 1}.system-stats-row,.admin-actions-grid,.data-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-bento-grid{display:flex;flex-direction:column}.system-header{flex-direction:column;gap:var(--space-md)}.system-stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.user-stats-grid{grid-template-columns:repeat(3,1fr)}.data-cards-grid{grid-template-columns:1fr}.admin-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.user-stats-grid,.admin-actions-grid{grid-template-columns:1fr}}.dashboard-page{padding:0;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-header{margin-bottom:var(--space-lg);padding:var(--space-sm) 0}.header-content{display:flex;justify-content:space-between;align-items:flex-end}.header-titles{display:flex;flex-direction:column;gap:var(--space-xs)}.role-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;width:fit-content;margin-bottom:var(--space-2xs);border:1px solid var(--color-accent-glow);background:linear-gradient(90deg,rgba(47,111,235,.08),transparent);transition:all .3s var(--ease-smooth-out)}.role-pill:hover{background:linear-gradient(90deg,#2f6feb1f,#0ea5a70d);border-color:#2f6feb4d}.role-pill svg{opacity:.8}.dot-indicator{width:6px;height:6px;border-radius:50%;background:var(--color-accent-success);box-shadow:0 0 8px var(--color-accent-success);animation:pulse 2s infinite}.dashboard-header h1{font-size:2.25rem;font-weight:700;margin:0;letter-spacing:-.03em;display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-primary)}.greeting-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f59e0b26,#fbbf2414);border-radius:var(--radius-lg);color:#f59e0b}.hover-glow{transition:text-shadow .3s ease}.hover-glow:hover{text-shadow:0 0 30px rgba(47,111,235,.3);cursor:default}.header-subtitle{color:var(--color-text-secondary);font-size:1rem;max-width:600px;margin:0}.header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.current-date{display:flex;align-items:center;gap:var(--space-xs);font-size:.9rem;color:var(--color-text-muted);padding:8px 14px;background:var(--surface-glass-light);border-radius:var(--radius-full);border:1px solid var(--border-glass)}.current-date svg{color:var(--color-accent-primary)}.dashboard-main{min-height:400px}.dashboard-loading{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:900px){.dashboard-page{padding:0}.header-content{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-meta{align-items:flex-start}.dashboard-header h1{font-size:1.8rem}.greeting-icon{width:40px;height:40px}.greeting-icon svg{width:22px;height:22px}}@media(max-width:480px){.dashboard-header h1{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.greeting-icon{width:36px;height:36px}.header-subtitle{font-size:.9rem}}.settings-page{padding:var(--space-2xl) var(--space-xl);max-width:1200px;margin:0 auto;position:relative;isolation:isolate;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.settings-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% -10%,rgba(59,130,246,.22),transparent 45%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.16),transparent 40%),radial-gradient(circle at 50% 120%,rgba(99,102,241,.18),transparent 50%);opacity:.9;pointer-events:none;z-index:0}.settings-page:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:120px 120px;opacity:.16;pointer-events:none;z-index:0}.settings-page>*{position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-xl);margin-bottom:var(--space-xl);text-align:left;flex-wrap:wrap}.settings-title-block{display:flex;flex-direction:column;gap:var(--space-xs);max-width:560px}.settings-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--color-text-muted)}.settings-header h1{font-size:2.4rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.1;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-header p{color:var(--color-text-muted);font-size:1rem;margin:0;max-width:460px;line-height:1.5}.settings-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0f172a99;border:1px solid var(--border-glass);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.02em}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-2xl);align-items:start}.settings-sidebar{position:sticky;top:20px}.settings-sidebar-nav{display:flex;flex-direction:column;gap:8px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.settings-nav-item:hover{background:#0f172a66;color:var(--color-text-primary)}.settings-nav-item.active{background:var(--surface-glass);color:var(--color-accent-primary);border-color:var(--border-glass);box-shadow:var(--shadow-sm)}.settings-content{min-width:0}.admin-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.admin-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.admin-tab:hover{background:#0f172a99;color:var(--color-text-primary)}.admin-tab.active{background:var(--surface-glass);color:var(--color-accent-primary);border-color:var(--border-glass-light);box-shadow:0 10px 18px #0f172a33}.settings-section{--section-accent: var(--color-accent-primary);--section-accent-soft: rgba(59, 130, 246, .16);--section-accent-glow: rgba(59, 130, 246, .28);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:linear-gradient(160deg,#0f172ab8,#0f172a61);box-shadow:0 16px 32px #0f172a33;position:relative;overflow:hidden;animation:fadeIn .3s ease-out}.settings-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--section-accent),transparent);opacity:.6}.section-appearance{--section-accent: var(--neon-blue);--section-accent-soft: rgba(59, 130, 246, .18);--section-accent-glow: rgba(59, 130, 246, .3)}.section-profile{--section-accent: var(--neon-purple);--section-accent-soft: rgba(37, 99, 235, .16);--section-accent-glow: rgba(37, 99, 235, .3)}.section-notifications{--section-accent: var(--neon-green);--section-accent-soft: rgba(34, 197, 94, .16);--section-accent-glow: rgba(34, 197, 94, .3)}.section-regional{--section-accent: var(--neon-cyan);--section-accent-soft: rgba(14, 165, 233, .16);--section-accent-glow: rgba(14, 165, 233, .3)}.section-admin{margin-bottom:var(--space-lg)}.section-header{display:flex;align-items:center;gap:var(--space-md);padding:0}.section-icon{width:46px;height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--section-accent-soft),rgba(15,23,42,.2));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);color:var(--section-accent);box-shadow:0 8px 16px var(--section-accent-glow);transition:all var(--transition-normal)}.settings-section:hover .section-icon{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 22px var(--section-accent-glow)}.section-header-text{display:flex;flex-direction:column;gap:4px}.section-header h2{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}.section-header p{font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.4}.settings-card{background:var(--surface-glass);border:1px solid var(--border-glass-light);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff0d;transition:all var(--transition-normal)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--surface-glass-light);transition:all var(--transition-fast)}.setting-item:hover{border-color:var(--section-accent);background:#0f172a99;box-shadow:0 8px 16px #0f172a40}.setting-leading{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);flex-shrink:0}.setting-icon{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;background:var(--section-accent-soft);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--section-accent)}.setting-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.setting-label{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.setting-description{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.setting-action{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-glass)}.settings-error{margin-bottom:var(--space-md);padding:12px 16px;border-radius:var(--radius-lg);background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.9rem}.settings-hint{font-size:.85rem;color:var(--color-text-muted);padding:var(--space-xs) 0}.theme-toggle-group{display:flex;background:#0f172aa6;border:1px solid var(--border-glass-light);border-radius:var(--radius-lg);padding:4px;gap:6px;box-shadow:inset 0 0 0 1px #ffffff05}.theme-option{display:flex;align-items:center;gap:var(--space-xs);padding:8px 14px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:600}.theme-option.active{background:#0f172ae6;color:var(--color-text-primary);box-shadow:0 4px 10px #0f172a4d;border:1px solid var(--border-glass-light)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:34px;transition:.4s cubic-bezier(.16,1,.3,1)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--color-text-muted);border-radius:50%;transition:.4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fff;box-shadow:0 2px 8px #0003}.setting-select,.settings-input,.settings-textarea{width:100%;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary);font-size:.9rem}.profile-info{display:flex;align-items:center;gap:var(--space-lg)}.profile-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),#4f46e5);border-radius:var(--radius-full);font-size:1.75rem;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:0 8px 16px #4f46e54d;border:2px solid rgba(255,255,255,.1)}.profile-details{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.profile-email{font-size:.95rem;color:var(--color-text-muted)}.profile-role{font-size:.75rem;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:#3b82f61a;padding:4px 10px;border-radius:var(--radius-full);align-self:flex-start;margin-top:4px;border:1px solid rgba(59,130,246,.2)}.reset-notifications-btn{padding:10px 20px;background:var(--surface-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.reset-notifications-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.settings-grid{display:grid;gap:var(--space-sm)}.settings-grid-2{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-grid-3{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.setting-item-compact{padding:var(--space-sm)}.settings-subsection{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-subsection+.settings-subsection{padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.settings-subsection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.settings-subsection-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-primary)}.settings-subsection-header p{margin:4px 0 0;font-size:.85rem;color:var(--color-text-muted)}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-inline{align-items:flex-start}.settings-field-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.settings-input-compact,.settings-select-compact{width:100%;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-glass-light);color:var(--color-text-primary);font-size:.85rem}.settings-input-compact[type=color]{padding:4px;height:40px}.recognition-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.recognition-badge-card{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.recognition-badge-header{display:flex;align-items:center;gap:var(--space-sm)}.recognition-badge-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-glass)}.recognition-badge-title{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.recognition-badge-fields{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.recognition-category-controls{display:grid;gap:var(--space-sm);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr) auto;align-items:end;padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a66}.rewards-list{display:flex;flex-direction:column;gap:var(--space-sm)}.reward-card{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.reward-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.reward-title{font-weight:600;color:var(--color-text-primary)}.reward-subtitle{font-size:.85rem;color:var(--color-text-muted)}.reward-cost{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.reward-date{font-size:.8rem;color:var(--color-text-muted)}.reward-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}.reward-notes{min-height:72px}.rubric-ai{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px dashed var(--border-glass);background:#0f172a59;display:flex;flex-direction:column;gap:var(--space-sm)}.rubric-ai-header{display:flex;flex-direction:column;gap:4px}.rubric-builder{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.rubric-builder-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.rubric-builder-title{display:flex;flex-direction:column;gap:4px}.rubric-weight-summary{font-size:.85rem;color:var(--color-text-muted)}.rubric-weight-summary.warning{color:#f59e0b}.rubric-category{padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a73;display:flex;flex-direction:column;gap:var(--space-sm)}.rubric-category-header{display:grid;grid-template-columns:minmax(0,1.6fr) 120px auto;gap:var(--space-sm);align-items:center}.rubric-items{display:grid;gap:var(--space-sm)}.rubric-item-row{display:grid;grid-template-columns:minmax(0,1.3fr) 110px minmax(0,1.6fr) auto auto;gap:var(--space-sm);align-items:center}.settings-checkbox-inline{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.82rem}.settings-checkbox-inline input{margin:0}.rubric-item-actions{display:flex;justify-content:flex-start}.program-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto auto;gap:var(--space-sm);align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-glass)}.leave-type-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);align-items:end;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-glass)}.leave-type-actions{display:flex;justify-content:flex-end;align-items:center;height:100%}.leave-type-span-2{grid-column:span 2}.leave-type-card{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a73;display:flex;flex-direction:column;gap:var(--space-sm)}.leave-type-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);align-items:end}.leave-type-toggles{padding-top:var(--space-xs);border-top:1px dashed var(--border-glass)}.program-card{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a73;display:flex;flex-direction:column;gap:var(--space-md)}.program-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:var(--space-sm);align-items:center}.program-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:.85rem;font-weight:600}.program-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm)}.program-metric{display:flex;flex-direction:column;gap:6px}.user-search{display:grid;grid-template-columns:minmax(0,2fr) auto auto;gap:var(--space-sm);align-items:center}.user-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--surface-glass-light)}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:var(--color-text-primary)}.user-email{font-size:.85rem;color:var(--color-text-muted)}.user-meta{font-size:.75rem;color:var(--color-text-muted)}.user-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.user-role-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.user-role-label{font-size:.75rem;color:var(--color-text-muted);font-weight:600}.user-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-glass)}.team-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.8fr) auto;gap:var(--space-sm);align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-glass)}.team-card{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--surface-glass-light);display:flex;flex-direction:column;gap:var(--space-md)}.team-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.8fr);gap:var(--space-sm);align-items:center}.team-lead-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-sm);align-items:center}.team-lead-readonly{padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#0f172a59;color:var(--color-text-muted);font-size:.85rem}.team-members{display:flex;flex-direction:column;gap:var(--space-sm)}.team-member-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#0f172a66}.team-member-meta{display:flex;flex-direction:column;gap:2px}.team-member-name{font-size:.9rem;color:var(--color-text-primary)}.team-member-role{font-size:.75rem;color:var(--color-text-muted)}.team-member-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center}.team-meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.invite-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-glass)}.invite-link-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);align-items:center}.invite-list{display:flex;flex-direction:column;gap:var(--space-sm)}.invite-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--surface-glass-light)}.invite-meta{display:flex;flex-direction:column;gap:4px}.invite-email{font-weight:600;color:var(--color-text-primary)}.invite-details{font-size:.82rem;color:var(--color-text-muted)}.invite-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.invite-expiry{font-size:.75rem;color:var(--color-text-muted)}[data-theme=light] .settings-page:before{background:radial-gradient(circle at 15% -10%,rgba(59,130,246,.12),transparent 45%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.1),transparent 40%),radial-gradient(circle at 50% 120%,rgba(99,102,241,.1),transparent 50%);opacity:.6}[data-theme=light] .settings-page:after{background-image:linear-gradient(rgba(15,23,42,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 1px);opacity:.14}[data-theme=light] .settings-section{background:#fffffff2;border-color:#0f172a14;box-shadow:0 16px 30px #0f172a14}[data-theme=light] .settings-card{background:#ffffffeb;border-color:#0f172a1a}[data-theme=light] .settings-nav-item,[data-theme=light] .meta-pill{background:#ffffffe6;border-color:#0f172a14;color:var(--color-text-secondary)}[data-theme=light] .setting-item{background:#f8fafcf2;border-color:#0f172a14}[data-theme=light] .setting-icon{border-color:#0f172a1a}[data-theme=light] .theme-toggle-group{background:#f8fafcf2;border-color:#0f172a1f}[data-theme=light] .theme-option.active{background:#fff;color:var(--color-accent-primary);box-shadow:0 2px 8px #0f172a0f;border:1px solid rgba(15,23,42,.04)}[data-theme=light] .toggle-slider{background:#f8fafcf2;border-color:#0f172a1f}[data-theme=light] .setting-select,[data-theme=light] .settings-input,[data-theme=light] .settings-textarea,[data-theme=light] .settings-input-compact,[data-theme=light] .settings-select-compact{background:#fffffff2;border-color:#0f172a1a;color:var(--color-text-primary)}[data-theme=light] .settings-sidebar-nav .settings-nav-item.active{background:#fffc;color:var(--color-accent-primary)}[data-theme=light] .rubric-ai{background:#f8fafccc;border-color:#0f172a1a}[data-theme=light] .rubric-category{background:#f8fafccc;border-color:#0f172a14}[data-theme=light] .program-card{background:#fffc;border-color:#0f172a14}[data-theme=light] .leave-type-card,[data-theme=light] .recognition-badge-card,[data-theme=light] .reward-card,[data-theme=light] .recognition-category-controls{background:#ffffffe6;border-color:#0f172a14}[data-theme=light] .user-card,[data-theme=light] .invite-item,[data-theme=light] .team-card{background:#fffffff2;border-color:#0f172a1a}[data-theme=light] .team-member-row{background:#f8fafce6;border-color:#0f172a14}[data-theme=light] .team-lead-readonly{background:#f1f5f9cc;border-color:#0f172a14}[data-theme=light] .admin-tab{background:#fffc;border-color:#0f172a1a}[data-theme=light] .admin-tab:hover{background:#fffffff2}[data-theme=light] .admin-tab.active{background:#fff;border-color:var(--color-accent-primary)}[data-theme=light] .program-form{border-color:#0f172a14}@media(max-width:900px){.settings-layout{grid-template-columns:1fr;gap:var(--space-lg)}.settings-sidebar{position:static;overflow-x:auto}.settings-sidebar-nav{flex-direction:row;gap:8px;padding-bottom:8px}.settings-nav-item{white-space:nowrap}.settings-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.settings-meta{width:100%;justify-content:flex-start}.rubric-builder-header{flex-direction:column;align-items:flex-start}.rubric-category-header,.rubric-item-row,.user-search,.team-form,.team-row,.team-lead-row,.program-form,.program-row,.invite-form,.invite-link-row,.settings-grid-2,.settings-grid-3,.recognition-category-controls,.leave-type-form,.leave-type-row{grid-template-columns:1fr}.invite-item,.user-card,.team-member-row{flex-direction:column;align-items:flex-start}.invite-actions,.user-actions{width:100%;justify-content:space-between}.team-member-add{grid-template-columns:1fr}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);overflow:hidden;position:relative;padding:var(--space-xl);text-align:center}.not-found-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;max-width:500px}.planet-404{width:150px;height:150px;background:var(--gradient-primary);border-radius:50%;margin-bottom:var(--space-xl);position:relative;box-shadow:0 0 50px #3b82f64d inset,0 0 20px #3b82f633;animation:float 6s ease-in-out infinite}.crater{position:absolute;background:#0000001a;border-radius:50%}.crater:nth-child(1){width:30px;height:30px;top:20%;left:20%}.crater:nth-child(2){width:20px;height:20px;bottom:30%;right:25%}.crater:nth-child(3){width:15px;height:15px;top:40%;right:15%}.error-code{font-size:6rem;line-height:1;font-weight:700;margin-bottom:var(--space-xs);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(59,130,246,.3)}.error-title{font-size:2rem;margin-bottom:var(--space-md);color:var(--color-text-primary)}.error-message{color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:transparent}.loader-orbit{position:relative;width:80px;height:80px;margin-bottom:var(--space-lg)}.loader-planet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:var(--color-accent-primary);border-radius:50%;box-shadow:0 0 20px var(--color-accent-glow);animation:pulse 2s ease-in-out infinite}.loader-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-accent-secondary);border-right-color:var(--color-accent-cyan);animation:spin 1.5s linear infinite;box-shadow:0 0 15px #8b5cf633}.loader-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-accent-primary);border-left-color:var(--color-accent-secondary);animation:spin 3s linear infinite reverse}.loader-text{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;animation:fadeIn .5s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1;box-shadow:0 0 30px var(--color-accent-primary)}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.page-header{margin-bottom:var(--space-xl);position:relative}.page-header h1{font-size:2.2rem;font-weight:600;margin-bottom:var(--space-xs);background:linear-gradient(to right,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.page-header p{font-size:.95rem;color:var(--color-text-secondary);max-width:640px}.section{margin-bottom:var(--space-2xl);animation:fadeIn .6s ease-out}.section-title{font-size:1.05rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:.01em}.section-title svg{color:var(--color-accent-primary);filter:none}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-primary);color:var(--color-text-primary);gap:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);gap:var(--space-sm)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(47,111,235,.2);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}