:root{--r: 18px;--r2: 14px;--r-btn: 12px;--r-input: 12px;--r-pill: 999px;--bg0: #0b1020;--bg1: rgba(255, 255, 255, .04);--bg2: rgba(0, 0, 0, .25);--bg-overlay: rgba(0, 0, 0, .75);--line: rgba(255, 255, 255, .12);--line-dashed: rgba(255, 255, 255, .08);--text: #e8ecff;--text-heading: #ffffff;--muted: #b7c0ff;--muted2: rgba(232, 236, 255, .68);--shadow: 0 14px 30px rgba(0, 0, 0, .38);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .45);--blur: blur(14px);--accent: #1f5bff;--accent-hover: #3d72ff;--accent-soft: rgba(31, 91, 255, .18);--accent-border: rgba(31, 91, 255, .25);--accent2: #22c55e;--accent2-soft: rgba(34, 197, 94, .12);--accent2-border: rgba(34, 197, 94, .35);--accent2-glow: 0 0 0 4px rgba(34, 197, 94, .15);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .12);--warn-border: rgba(245, 158, 11, .35);--bad: #ef4444;--bad-soft: rgba(239, 68, 68, .12);--bad-border: rgba(239, 68, 68, .35);--chip: rgba(255, 255, 255, .08);--chip2: rgba(255, 255, 255, .12);--font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition-base: .18s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-modal: 9999;--max-width: 1600px;--blur-sm: blur(8px);--blur-md: blur(14px);--blur-lg: blur(24px);--blur-xl: blur(40px);--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-blue: linear-gradient(135deg, #1f5bff 0%, #3b82f6 100%);--gradient-green: linear-gradient(135deg, #22c55e 0%, #10b981 100%);--gradient-premium: linear-gradient(135deg, #8b5cf6 0%, #1f5bff 50%, #22c55e 100%);--glow-purple: 0 0 30px rgba(139, 92, 246, .4);--glow-blue: 0 0 30px rgba(31, 91, 255, .4);--glow-green: 0 0 30px rgba(34, 197, 94, .4);--shadow-glass: 0 4px 6px rgba(0, 0, 0, .1), 0 10px 20px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-glass-hover: 0 8px 16px rgba(0, 0, 0, .2), 0 20px 40px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .15)}html[data-theme=light]{--bg0: #f5f7ff;--bg1: rgba(255, 255, 255, .78);--bg2: rgba(15, 23, 42, .06);--bg-overlay: rgba(255, 255, 255, .85);--line: rgba(15, 23, 42, .12);--text: #0b1020;--text-heading: #0b1020;--muted: #334155;--muted2: rgba(15, 23, 42, .68);--shadow: 0 14px 30px rgba(2, 6, 23, .12);--chip: rgba(2, 6, 23, .06);--chip2: rgba(2, 6, 23, .1)}.glass{background:#ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.glass-heavy{background:#0b1020d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12)}.glass-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.glass-surface{background:var(--glass-bg, rgba(255, 255, 255, .04));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px}.glass-elevated{background:linear-gradient(180deg,#ffffff14,#ffffff05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff1a}.gradient-purple-glow{background:linear-gradient(135deg,#8b5cf626,#1f5bff1a)}.gradient-success-glow{background:linear-gradient(135deg,#22c55e26,#22c55e0d)}.gradient-blue-glow{background:linear-gradient(135deg,#1f5bff26,#1f5bff0d)}.gradient-premium{background:linear-gradient(135deg,#8b5cf61f,#1f5bff14,#22c55e1f)}.glow-purple{box-shadow:0 0 30px #8b5cf666}.glow-blue{box-shadow:0 0 30px #1f5bff66}.glow-green{box-shadow:0 0 30px #22c55e66}.glow-amber{box-shadow:0 0 30px #f59e0b66}.border-glow-purple{border:1px solid rgba(139,92,246,.3);box-shadow:0 0 0 1px #8b5cf61a,0 4px 12px #8b5cf61a}.border-glow-purple:hover{border-color:#8b5cf680;box-shadow:0 0 0 1px #8b5cf633,0 8px 24px #8b5cf633}.border-glow-green{border:1px solid rgba(34,197,94,.3);box-shadow:0 0 0 1px #22c55e1a,0 4px 12px #22c55e1a}.border-glow-green:hover{border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e33,0 8px 24px #22c55e33}.border-glow-blue{border:1px solid rgba(31,91,255,.3);box-shadow:0 0 0 1px #1f5bff1a,0 4px 12px #1f5bff1a}.border-glow-blue:hover{border-color:#1f5bff80;box-shadow:0 0 0 1px #1f5bff33,0 8px 24px #1f5bff33}.text-gradient-premium{background:linear-gradient(135deg,#8b5cf6,#1f5bff,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-highlight{position:relative}.glass-highlight:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-slide 3s infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:200%}}.float-soft{animation:float-soft 6s ease-in-out infinite}@keyframes float-soft{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5px) rotate(.5deg)}66%{transform:translateY(3px) rotate(-.5deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-size:13px;line-height:1.45;color:var(--text);background:radial-gradient(1200px 700px at 18% -10%,rgba(31,91,255,.16),transparent 60%),var(--bg0);min-height:100vh}h1,h2,h3,h4{color:var(--text-heading);font-weight:700;line-height:1.25}p{color:var(--muted2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--chip2);border-radius:4px}.panel{background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-glass-hover)}.card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--r2);padding:16px;transition:var(--transition-smooth)}.card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 24px #0003}.metric{background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--r2);padding:16px;transition:var(--transition-smooth);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-premium);opacity:0;transition:opacity .3s ease}.metric:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 8px 20px #00000040,0 0 20px #8b5cf61a}.metric:hover:before{opacity:1}input,select,textarea{background:#ffffff08;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--r-input);transition:var(--transition-smooth)}input:focus,select:focus,textarea:focus{background:#ffffff0f;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 4px 12px #1f5bff26;transform:translateY(-1px)}.btn{position:relative;overflow:hidden;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);transition:var(--transition-smooth)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-blue);border:1px solid rgba(31,91,255,.3);box-shadow:0 4px 12px #1f5bff33}.btn-primary:hover{box-shadow:0 8px 20px #1f5bff59,0 0 30px #1f5bff33;transform:translateY(-2px)}.btn-soft{background:#ffffff0f;border:1px solid var(--glass-border)}.btn-soft:hover{background:#ffffff1a;border-color:var(--glass-border-hover);transform:translateY(-1px)}.pill{background:linear-gradient(135deg,#ffffff14,#ffffff0a);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);transition:var(--transition-smooth)}.pill:hover{background:#ffffff1a;border-color:var(--glass-border-hover)}.modal-card{background:linear-gradient(180deg,#141828fa,#0b1020fa);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.header{background:linear-gradient(180deg,#0b1020f2,#0b1020e6);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--glass-border)}html[data-theme=light] .panel,html[data-theme=light] .card,html[data-theme=light] .metric{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-color:#00000014;box-shadow:0 10px 30px #00000014}html[data-theme=light] .panel:hover,html[data-theme=light] .card:hover,html[data-theme=light] .metric:hover{border-color:#0000001f;box-shadow:0 15px 40px #0000001f}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#ffffffe6;border-color:#0000001a}html[data-theme=light] .header{background:linear-gradient(180deg,#fffffff2,#ffffffe6);border-color:#00000014}.animate-in{animation:scale-in .3s ease-out forwards}.animate-slide-up{animation:slide-up .4s ease-out forwards}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stagger-children>*{opacity:0;animation:slide-up .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.btn{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary:hover{box-shadow:0 8px 20px #1f5bff66}.btn-primary:active{box-shadow:0 4px 12px #1f5bff4d}input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{transform:translateY(-1px)}.card,.metric,.kpi-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.card:hover,.metric:hover{transform:translateY(-4px)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0}.ripple:active:before{width:200%;height:200%;opacity:1}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-skeleton{background:linear-gradient(90deg,var(--chip) 25%,var(--chip2) 50%,var(--chip) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.notification{animation:notification-in .3s ease-out forwards}.notification.leaving{animation:notification-out .3s ease-in forwards}@keyframes notification-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes notification-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.modal.show .modal-card{animation:modal-in .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.show .modal-overlay{animation:fade-in .2s ease-out forwards}#processTableBody tr{animation:row-slide-in .3s ease-out forwards;animation-delay:calc(var(--row-index, 0) * .05s)}@keyframes row-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#processTableBody tr.deleting{animation:row-slide-out .3s ease-in forwards}@keyframes row-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.tooltip{animation:tooltip-fade .2s ease-out forwards}@keyframes tooltip-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-pulse{animation:glow-pulse-effect 2s ease-in-out infinite}@keyframes glow-pulse-effect{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.bounce{animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary, #8b5cf6);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.sm{width:16px;height:16px;border-width:2px}.loading-spinner.lg{width:40px;height:40px;border-width:4px}.btn.loading{position:relative;color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--text-muted)}.error-icon{width:64px;height:64px;margin-bottom:16px;color:#ef4444}.error-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.error-message{font-size:14px;margin-bottom:16px;max-width:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{width:80px;height:80px;margin-bottom:20px;opacity:.3}.empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-message{font-size:14px;color:var(--text-muted);margin-bottom:20px;max-width:300px}.success-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:scale-in .4s ease-out}.success-check svg{width:32px;height:32px;color:#fff}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease}.loading-overlay.active{opacity:1;pointer-events:all}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-gradient-primary{background:var(--gradient-blue);border:none;color:#fff;position:relative;overflow:hidden}.btn-gradient-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.btn-gradient-primary:hover:before{opacity:1}.btn-gradient-primary:hover{box-shadow:0 8px 24px #1f5bff66}.btn-gradient-purple{background:var(--gradient-purple);border:none;color:#fff}.btn-gradient-purple:hover{box-shadow:0 8px 24px #8b5cf666}.btn-gradient-success{background:var(--gradient-green);border:none;color:#fff}.btn-gradient-success:hover{box-shadow:0 8px 24px #22c55e66}.text-gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,#1f5bff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-premium{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-glow-purple{background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.15) 0%,transparent 50%),var(--glass-bg)}.bg-glow-blue{background:radial-gradient(circle at 70% 70%,rgba(31,91,255,.15) 0%,transparent 50%),var(--glass-bg)}.bg-glow-green{background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.15) 0%,transparent 50%),var(--glass-bg)}.bg-glow-mixed{background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(31,91,255,.12) 0%,transparent 40%),var(--glass-bg)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative;flex-shrink:0}.status-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;animation:status-pulse 2s ease-in-out infinite}.status-dot-success{background:#22c55e}.status-dot-success:after{background:#22c55e4d}.status-dot-warning{background:#f59e0b}.status-dot-warning:after{background:#f59e0b4d}.status-dot-error{background:#ef4444}.status-dot-error:after{background:#ef44444d}.status-dot-info{background:#1f5bff}.status-dot-info:after{background:#1f5bff4d}@keyframes status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}.border-accent{border-color:var(--accent)}.border-success{border-color:var(--accent2)}.border-warning{border-color:var(--warn)}.border-error{border-color:var(--bad)}.border-glow:hover{box-shadow:0 0 20px #8b5cf64d}.phase-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.phase-quick-win{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.phase-strategic{background:linear-gradient(135deg,#1f5bff33,#1f5bff1a);color:#3d72ff;border:1px solid rgba(31,91,255,.3)}.phase-efficiency{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.phase-long-term{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.progress-bar{height:6px;border-radius:3px;background:var(--chip);overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.progress-fill-success{background:var(--gradient-green)}.progress-fill-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill-error{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-fill-premium{background:var(--gradient-premium)}.roi-positive{color:#22c55e}.roi-negative{color:#ef4444}.roi-neutral{color:var(--muted)}.highlight-success{background:#22c55e1a;border-left:3px solid #22c55e}.highlight-warning{background:#f59e0b1a;border-left:3px solid #f59e0b}.highlight-error{background:#ef44441a;border-left:3px solid #ef4444}.highlight-info{background:#1f5bff1a;border-left:3px solid #1f5bff}.accent-line-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-premium)}.accent-line-left:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--gradient-premium)}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--r-pill);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-free{background:#ffffff1a;color:var(--muted);border:1px solid var(--glass-border)}.tier-pro{background:linear-gradient(135deg,#1f5bff33,#1f5bff1a);color:#3d72ff;border:1px solid rgba(31,91,255,.3)}.tier-consultant{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.tier-enterprise{background:linear-gradient(135deg,#f59e0b33,#22c55e1a);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}html[data-theme=light] .phase-badge,html[data-theme=light] .tier-badge,html[data-theme=light] .bg-glow-purple,html[data-theme=light] .bg-glow-blue,html[data-theme=light] .bg-glow-green,html[data-theme=light] .bg-glow-mixed{background:#ffffffe6}.header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;max-width:var(--max-width);margin:0 auto}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.logo-box{width:52px;height:52px;background:var(--chip);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.brand h1{font-size:15px;font-weight:700;letter-spacing:.2px;margin:0}.brand .tagline{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin:2px 0 0}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.lang-wrap{display:flex;gap:6px;padding:4px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--bg2)}.lang-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted2);cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:700;transition:var(--transition-base)}.lang-btn:hover{background:var(--chip)}.lang-btn.active{background:var(--accent);color:#fff}.flag{width:16px;height:12px;display:inline-block;border-radius:3px;box-shadow:0 0 0 1px #ffffff2e inset}.flag-at{background:linear-gradient(#ed2939 0,#ed2939 33%,#fff 33%,#fff 66%,#ed2939 66%)}.flag-us{background:repeating-linear-gradient(to bottom,#b22234,#b22234 7.7%,#fff 7.7%,#fff 15.4%);position:relative}.company-bar-wrap{max-width:var(--max-width);margin:0 auto;padding:0 18px 10px}.company-bar{padding:12px}.company-row{display:grid;grid-template-columns:1.1fr 2.4fr 1.2fr;gap:12px;align-items:start}.company-meta{display:flex;flex-direction:column;gap:6px}.company-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.company-title b{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted2)}.company-status{font-size:12px;color:var(--muted2)}.status-value{font-weight:800}.status-value.ok{color:#22c55ef2}.status-value.warn{color:#f59e0bf2}.status-value.bad{color:#ef4444f2}.company-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:10px}.company-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.company-advanced{margin-top:10px;display:none;border-top:1px dashed var(--line);padding-top:10px}.company-advanced.show{display:block}.company-logo-field{display:flex;flex-direction:column;gap:6px}.logo-upload-container{display:flex;flex-direction:column;gap:8px}.logo-preview{width:100%;max-width:120px;height:60px;background:var(--bg2);border:2px dashed var(--line);border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:var(--transition-base)}.logo-preview:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:4px}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted2)}.logo-placeholder .logo-icon{font-size:20px;opacity:.6}.logo-placeholder .logo-text{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.logo-actions{display:flex;gap:6px;flex-wrap:wrap}.logo-actions .btn-sm{padding:4px 8px;font-size:10px}.logo-actions .btn.danger{color:var(--red);border-color:var(--red)}.logo-actions .btn.danger:hover{background:#ef44441a}.logo-hint{font-size:9px;color:var(--muted2);margin:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 18px 42px;display:grid;grid-template-columns:460px 1fr;gap:16px}.left-column{display:flex;flex-direction:column;gap:14px}.main-column{display:flex;flex-direction:column;gap:14px;min-width:0}.heatmap-row{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:stretch}.heatmap-panel,.summary-panel{min-width:0}.panel{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.panel-header h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted2);margin:0}.panel-header .sub{font-size:11px;color:var(--muted2);margin:2px 0 0}.panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer-panel{padding:14px 16px}.footer-panel .footer-content{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted2)}.footer-links{display:flex;gap:10px}@media (max-width: 1220px){.container,.heatmap-row,.company-row{grid-template-columns:1fr}.company-fields{grid-template-columns:repeat(2,1fr)}.company-actions{justify-content:flex-start}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;justify-content:flex-start}.brand{min-width:auto}.company-fields{grid-template-columns:1fr}}@media (max-width: 600px){.brand .tagline{display:none}.footer-panel .footer-content{flex-direction:column;text-align:center}}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;max-width:var(--max-width);margin:0 auto;background:linear-gradient(180deg,#0b1020f2,#0b1020d9);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.btn-company{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#8b5cf626,#8b5cf614);border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-family)}.btn-company:hover{background:linear-gradient(135deg,#8b5cf640,#8b5cf626);border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.btn-company svg{flex-shrink:0;stroke:#a78bfa}.btn-company .company-name-display{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-company.has-company{background:linear-gradient(135deg,#22c55e26,#22c55e14);border-color:#22c55e4d;color:#22c55e}.btn-company.has-company:hover{background:linear-gradient(135deg,#22c55e40,#22c55e26);border-color:#22c55e80;box-shadow:0 4px 12px #22c55e33}.btn-company.has-company svg{stroke:#22c55e}.btn-sm{padding:7px 12px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);cursor:pointer;transition:var(--transition-smooth)}.btn-icon:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text);transform:translateY(-1px)}.btn-icon svg{stroke:currentColor}.btn-icon-lg{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);cursor:pointer;transition:var(--transition-smooth)}.btn-icon-lg:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text);transform:translateY(-1px)}.btn-icon-lg svg{stroke:currentColor}.pill{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:12px;color:var(--muted);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.pill .dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b80;animation:dot-pulse 2s ease-in-out infinite}.pill.logged-in .dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.usage-pill{gap:10px}.usage-bar-container{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.usage-bar{height:100%;background:var(--gradient-green);border-radius:3px;transition:width .3s ease}.usage-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-bar.unlimited{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);box-shadow:0 0 8px #8b5cf666;animation:unlimited-shimmer 2s ease-in-out infinite}@keyframes unlimited-shimmer{0%,to{opacity:1;box-shadow:0 0 8px #8b5cf666}50%{opacity:.85;box-shadow:0 0 12px #8b5cf699}}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}.lang-toggle{display:flex;padding:3px;border-radius:10px;background:linear-gradient(135deg,#8b5cf61a,#1f5bff14);border:1px solid rgba(139,92,246,.2)}.lang-btn{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:#ffffff80;cursor:pointer;font-family:var(--font-family);font-size:12px;font-weight:700;letter-spacing:.5px;transition:all .2s ease}.lang-btn:hover{color:var(--text);background:#ffffff0d}.lang-btn.active{background:linear-gradient(135deg,#8b5cf6,#1f5bff);color:#fff;box-shadow:0 2px 10px #8b5cf666}.lang-wrap{display:flex;gap:4px;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.logo-box{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf626,#1f5bff1a);border:1px solid rgba(139,92,246,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:var(--transition-smooth)}.logo-box:hover{border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf633}.logo-box img{width:100%;height:100%;object-fit:contain;padding:6px}.brand h1{font-size:14px;font-weight:700;letter-spacing:.2px;margin:0;color:var(--text)}.brand .tagline{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin:2px 0 0}.btn-pricing{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#f59e0b26,#eab30814);border:1px solid rgba(245,158,11,.35);border-radius:10px;color:#fbbf24;font-size:13px;font-weight:600;font-family:var(--font-family);text-decoration:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-pricing:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-pricing:hover:before{left:100%}.btn-pricing:hover{background:linear-gradient(135deg,#f59e0b40,#eab30826);border-color:#f59e0b80;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b40,0 0 20px #f59e0b1a}.pricing-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f59e0b33;border-radius:6px}.pricing-icon svg{stroke:#fbbf24}.pricing-text{font-weight:600}.pricing-badge{padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#eab308);border-radius:4px;font-size:9px;font-weight:700;color:#1a1a2e;letter-spacing:.5px;text-transform:uppercase}.btn-pdf{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#ef44441f,#dc26260f);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-pdf:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-pdf:hover:before{left:100%}.btn-pdf:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 6px 16px #ef444433,0 0 20px #ef44441a}.pdf-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef444426;border-radius:6px}.pdf-icon svg{stroke:#f87171}.pdf-text{font-weight:600}html[data-theme=light] .btn-pdf{background:linear-gradient(135deg,#ef444414,#dc26260a);border-color:#ef444440;color:#dc2626}html[data-theme=light] .btn-pdf:hover{background:linear-gradient(135deg,#ef44441f,#dc262614)}html[data-theme=light] .pdf-icon{background:#ef44441a}html[data-theme=light] .pdf-icon svg{stroke:#dc2626}@media (max-width: 1100px){.header{gap:12px}.brand{min-width:auto}.btn-company .company-name-display{display:none}.btn-company{padding:8px 10px}.btn-pricing .pricing-text{display:none}}@media (max-width: 768px){.header{padding:10px 14px}.brand h1{font-size:12px}.brand .tagline{display:none}.logo-box{width:38px;height:38px}.lang-wrap,.lang-toggle{display:none}}@media (max-width: 480px){.header-right{gap:6px}.pill{padding:4px 8px;font-size:10px}.btn-sm{padding:5px 8px;font-size:10px}.btn-pricing{padding:6px 10px}.btn-pricing .pricing-text{display:none}.pricing-badge{font-size:8px;padding:2px 4px}.btn-pdf{padding:6px 10px}.btn-pdf .pdf-text{display:none}}html[data-theme=light] .header{background:linear-gradient(180deg,#fffffff2,#ffffffe6);border-color:#0000000f}html[data-theme=light] .btn-company{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#7c3aed}html[data-theme=light] .btn-company svg{stroke:#7c3aed}html[data-theme=light] .btn-company.has-company{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#16a34a}html[data-theme=light] .btn-company.has-company svg{stroke:#16a34a}html[data-theme=light] .pill{background:#00000008;border-color:#00000014;color:var(--muted)}html[data-theme=light] .btn-icon{background:#00000008;border-color:#00000014}html[data-theme=light] .lang-wrap,html[data-theme=light] .lang-toggle{background:linear-gradient(135deg,#8b5cf60f,#1f5bff0a);border-color:#8b5cf626}html[data-theme=light] .lang-btn{color:#0006}html[data-theme=light] .lang-btn:hover{background:#0000000d;color:#000000b3}html[data-theme=light] .lang-btn.active{color:#fff}html[data-theme=light] .logo-box{background:linear-gradient(135deg,#8b5cf614,#1f5bff0d);border-color:#8b5cf626}html[data-theme=light] .btn-pricing{background:linear-gradient(135deg,#f59e0b1a,#eab3080d);border-color:#f59e0b40;color:#d97706}html[data-theme=light] .btn-pricing:hover{background:linear-gradient(135deg,#f59e0b26,#eab3081a)}html[data-theme=light] .pricing-icon{background:#f59e0b26}html[data-theme=light] .pricing-icon svg{stroke:#d97706}.btn-portfolio-pdf{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#ef444426,#dc262614);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-portfolio-pdf svg{flex-shrink:0;stroke:#f87171}.btn-portfolio-pdf:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-portfolio-pdf:hover:before{left:100%}.btn-portfolio-pdf:hover{background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 12px #ef444440,0 0 16px #ef44441a}html[data-theme=light] .btn-portfolio-pdf{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef444440;color:#dc2626}html[data-theme=light] .btn-portfolio-pdf svg{stroke:#dc2626}html[data-theme=light] .btn-portfolio-pdf:hover{background:linear-gradient(135deg,#ef444426,#dc26261a)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-btn);padding:9px 12px;font-family:var(--font-family);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-base)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.btn .btn-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--line);border-radius:7px;background:#ffffff0f;font-weight:800;font-size:11px;line-height:1;margin-right:8px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-soft{background:var(--chip);border-color:var(--line);color:var(--text)}.btn-soft:hover{background:var(--chip2)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-ghost:hover{background:var(--chip)}.btn-danger{background:var(--bad-soft);border-color:var(--bad-border);color:var(--text)}.btn-danger:hover{background:#ef444433}.btn-mini{padding:7px 10px;border-radius:10px;font-size:12px;font-weight:650;background:var(--chip);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:var(--transition-base)}.btn-mini:hover{background:var(--chip2)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-pill);background:var(--chip);border:1px solid var(--line);font-size:12px;color:var(--muted2);white-space:nowrap}.pill.small{padding:5px 8px;font-size:11px}.pill .dot{width:8px;height:8px;border-radius:99px;background:var(--accent2);box-shadow:var(--accent2-glow)}.pill.off .dot{background:var(--warn);box-shadow:var(--warn-glow)}.usage-pill{gap:12px;padding:6px 12px;min-width:120px}.usage-text{font-weight:600;font-size:12px;color:var(--text)}.usage-bar-container{flex:1;height:6px;background:var(--chip2);border-radius:3px;overflow:hidden;border:1px solid var(--line)}.usage-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease,background .3s ease}.usage-bar.warning{background:linear-gradient(90deg,#f59e0b,#eab308)}.usage-bar.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.card{background:var(--chip);border:1px solid var(--line);border-radius:16px;padding:12px}.card h3{margin:0 0 8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted2)}.field{margin-bottom:0}.field label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;font-weight:700;color:var(--muted2);margin-bottom:5px}.field .optional{font-weight:400;opacity:.6}input,select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--text);padding:10px;border-radius:var(--r-input);outline:none;font-family:var(--font-family);font-size:13px;transition:border-color var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--muted2);opacity:.6}input[type=range]{accent-color:var(--accent);padding:0;height:26px;background:transparent;border:none}input[type=range]:focus{box-shadow:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b7c0ff' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.slider-group{margin-top:10px}.slider-group label{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;color:var(--muted2);margin-bottom:5px}.slider-group .val{font-weight:800;color:var(--text);opacity:.85;font-size:11px}.checkbox-row{display:flex;gap:8px;flex-wrap:wrap}.checkbox-row .tag{cursor:pointer}.checkbox-row .tag input[type=checkbox]{width:auto;margin-right:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 980px){.grid3{grid-template-columns:1fr}}@media (max-width: 520px){.grid2{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--r-pill);background:var(--chip);border:1px solid var(--line);font-size:11px;color:var(--text);opacity:.92}.tag.good{background:var(--accent2-soft);border-color:var(--accent2-border)}.tag.warn{background:var(--warn-soft);border-color:var(--warn-border)}.tag.bad{background:var(--bad-soft);border-color:var(--bad-border)}.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.note{font-size:11px;color:var(--muted2);margin-top:8px}.note b{color:var(--text)}.sub{font-size:11px;color:var(--muted2);margin:0}.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--chip);border:1px solid var(--line);border-radius:16px;padding:12px;min-height:74px}.metric .k{margin:0;font-size:10px;color:var(--muted2);letter-spacing:1px;text-transform:uppercase}.metric .v{margin:6px 0 0;font-size:16px;font-weight:850;letter-spacing:.2px;color:var(--text)}.sum-cta{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.bul{margin:0;padding-left:18px;color:var(--muted2);font-size:12px}.bul li{margin:6px 0}.bul b{color:var(--text)}.kvs{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.kvs .kv{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-soft);border-radius:8px;border:1px solid var(--line);font-size:13px}.kvs .kv span:first-child{color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.kvs .kv span:last-child{font-weight:600;color:var(--text);text-align:right}.kvs .row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12px}.kvs .row span{color:var(--muted2)}.kvs .row b{text-align:right;color:var(--text)}@media (max-width: 600px){.kvs{grid-template-columns:1fr}}.lock-hint{padding:10px;background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--r-input);color:var(--warn)}.kpi-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.kpi-hero .kpi-featured{grid-column:1 / -1}.kpi-card{position:relative;padding:20px;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff26;border-color:#ffffff26}.kpi-featured{background:linear-gradient(135deg,#22c55e1f,#8b5cf614,#1f5bff1f);border:1px solid rgba(34,197,94,.25);display:flex;align-items:center;gap:24px;min-height:100px;padding:24px 28px}.kpi-featured:hover{border-color:#22c55e66;box-shadow:0 20px 40px #0006,0 0 40px #22c55e26}.kpi-featured .kpi-content{gap:8px}.kpi-featured .kpi-label{font-size:10px;letter-spacing:1.5px}.kpi-featured .kpi-value-lg{font-size:2.8rem;font-weight:800;color:#22c55e;display:flex;align-items:baseline;gap:6px;letter-spacing:-1px;line-height:1}.kpi-featured .kpi-currency{font-size:1.6rem;opacity:.7;font-weight:600}.kpi-featured .kpi-number{font-variant-numeric:tabular-nums}.kpi-icon-ring{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#22c55e33,#22c55e0d);border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.kpi-card:hover .kpi-icon-ring{transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px #22c55e4d}.kpi-icon{width:24px;height:24px;stroke:#22c55e}.kpi-icon-blue{background:linear-gradient(135deg,#1f5bff33,#1f5bff0d);border-color:#1f5bff4d}.kpi-icon-blue .kpi-icon{stroke:#1f5bff}.kpi-card:hover .kpi-icon-blue{box-shadow:0 0 20px #1f5bff4d}.kpi-icon-amber{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-color:#f59e0b4d}.kpi-icon-amber .kpi-icon{stroke:#f59e0b}.kpi-card:hover .kpi-icon-amber{box-shadow:0 0 20px #f59e0b4d}.kpi-icon-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border-color:#8b5cf64d}.kpi-icon-purple .kpi-icon{stroke:#8b5cf6}.kpi-card:hover .kpi-icon-purple{box-shadow:0 0 20px #8b5cf64d}.kpi-icon-green{background:linear-gradient(135deg,#22c55e33,#22c55e0d);border-color:#22c55e4d}.kpi-icon-green .kpi-icon{stroke:#22c55e}.kpi-card:hover .kpi-icon-green{box-shadow:0 0 20px #22c55e4d}.kpi-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.kpi-label{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff73;line-height:1}.kpi-value{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#ffffff80;margin-top:4px}.kpi-trend-up{color:#22c55e}.kpi-trend-up svg{animation:bounce-up 1.5s ease-in-out infinite}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.kpi-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%);pointer-events:none;animation:kpi-glow-pulse 3s ease-in-out infinite}@keyframes kpi-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.kpi-value.animate-in{animation:kpi-value-pop .3s ease-out}@keyframes kpi-value-pop{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.kpi-card:not(.kpi-featured){display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;min-height:110px}.kpi-card:not(.kpi-featured) .kpi-icon-ring{width:40px;height:40px;border-radius:10px}.kpi-card:not(.kpi-featured) .kpi-icon{width:18px;height:18px}.kpi-card:not(.kpi-featured) .kpi-content{gap:4px}.kpi-card:not(.kpi-featured) .kpi-label{font-size:9px;letter-spacing:1px;margin-bottom:2px}.kpi-card:not(.kpi-featured) .kpi-value{font-size:1.4rem}@media (max-width: 768px){.kpi-featured{padding:20px;gap:18px}.kpi-featured .kpi-value-lg{font-size:2.2rem}.kpi-featured .kpi-currency{font-size:1.3rem}}@media (max-width: 600px){.kpi-hero{grid-template-columns:1fr}.kpi-featured{flex-direction:column;text-align:center;padding:20px 16px;align-items:center}.kpi-featured .kpi-content{align-items:center}.kpi-featured .kpi-value-lg{font-size:2rem;justify-content:center}.kpi-card:not(.kpi-featured){padding:16px;min-height:auto;flex-direction:row;align-items:center}.kpi-card:not(.kpi-featured) .kpi-icon-ring{width:36px;height:36px}.kpi-card:not(.kpi-featured) .kpi-value{font-size:1.2rem}}html[data-theme=light] .kpi-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-color:#00000014;box-shadow:0 8px 32px #0000001a}html[data-theme=light] .kpi-featured{background:linear-gradient(135deg,#22c55e14,#8b5cf60d,#1f5bff14);border-color:#22c55e33}html[data-theme=light] .kpi-label,html[data-theme=light] .kpi-trend{color:#00000080}.quick-actions-panel{padding:14px 16px;background:linear-gradient(135deg,#8b5cf60f,#1f5bff0a,#ffffff05);border:1px solid rgba(139,92,246,.15);position:relative;overflow:hidden}.quick-actions-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-premium);opacity:.6}.quick-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quick-actions-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80}.btn-help{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;transition:var(--transition-smooth)}.btn-help:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa;transform:translateY(-1px)}.btn-help svg{stroke:currentColor}.quick-actions-grid{display:grid;grid-template-columns:1fr auto auto;gap:8px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:12px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.quick-action-btn svg{stroke:currentColor;flex-shrink:0}.quick-action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text);transform:translateY(-1px)}.quick-action-btn.primary{background:var(--gradient-blue);border:1px solid rgba(31,91,255,.3);color:#fff;font-weight:600;box-shadow:0 4px 12px #1f5bff33}.quick-action-btn.primary:hover{box-shadow:0 6px 16px #1f5bff4d,0 0 20px #1f5bff26;transform:translateY(-2px)}.quick-action-btn.primary svg{stroke:#fff}.quick-actions-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:center}.quick-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#fff6;text-decoration:none;transition:var(--transition-smooth)}.quick-link svg{stroke:currentColor}.quick-link:hover{color:#a78bfa}.help-modal-content{max-width:480px}.help-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}.help-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.help-step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gradient-purple);border-radius:6px;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.help-step-content{flex:1}.help-step-content b{display:block;font-size:13px;color:var(--text);margin-bottom:2px}.help-step-content span{font-size:12px;color:#ffffff80;line-height:1.4}@media (max-width: 600px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-btn{justify-content:center}}html[data-theme=light] .quick-actions-panel{background:linear-gradient(135deg,#8b5cf60a,#fffffff2,#1f5bff08);border-color:#8b5cf61f}html[data-theme=light] .quick-actions-title{color:#00000080}html[data-theme=light] .btn-help{background:#00000008;border-color:#00000014;color:#00000080}html[data-theme=light] .btn-help:hover{background:#8b5cf61a;color:#7c3aed}html[data-theme=light] .quick-action-btn{background:#00000005;border-color:#00000014;color:#000000b3}html[data-theme=light] .quick-action-btn:hover{background:#0000000d;border-color:#0000001f;color:var(--text)}html[data-theme=light] .quick-link{color:#0006}html[data-theme=light] .quick-link:hover{color:#7c3aed}html[data-theme=light] .help-step{background:#00000005;border-color:#0000000f}html[data-theme=light] .help-step-content span{color:#00000080}.heatmap-wrap{position:relative;width:100%;min-height:400px;height:calc(100% - 180px);background:var(--bg2, rgba(0,0,0,.25));border-radius:12px;padding:10px;margin:10px 0}.heatmap-wrap canvas{width:100%!important;height:100%!important;min-height:350px}.heatmap-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.heatmap-toolbar select{width:100%;padding:8px 12px;background:var(--bg2, rgba(0,0,0,.25));border:1px solid var(--line, rgba(255,255,255,.12));border-radius:8px;color:var(--text, #fff);font-size:12px;cursor:pointer;transition:border-color .2s}.heatmap-toolbar select:hover{border-color:var(--accent, #1f5bff)}.heatmap-toolbar select:focus{outline:none;border-color:var(--accent, #1f5bff);box-shadow:0 0 0 2px #1f5bff33}.heatmap-toolbar select option{background:var(--bg0, #0b1020);color:var(--text, #fff)}.heatmap-panel .slider-group{margin-bottom:10px}.heatmap-panel .slider-group label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted, #a1a1aa);margin-bottom:6px}.heatmap-panel .slider-group .val{color:var(--accent, #1f5bff);font-weight:600}.legendbar{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted, #a1a1aa);margin-top:10px}.legendbar .bar{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#84cc16,#22c55e)}.heatmap-panel{display:flex;flex-direction:column;min-height:500px;height:100%}.heatmap-panel .panel-header,.heatmap-panel .heatmap-toolbar{flex-shrink:0}.heatmap-panel .heatmap-wrap{flex:1;min-height:300px}.heatmap-panel .legendbar{flex-shrink:0}.heatmap-row{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-bottom:16px;min-height:550px}.heatmap-row .heatmap-panel,.heatmap-row .summary-panel{min-height:550px}.rangebox{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg2, rgba(0,0,0,.25));border-radius:8px;margin-bottom:10px}.rangebox label{font-size:12px;color:var(--muted, #a1a1aa);white-space:nowrap}.rangebox input[type=range]{flex:1}.rangebox .val{min-width:45px;text-align:right;font-size:12px;color:var(--accent, #1f5bff);font-weight:600}.chart-quadrants{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.quadrant-label{position:absolute;font-size:10px;color:var(--muted, #a1a1aa);opacity:.5;text-transform:uppercase;letter-spacing:.5px}.quadrant-label.top-left{top:10px;left:10px}.quadrant-label.top-right{top:10px;right:10px}.quadrant-label.bottom-left{bottom:30px;left:10px}.quadrant-label.bottom-right{bottom:30px;right:10px}.heatmap-empty,.heatmap-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--muted, #a1a1aa);text-align:center}.heatmap-empty .icon,.heatmap-loading .icon{font-size:48px;margin-bottom:16px;opacity:.5}.heatmap-loading .spinner{width:40px;height:40px;border:3px solid var(--line, rgba(255,255,255,.12));border-top-color:var(--accent, #1f5bff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1200px){.heatmap-row{grid-template-columns:1fr}.heatmap-toolbar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.heatmap-toolbar{grid-template-columns:1fr}.heatmap-wrap{min-height:300px}}@media print{.heatmap-toolbar select{border:1px solid #ccc;background:#fff;color:#000}.legendbar .bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line);background:var(--bg2)}#processTable{width:100%;border-collapse:collapse;font-size:12px;min-width:980px}#processTable th,#processTable td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}#processTable th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted2)}#processTable td{color:var(--text)}#processTable td.wrap{white-space:normal}#processTable .tiny{display:block;margin-top:4px;font-size:11px;color:var(--muted2)}#processTable .actions{display:flex;gap:8px;justify-content:flex-end}.table-empty{padding:40px 20px;text-align:center;color:var(--muted2);font-size:13px}.table-empty p{margin:0}.table-actions{display:flex;gap:6px;justify-content:flex-end}.btn-table-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:transparent}.btn-table-action svg{width:16px;height:16px;stroke-width:2}.btn-table-view{background:#1f5bff1a;border-color:#1f5bff33}.btn-table-view svg{stroke:#3b82f6}.btn-table-view:hover{background:#1f5bff33;border-color:#1f5bff66;transform:translateY(-2px);box-shadow:0 4px 12px #1f5bff33}.btn-table-edit{background:#8b5cf61a;border-color:#8b5cf633}.btn-table-edit svg{stroke:#8b5cf6}.btn-table-edit:hover{background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.btn-table-delete{background:#ef44441a;border-color:#ef444433}.btn-table-delete svg{stroke:#ef4444}.btn-table-delete:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}html[data-theme=light] .btn-table-view{background:#1f5bff14}html[data-theme=light] .btn-table-edit{background:#8b5cf614}html[data-theme=light] .btn-table-delete{background:#ef444414}.process-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:4px 0}.process-card{background:var(--glass-bg, rgba(15, 23, 42, .6));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:14px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.process-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent, #8b5cf6),transparent);opacity:0;transition:opacity .25s ease}.process-card:hover{border-color:#8b5cf659;transform:translateY(-3px);box-shadow:0 12px 40px #00000040,0 0 0 1px #8b5cf61a}.process-card:hover:before{opacity:1}.process-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.process-card-title{font-size:15px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 4px;line-height:1.35}.process-card-dept{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5));display:flex;align-items:center;gap:6px}.process-card-dept svg{width:12px;height:12px;opacity:.6}.process-phase-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.process-phase-badge .phase-dot{width:6px;height:6px;border-radius:50%}.phase-quick-win{background:#22c55e26;color:#4ade80}.phase-quick-win .phase-dot{background:#22c55e}.phase-strategic{background:#3b82f626;color:#60a5fa}.phase-strategic .phase-dot{background:#3b82f6}.phase-efficiency{background:#f59e0b26;color:#fbbf24}.phase-efficiency .phase-dot{background:#f59e0b}.phase-low-priority{background:#ef444426;color:#f87171}.phase-low-priority .phase-dot{background:#ef4444}.process-card-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:14px}.card-kpi-item{text-align:center}.card-kpi-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, rgba(255, 255, 255, .4));margin-bottom:4px}.card-kpi-value{display:block;font-size:15px;font-weight:700;color:var(--text-primary, #fff)}.card-kpi-value.roi-value{color:#22c55e}.card-kpi-value.cost-value{color:#f59e0b}.process-card-metrics{display:flex;gap:16px;margin-bottom:14px}.card-metric{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6))}.card-metric svg{width:14px;height:14px;opacity:.6}.card-metric-value{font-weight:600;color:var(--text-primary, rgba(255, 255, 255, .9))}.process-card-actions{display:flex;gap:8px;justify-content:flex-end}.card-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.card-action-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:var(--primary, #8b5cf6)}.card-action-btn svg{width:14px;height:14px}.card-action-btn.btn-view{flex:1}.card-action-btn.btn-delete{padding:8px 10px}.card-action-btn.btn-delete:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.process-card:hover .card-kpi-value.roi-value{text-shadow:0 0 20px rgba(34,197,94,.4)}.process-cards-empty{grid-column:1 / -1;text-align:center;padding:48px 24px;color:var(--text-muted, rgba(255, 255, 255, .4))}.process-cards-empty svg{width:64px;height:64px;margin-bottom:16px;opacity:.3}.process-cards-empty p{font-size:14px;margin:0}.pipeline-view-controls{display:flex;align-items:center;gap:8px}.view-toggle-pill{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:3px}.view-toggle-option{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .5));font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;gap:5px}.view-toggle-option:hover{color:var(--text-primary, #fff)}.view-toggle-option.active{background:#8b5cf633;color:var(--primary, #8b5cf6)}.view-toggle-option svg{width:14px;height:14px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.process-card{animation:cardFadeIn .3s ease-out}.process-card:nth-child(1){animation-delay:0s}.process-card:nth-child(2){animation-delay:.05s}.process-card:nth-child(3){animation-delay:.1s}.process-card:nth-child(4){animation-delay:.15s}.process-card:nth-child(5){animation-delay:.2s}.process-card:nth-child(6){animation-delay:.25s}.pipeline-cards-view,.pipeline-table-view{display:none}.pipeline-cards-view.active,.pipeline-table-view.active{display:block}@media (max-width: 768px){.process-cards-grid{grid-template-columns:1fr}.process-card-kpis{grid-template-columns:repeat(2,1fr)}.process-card-actions{flex-wrap:wrap}.card-action-btn.btn-view{flex:1 1 100%}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);display:none;z-index:var(--z-modal);padding:20px;overflow:auto}.modal.open,.modal.show{display:block}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.modal-card{position:relative;max-width:980px;margin:0 auto;background:var(--bg0);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:16px}html[data-theme=light] .modal-card{background:#fff}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.modal-top h3{margin:0;font-size:15px;color:var(--text)}.modal-top p{margin:6px 0 0;color:var(--muted2);font-size:12px}.x{cursor:pointer;border:1px solid var(--line);background:var(--chip);color:var(--text);border-radius:var(--r-btn);padding:8px 10px;font-weight:900;line-height:1;transition:var(--transition-base)}.x:hover{background:var(--chip2)}.modal-body{padding:10px 0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 920px){.modal-grid{grid-template-columns:1fr}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.modal-footer{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted2)}.modal-footer a{color:var(--accent);font-weight:600;cursor:pointer}.auth-modal .modal-card{max-width:420px}@media (max-width: 600px){.modal{padding:10px}.modal-card{border-radius:14px}}.process-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;padding:20px}.process-detail-overlay.visible{opacity:1}.process-detail-modal{background:var(--glass-bg, rgba(15, 23, 42, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform .3s ease;overflow:hidden}.process-detail-overlay.visible .process-detail-modal{transform:scale(1) translateY(0)}.process-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.process-detail-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.process-detail-title{font-size:22px;font-weight:700;margin:0}.process-status-badge{padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.process-status-badge.candidate{background:#3b82f626;color:#60a5fa}.process-status-badge.in_progress{background:#fbbf2426;color:#fbbf24}.process-status-badge.testing{background:#a855f726;color:#a855f7}.process-status-badge.live{background:#10b98126;color:#10b981}.process-status-badge.retired{background:#6b728026;color:#9ca3af}.process-detail-close{background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.process-detail-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.process-detail-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));overflow-x:auto}.process-detail-tab{display:flex;align-items:center;gap:8px;padding:14px 16px;background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease;white-space:nowrap}.process-detail-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary, #8b5cf6);transform:scaleX(0);transition:transform .2s ease}.process-detail-tab:hover{color:var(--text-primary, #fff)}.process-detail-tab.active{color:var(--primary, #8b5cf6)}.process-detail-tab.active:after{transform:scaleX(1)}.comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:var(--primary, #8b5cf6);color:#fff;font-size:11px;font-weight:600;border-radius:9px}.process-detail-content{flex:1;overflow-y:auto;padding:24px}.process-detail-panel{display:none}.process-detail-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.process-detail-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.process-detail-footer .btn-primary{margin-left:auto}.overview-grid{display:grid;gap:24px}.overview-section h4{font-size:13px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05))}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px}.info-value{font-size:14px;font-weight:500;color:var(--text-primary, #fff)}.process-description{font-size:14px;line-height:1.6;color:var(--text-muted, rgba(255, 255, 255, .8));margin:0}.tools-list{display:flex;flex-wrap:wrap;gap:8px}.tool-tag{padding:6px 12px;background:#8b5cf626;color:#a78bfa;font-size:13px;border-radius:6px}.pain-points-list{margin:0;padding-left:20px}.pain-points-list li{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .8));margin-bottom:8px;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px}.metric-card.highlight{grid-column:span 2;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b98133}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#8b5cf626}.metric-icon svg{stroke:#a78bfa}.metric-icon.green{background:#10b98126}.metric-icon.green svg{stroke:#10b981}.metric-icon.blue{background:#3b82f626}.metric-icon.blue svg{stroke:#60a5fa}.metric-icon.purple{background:#a855f726}.metric-icon.purple svg{stroke:#a855f7}.metric-icon.orange{background:#fbbf2426}.metric-icon.orange svg{stroke:#fbbf24}.metric-content{flex:1}.metric-label{display:block;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-bottom:4px}.metric-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary, #fff)}.scores-section{margin-bottom:24px}.scores-section h4{font-size:13px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.scores-grid{display:grid;gap:16px}.score-item{background:var(--bg1, rgba(30, 41, 59, .5));border-radius:10px;padding:14px 16px}.score-item.highlight{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid rgba(139,92,246,.2)}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.score-header span:first-child{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .7))}.score-value{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.score-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.score-fill{height:100%;border-radius:3px;transition:width .5s ease}.score-fill.green{background:linear-gradient(90deg,#10b981,#34d399)}.score-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.score-fill.orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.score-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.time-details h4{font-size:13px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.time-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg1, rgba(30, 41, 59, .5));border-radius:10px}.time-label{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6))}.time-value{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.history-loading,.comments-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted, rgba(255, 255, 255, .6))}.history-empty,.comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.history-empty svg,.comments-empty svg{stroke:var(--text-muted, rgba(255, 255, 255, .3));margin-bottom:16px}.history-empty p,.comments-empty p{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px;margin:0}.history-timeline{position:relative;padding-left:24px}.history-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#ffffff1a;border-radius:1px}.history-item{position:relative;padding:16px 0;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05))}.history-item:last-child{border-bottom:none}.history-dot{position:absolute;left:-20px;top:20px;width:12px;height:12px;border-radius:50%;background:#6b7280;border:2px solid var(--glass-bg, rgba(15, 23, 42, .95))}.history-dot.status_change{background:#8b5cf6}.history-dot.created{background:#10b981}.history-dot.edited{background:#3b82f6}.history-item.latest .history-dot{box-shadow:0 0 0 4px #8b5cf633}.history-content{background:var(--bg1, rgba(30, 41, 59, .5));border-radius:10px;padding:14px 16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-type{font-size:12px;font-weight:600;color:var(--primary, #8b5cf6);text-transform:uppercase;letter-spacing:.5px}.history-date{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.history-detail{margin-bottom:8px}.status-change{display:flex;align-items:center;gap:8px}.status-change svg{stroke:var(--text-muted, rgba(255, 255, 255, .4))}.status-badge{padding:3px 8px;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.status-badge.candidate{background:#3b82f626;color:#60a5fa}.status-badge.in_progress{background:#fbbf2426;color:#fbbf24}.status-badge.testing{background:#a855f726;color:#a855f7}.status-badge.live{background:#10b98126;color:#10b981}.status-badge.retired,.status-badge.unknown{background:#6b728026;color:#9ca3af}.history-notes{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7));margin:8px 0 0;font-style:italic}.history-user{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.comments-container{display:flex;flex-direction:column;gap:20px}.comments-input-wrap{display:flex;flex-direction:column;gap:12px}.comments-input-wrap textarea{width:100%;padding:12px 16px;background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:10px;color:var(--text-primary, #fff);font-size:14px;resize:none;transition:all .2s ease}.comments-input-wrap textarea:focus{outline:none;border-color:var(--primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.comments-input-wrap textarea::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.comments-input-wrap .btn{align-self:flex-end}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{display:flex;gap:12px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf64d,#3b82f633);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary, #fff);flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.comment-author{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.comment-date{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.comment-text{font-size:14px;line-height:1.5;color:var(--text-muted, rgba(255, 255, 255, .8));margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.process-detail-modal{max-height:100vh;border-radius:16px 16px 0 0;margin-top:auto}.process-detail-header{padding:20px}.process-detail-title{font-size:18px}.process-detail-tabs{padding:0 16px}.process-detail-tab{padding:12px;font-size:13px}.process-detail-content{padding:20px}.metrics-grid{grid-template-columns:1fr}.metric-card.highlight{grid-column:span 1}.time-grid{grid-template-columns:1fr}.process-detail-footer{flex-wrap:wrap;padding:16px 20px}}[data-theme=light] .process-detail-modal{background:#fffffff2}[data-theme=light] .process-detail-title,[data-theme=light] .metric-value,[data-theme=light] .info-value,[data-theme=light] .score-value,[data-theme=light] .time-value,[data-theme=light] .comment-author{color:#1e293b}[data-theme=light] .metric-card,[data-theme=light] .score-item,[data-theme=light] .time-item,[data-theme=light] .history-content,[data-theme=light] .comments-input-wrap textarea{background:#f1f5f9cc}[data-theme=light] .info-label,[data-theme=light] .metric-label,[data-theme=light] .score-header span:first-child,[data-theme=light] .time-label,[data-theme=light] .process-description,[data-theme=light] .comment-text{color:#64748b}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.charts-grid.three-col{grid-template-columns:repeat(3,1fr)}.chart-panel{background:var(--glass-bg, rgba(15, 23, 42, .6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:20px;position:relative;overflow:hidden}.chart-panel.full-width{grid-column:span 2}.chart-panel.half-height{min-height:280px}.chart-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary, #8b5cf6),var(--accent, #3b82f6));opacity:0;transition:opacity .3s ease}.chart-panel:hover:before{opacity:1}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-title{display:flex;align-items:center;gap:10px}.chart-title h3{font-size:15px;font-weight:600;margin:0;color:var(--text-primary, #fff)}.chart-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#3b82f626)}.chart-icon svg{width:16px;height:16px;stroke:var(--primary, #8b5cf6)}.chart-icon.green{background:linear-gradient(135deg,#10b98133,#10b9811a)}.chart-icon.green svg{stroke:#10b981}.chart-icon.blue{background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.chart-icon.blue svg{stroke:#3b82f6}.chart-icon.orange{background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.chart-icon.orange svg{stroke:#fbbf24}.chart-actions{display:flex;gap:8px}.chart-action-btn{width:28px;height:28px;border:none;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chart-action-btn svg{width:14px;height:14px;stroke:var(--text-muted, rgba(255, 255, 255, .5))}.chart-action-btn:hover{background:#ffffff1a}.chart-action-btn:hover svg{stroke:var(--text-primary, #fff)}.chart-container{position:relative;height:200px}.chart-container.tall{height:280px}.chart-container.short{height:160px}.chart-container canvas{width:100%!important;height:100%!important}.chart-container{position:relative}.quadrant-label{position:absolute;font-size:10px;font-weight:500;opacity:.6;pointer-events:none;z-index:1}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .7))}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.purple{background:#8b5cf6}.legend-dot.blue{background:#3b82f6}.legend-dot.green{background:#10b981}.legend-dot.yellow{background:#fbbf24}.legend-dot.gray{background:#6b7280}.chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.chart-stat{text-align:center;padding:12px;background:var(--bg1, rgba(30, 41, 59, .5));border-radius:8px}.chart-stat-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary, #fff);margin-bottom:2px}.chart-stat-label{display:block;font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .6))}.mini-chart{height:60px;margin-top:12px}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted, rgba(255, 255, 255, .5))}.chart-loading svg{animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.chart-empty svg{stroke:var(--text-muted, rgba(255, 255, 255, .3));margin-bottom:12px}.chart-empty p{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .5));margin:0}@media (max-width: 1200px){.charts-grid.three-col{grid-template-columns:repeat(2,1fr)}.charts-grid.three-col .chart-panel:nth-child(3){grid-column:span 2}}@media (max-width: 768px){.charts-grid,.charts-grid.three-col{grid-template-columns:1fr}.chart-panel.full-width,.charts-grid.three-col .chart-panel:nth-child(3){grid-column:span 1}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-stats{grid-template-columns:1fr}}[data-theme=light] .chart-panel{background:#fffc}[data-theme=light] .chart-title h3{color:#1e293b}[data-theme=light] .chart-stat{background:#f1f5f9cc}[data-theme=light] .chart-stat-value{color:#1e293b}[data-theme=light] .chart-action-btn{background:#0000000d}[data-theme=light] .chart-action-btn:hover{background:#0000001a}.notification-bell{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg0, #0f172a);animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-panel{position:fixed;width:380px;max-width:calc(100vw - 24px);max-height:480px;background:var(--glass-bg, rgba(15, 23, 42, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:16px;box-shadow:0 20px 50px #0006;z-index:10000;display:flex;flex-direction:column;opacity:0;transform:translateY(-10px);transition:all .2s ease;overflow:hidden}.notification-panel.visible{opacity:1;transform:translateY(0)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.notification-panel-header h3{font-size:16px;font-weight:600;margin:0}.notification-panel-actions{display:flex;align-items:center;gap:8px}.notification-panel-close{width:28px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted, rgba(255, 255, 255, .5));transition:all .2s ease}.notification-panel-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.notification-panel-content{flex:1;overflow-y:auto;padding:8px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#8b5cf614}.notification-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--primary, #8b5cf6);border-radius:50%}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#6b728026}.notification-icon svg{stroke:#9ca3af}.notification-icon.purple{background:#8b5cf626}.notification-icon.purple svg{stroke:#a78bfa}.notification-icon.blue{background:#3b82f626}.notification-icon.blue svg{stroke:#60a5fa}.notification-icon.green{background:#10b98126}.notification-icon.green svg{stroke:#34d399}.notification-icon.yellow{background:#fbbf2426}.notification-icon.yellow svg{stroke:#fbbf24}.notification-icon.orange{background:#f9731626}.notification-icon.orange svg{stroke:#fb923c}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:2px}.notification-message{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7));line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5))}.notification-delete{width:24px;height:24px;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted, rgba(255, 255, 255, .4));opacity:0;transition:all .2s ease;flex-shrink:0}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ef444426;color:#ef4444}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.notification-empty svg{stroke:var(--text-muted, rgba(255, 255, 255, .3));margin-bottom:12px}.notification-empty p{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .5));margin:0}.notification-panel-footer{padding:12px 16px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08));display:flex;justify-content:center}.notification-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:flex-start;gap:12px;padding:16px;max-width:360px;background:var(--glass-bg, rgba(15, 23, 42, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 10px 40px #0006;z-index:10001;opacity:0;transform:translate(100%);transition:all .3s ease}.notification-toast.visible{opacity:1;transform:translate(0)}.notification-toast-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#8b5cf626}.notification-toast-icon svg{stroke:#a78bfa}.notification-toast-icon.purple{background:#8b5cf626}.notification-toast-icon.purple svg{stroke:#a78bfa}.notification-toast-icon.blue{background:#3b82f626}.notification-toast-icon.blue svg{stroke:#60a5fa}.notification-toast-icon.green{background:#10b98126}.notification-toast-icon.green svg{stroke:#34d399}.notification-toast-icon.yellow{background:#fbbf2426}.notification-toast-icon.yellow svg{stroke:#fbbf24}.notification-toast-icon.orange{background:#f9731626}.notification-toast-icon.orange svg{stroke:#fb923c}.notification-toast-icon.gray{background:#6b728026}.notification-toast-icon.gray svg{stroke:#9ca3af}.notification-toast-content{flex:1;min-width:0}.notification-toast-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:2px}.notification-toast-message{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7));line-height:1.4}.notification-toast-close{width:24px;height:24px;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted, rgba(255, 255, 255, .5));transition:all .2s ease;flex-shrink:0;margin:-4px -4px -4px 0}.notification-toast-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.notification-toast:nth-last-child(2){bottom:104px}.notification-toast:nth-last-child(3){bottom:184px}@media (max-width: 480px){.notification-panel{width:100%;max-width:none;left:0!important;right:0!important;top:auto!important;bottom:0;border-radius:20px 20px 0 0;max-height:70vh}.notification-toast{left:12px;right:12px;max-width:none}}[data-theme=light] .notification-panel,[data-theme=light] .notification-toast{background:#fffffff2}[data-theme=light] .notification-panel-header h3,[data-theme=light] .notification-title,[data-theme=light] .notification-toast-title{color:#1e293b}[data-theme=light] .notification-item.unread{background:#8b5cf614}[data-theme=light] .notification-badge{border-color:#f8fafc}.template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;padding:20px}.template-modal-overlay.visible{opacity:1}.template-modal{background:var(--glass-bg, rgba(15, 23, 42, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:20px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform .3s ease;overflow:hidden}.template-modal-overlay.visible .template-modal{transform:scale(1) translateY(0)}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.template-modal-header h2{font-size:22px;font-weight:700;margin:0}.template-modal-close{background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.template-modal-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.template-modal-search{display:flex;align-items:center;gap:12px;margin:16px 24px;padding:12px 16px;background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:10px}.template-modal-search svg{stroke:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.template-modal-search input{flex:1;background:transparent;border:none;color:var(--text-primary, #fff);font-size:14px;outline:none}.template-modal-search input::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.template-modal-categories{display:flex;gap:8px;padding:0 24px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.template-category-btn{padding:8px 16px;background:#ffffff0d;border:1px solid transparent;border-radius:20px;color:var(--text-muted, rgba(255, 255, 255, .7));font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.template-category-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.template-category-btn.active{background:var(--primary, #8b5cf6);color:#fff}.template-modal-content{flex:1;overflow-y:auto;padding:0 24px 24px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.template-card{background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:14px;padding:20px;cursor:pointer;transition:all .2s ease}.template-card:hover{background:var(--bg1, rgba(30, 41, 59, .7));border-color:var(--primary, #8b5cf6);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.template-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.template-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#3b82f626)}.template-icon svg{stroke:var(--primary, #8b5cf6)}.template-category{font-size:11px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px}.template-name{font-size:16px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.template-description{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6));line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;gap:16px}.template-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6))}.template-stat svg{stroke:var(--text-muted, rgba(255, 255, 255, .4))}.template-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.template-empty p{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .5));margin:0}.template-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:var(--primary, #8b5cf6);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.template-btn:hover{background:#8b5cf640;border-color:#8b5cf680}.template-btn svg{stroke:currentColor}.template-preview{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px}.template-preview-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#3b82f626);flex-shrink:0}.template-preview-icon svg{width:24px;height:24px;stroke:var(--primary, #8b5cf6)}.template-preview-content{flex:1;min-width:0}.template-preview-title{font-size:15px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.template-preview-desc{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6));line-height:1.4}.template-preview-stats{display:flex;gap:16px;margin-top:12px}@media (max-width: 768px){.template-modal{max-height:90vh;border-radius:16px 16px 0 0;margin-top:auto}.template-modal-header{padding:20px}.template-modal-search{margin:12px 20px}.template-modal-categories{padding:0 20px 12px}.template-modal-content{padding:0 20px 20px}.template-grid{grid-template-columns:1fr}}[data-theme=light] .template-modal{background:#fffffff2}[data-theme=light] .template-modal-header h2,[data-theme=light] .template-name,[data-theme=light] .template-preview-title{color:#1e293b}[data-theme=light] .template-card,[data-theme=light] .template-preview,[data-theme=light] .template-modal-search{background:#f1f5f9cc}[data-theme=light] .template-card:hover{background:#f1f5f9}[data-theme=light] .template-category-btn{background:#0000000d}[data-theme=light] .template-category-btn:hover{background:#0000001a}.benchmark-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;padding:20px}.benchmark-modal-overlay.visible{opacity:1}.benchmark-modal{background:var(--glass-bg, rgba(15, 23, 42, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:20px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform .3s ease;overflow:hidden}.benchmark-modal-overlay.visible .benchmark-modal{transform:scale(1) translateY(0)}.benchmark-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.benchmark-modal-header h2{font-size:20px;font-weight:700;margin:0 0 4px}.benchmark-modal-header p{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .6));margin:0}.benchmark-modal-close{background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.benchmark-modal-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.benchmark-modal-content{flex:1;overflow-y:auto;padding:24px}.benchmark-score-card{display:flex;flex-direction:column;align-items:center;padding:24px;background:linear-gradient(135deg,#8b5cf61a,#3b82f614);border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:24px}.benchmark-score-circle{position:relative;width:120px;height:120px;margin-bottom:16px}.benchmark-score-circle svg{width:100%;height:100%;transform:rotate(0)}.benchmark-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:var(--text-primary, #fff)}.benchmark-score-label{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .7));text-align:center}.benchmark-score-status{display:block;margin-top:4px;font-size:13px;font-weight:600}.benchmark-score-status.good{color:#10b981}.benchmark-score-status.average{color:#fbbf24}.benchmark-score-status.below{color:#ef4444}.benchmark-metrics{display:flex;flex-direction:column;gap:20px}.benchmark-metric{background:var(--bg1, rgba(30, 41, 59, .5));border-radius:12px;padding:16px}.benchmark-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.benchmark-metric-label{font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .7))}.benchmark-metric-value{font-size:18px;font-weight:700;color:var(--text-primary, #fff)}.benchmark-metric-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:10px}.benchmark-metric-fill{height:100%;border-radius:4px;transition:width .5s ease}.benchmark-metric-fill.excellent{background:linear-gradient(90deg,#10b981,#34d399)}.benchmark-metric-fill.good{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.benchmark-metric-fill.average{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.benchmark-metric-fill.below{background:linear-gradient(90deg,#ef4444,#f87171)}.benchmark-metric-footer{display:flex;justify-content:space-between;align-items:center}.benchmark-metric-avg{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.benchmark-percentile{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.benchmark-percentile.excellent{background:#10b98126;color:#10b981}.benchmark-percentile.good{background:#3b82f626;color:#3b82f6}.benchmark-percentile.average{background:#fbbf2426;color:#fbbf24}.benchmark-percentile.below{background:#ef444426;color:#ef4444}.benchmark-recommendations{margin-top:24px;padding-top:20px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.benchmark-recommendations h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-primary, #fff)}.benchmark-recommendations ul{list-style:none;padding:0;margin:0}.recommendation-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg1, rgba(30, 41, 59, .5));border-radius:10px;font-size:13px;line-height:1.5;color:var(--text-muted, rgba(255, 255, 255, .8));margin-bottom:8px}.recommendation-item:last-child{margin-bottom:0}.recommendation-badge{padding:2px 6px;font-size:10px;font-weight:700;border-radius:4px;flex-shrink:0}.recommendation-badge.high{background:#ef444426;color:#ef4444}.recommendation-badge.medium{background:#fbbf2426;color:#fbbf24}.recommendation-badge.low{background:#3b82f626;color:#3b82f6}.benchmark-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.benchmark-industry{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6))}.benchmark-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.benchmark-btn:hover{background:#3b82f640;border-color:#3b82f680}.benchmark-btn svg{width:14px;height:14px;stroke:currentColor}.portfolio-benchmark{background:var(--glass-bg, rgba(15, 23, 42, .6));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;padding:24px;margin-top:24px}.portfolio-benchmark-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.portfolio-benchmark-header h3{font-size:16px;font-weight:600;margin:0}.portfolio-maturity{display:flex;align-items:center;gap:8px}.maturity-level{display:flex;gap:4px}.maturity-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.maturity-dot.active{background:var(--primary, #8b5cf6)}.maturity-label{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7))}.department-comparison{display:grid;gap:12px}.department-row{display:flex;align-items:center;gap:16px;padding:12px;background:var(--bg1, rgba(30, 41, 59, .5));border-radius:10px}.department-name{width:120px;font-size:13px;font-weight:500;color:var(--text-primary, #fff)}.department-bar-wrap{flex:1}.department-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.department-bar-fill{height:100%;border-radius:4px;background:var(--primary, #8b5cf6)}.department-vs-industry{width:80px;text-align:right;font-size:13px;font-weight:600}.department-vs-industry.positive{color:#10b981}.department-vs-industry.negative{color:#ef4444}@media (max-width: 600px){.benchmark-modal{max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.benchmark-modal-header,.benchmark-modal-content,.benchmark-modal-footer{padding:20px}.benchmark-score-circle{width:100px;height:100px}.benchmark-score-value{font-size:28px}.department-row{flex-wrap:wrap}.department-name{width:100%;margin-bottom:8px}.department-vs-industry{width:auto}}[data-theme=light] .benchmark-modal{background:#fffffff2}[data-theme=light] .benchmark-modal-header h2,[data-theme=light] .benchmark-metric-value,[data-theme=light] .benchmark-score-value,[data-theme=light] .benchmark-recommendations h4,[data-theme=light] .department-name{color:#1e293b}[data-theme=light] .benchmark-metric,[data-theme=light] .recommendation-item,[data-theme=light] .department-row{background:#f1f5f9cc}@media (max-width: 768px){.btn{min-height:44px;padding:12px 20px}.btn-sm{min-height:38px;padding:10px 16px}.quick-action-icon{width:52px;height:52px}.quick-action-icon svg{width:24px;height:24px}input,select,textarea{min-height:44px;font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px}}@media (max-width: 768px){.modal-content,.modal-card{max-height:90vh;margin-top:auto;border-radius:20px 20px 0 0;width:100%;max-width:none}.modal-content,.modal-card{padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal-header{position:sticky;top:0;z-index:1;background:inherit}.modal-swipe-indicator{width:36px;height:4px;background:#fff3;border-radius:2px;margin:8px auto 12px}}@media (max-width: 768px){.sidebar{position:fixed;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:all}.app-header{padding:12px 16px}.header-title{font-size:18px}.breadcrumbs{display:none}}@media (max-width: 768px){.table-responsive{overflow-x:visible}.process-table thead{display:none}.process-table tbody tr{display:flex;flex-direction:column;padding:16px;margin-bottom:12px;background:var(--glass-bg, rgba(15, 23, 42, .6));border-radius:12px;border:1px solid var(--glass-border)}.process-table tbody td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--glass-border)}.process-table tbody td:last-child{border-bottom:none}.process-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);font-size:13px}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.welcome-text h1{font-size:22px}.dashboard-kpis{grid-template-columns:1fr;gap:12px}.quick-actions-list{display:flex;flex-direction:row;overflow-x:auto;gap:12px;padding-bottom:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.quick-action-item{flex-shrink:0;width:160px;flex-direction:column;text-align:center;padding:16px;scroll-snap-align:start}.chart-container{min-height:200px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.form-group{width:100%}.form-row{flex-direction:column;gap:16px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.file-upload-area{min-height:120px;padding:20px}.form-actions{flex-direction:column-reverse;gap:12px}.form-actions .btn{width:100%;justify-content:center}}@media (max-width: 768px){.panel,.card{border-radius:12px;padding:16px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.metrics-grid{grid-template-columns:1fr}.metric-card.highlight{grid-column:span 1}.scores-grid{grid-template-columns:1fr}}@media (max-width: 768px){.activity-item{padding:12px 0}.activity-icon{width:36px;height:36px}.activity-text{font-size:14px}.process-list-item{padding:16px}}@media (max-width: 480px){.notification-toast,.toast{left:12px;right:12px;max-width:none;bottom:max(12px,env(safe-area-inset-bottom))}.notification-panel{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:70vh;border-radius:20px 20px 0 0;width:100%;max-width:none}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile-only{display:none!important}}@media (max-width: 768px){.mobile-stack{flex-direction:column!important}.mobile-full-width{width:100%!important}}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 768px){.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}.app-header{padding-top:max(12px,env(safe-area-inset-top))}.app-footer,.modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media (max-width: 768px){.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px) and (orientation: landscape){.modal-content,.modal-card{max-height:85vh}.dashboard-kpis{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px}.dashboard-kpis .kpi-card{flex-shrink:0;width:200px}}@media (prefers-reduced-motion: reduce){.scroll-container{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hidden{display:none!important}.text-center{text-align:center}.text-muted{color:var(--muted2)}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:14px}.mt-3{margin-top:20px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:14px}.mb-3{margin-bottom:20px}.w-full{width:100%}@media print{.header,.footer,.guide-section,.modal{display:none!important}body{background:#fff!important;color:#000!important}.section{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}}