:root{--color-primary: #0057FF;--color-primary-dark: #0400D9;--color-primary-light: #3A7FFF;--color-primary-alpha: rgba(0, 87, 255, .1);--color-primary-alpha-30: rgba(0, 87, 255, .3);--color-accent-yellow: #FAD22A;--color-accent-yellow-light: rgba(250, 210, 42, .4);--color-accent-green: #00D409;--color-success: #00C720;--color-warning: #FFA500;--color-error: #FF0000;--color-white: #FFFFFF;--color-black: #000000;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--bg-primary: #FFFFFF;--bg-secondary: #D7E2FF;--bg-tertiary: #F9FAFB;--bg-accent: rgba(250, 210, 42, .4);--bg-glass: rgba(255, 255, 255, .7);--text-primary: #000000;--text-secondary: #3F5278;--text-tertiary: #7590C6;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--border-primary: rgba(0, 87, 255, .3);--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-dark: #9CA3AF;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-6xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 6px;--spacing-3: 10px;--spacing-4: 12px;--spacing-5: 16px;--spacing-6: 20px;--spacing-8: 24px;--spacing-10: 32px;--spacing-12: 40px;--spacing-16: 48px;--spacing-20: 64px;--spacing-24: 80px;--radius-none: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--radius-button: 16px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 87, 255, .06);--shadow-md: 0 4px 12px rgba(0, 87, 255, .08);--shadow-lg: 0 8px 24px rgba(0, 87, 255, .12);--shadow-xl: 0 12px 32px rgba(0, 87, 255, .16);--shadow-2xl: 0 20px 48px rgba(0, 87, 255, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1600px;--sidebar-width: 240px;--header-height: 48px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-primary);background:var(--bg-tertiary);color:var(--text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-alpha-30);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.4;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:normal;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-dark);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-primary);color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-accent-green);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-alpha);border-color:var(--color-primary-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}.btn-icon{padding:var(--spacing-3);border-radius:var(--radius-full)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.card-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.card-blue{background:var(--bg-secondary)}.card-yellow{background:var(--bg-accent)}.card-bordered{border:2px solid var(--border-light)}.card-bordered:hover{border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-alpha);color:var(--color-primary-dark)}.badge-success{background:#00c7201a;color:var(--color-success)}.badge-warning{background:var(--color-accent-yellow-light);color:#b8860b}.badge-error{background:#ff00001a;color:var(--color-error)}.badge-neutral{background:var(--color-gray-100);color:var(--text-secondary)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-medium)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--color-gray-50);cursor:not-allowed;opacity:.6}.input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.input-lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.alert{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-3)}.alert-icon{flex-shrink:0;font-size:var(--font-size-xl)}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.alert-description{font-size:var(--font-size-sm);margin:0}.alert-info{background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary-dark)}.alert-success{background:#00c7201a;border-color:var(--color-success);color:#006400}.alert-warning{background:var(--color-accent-yellow-light);border-color:var(--color-accent-yellow);color:#8b6914}.alert-error{background:#ff00001a;border-color:var(--color-error);color:#8b0000}.metric-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-blue{background:var(--color-primary-alpha);color:var(--color-primary)}.metric-icon-green{background:#00c7201a;color:var(--color-success)}.metric-icon-yellow{background:var(--color-accent-yellow-light);color:#b8860b}.metric-content{flex:1;min-width:0}.metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin:0 0 var(--spacing-1)}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.metric-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.spinner{width:40px;height:40px;border:4px solid var(--color-primary-alpha);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft var(--transition-base) ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight var(--transition-base) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn var(--transition-base) ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary-alpha)}50%{box-shadow:0 0 20px var(--color-primary-alpha-30),0 0 30px var(--color-primary-alpha)}}.glow{animation:glow 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary-alpha-30)}.chat-fab.svelte-rtvhgo{position:fixed;bottom:1.25rem;right:1.25rem;width:52px;height:52px;border-radius:50%;background:#0057ff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0057ff59;transition:all .2s;z-index:1000}.chat-fab.svelte-rtvhgo:hover{transform:scale(1.08);box-shadow:0 6px 24px #0057ff73}.fab-badge.svelte-rtvhgo{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-panel.svelte-rtvhgo{position:fixed;bottom:1.25rem;right:1.25rem;width:400px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 40px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:svelte-rtvhgo-slideUp .2s ease-out}.chat-panel.minimized.svelte-rtvhgo{max-height:auto}@keyframes svelte-rtvhgo-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chat-header.svelte-rtvhgo{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:1px solid #e2e8f0}.header-left.svelte-rtvhgo{display:flex;align-items:center;gap:.4rem}.header-title.svelte-rtvhgo{font-weight:700;font-size:.82rem;color:#1a202c}.agent-badge.svelte-rtvhgo{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:4px}.header-actions.svelte-rtvhgo{display:flex;gap:.15rem}.header-actions.svelte-rtvhgo button:where(.svelte-rtvhgo){background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#718096;display:flex;align-items:center}.header-actions.svelte-rtvhgo button:where(.svelte-rtvhgo):hover{background:#e2e8f0;color:#2d3748}.agent-selector.svelte-rtvhgo{display:flex;gap:.2rem;padding:.4rem .6rem;border-bottom:1px solid #edf2f7;overflow-x:auto;flex-shrink:0}.agent-selector.svelte-rtvhgo::-webkit-scrollbar{height:0}.agent-btn.svelte-rtvhgo{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;border:1px solid transparent;background:none;cursor:pointer;font-size:.7rem;font-weight:600;color:#718096;white-space:nowrap;transition:all .15s}.agent-btn.svelte-rtvhgo:hover{background:#f7fafc;color:#4a5568}.agent-btn.active.svelte-rtvhgo{font-weight:700}.chat-messages.svelte-rtvhgo{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;min-height:300px;max-height:400px}.empty-chat.svelte-rtvhgo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#a0aec0}.empty-chat.svelte-rtvhgo p:where(.svelte-rtvhgo){font-size:.8rem;margin:0}.empty-chat.svelte-rtvhgo .hint:where(.svelte-rtvhgo){font-size:.7rem;color:#cbd5e0}.msg.svelte-rtvhgo{max-width:85%;padding:.5rem .7rem;border-radius:10px;font-size:.8rem;line-height:1.45;word-break:break-word}.msg.user.svelte-rtvhgo{align-self:flex-end;background:#0057ff;color:#fff;border-bottom-right-radius:3px}.msg.assistant.svelte-rtvhgo{align-self:flex-start;background:#f7fafc;color:#2d3748;border:1px solid #e2e8f0;border-bottom-left-radius:3px}.msg-agent.svelte-rtvhgo{font-size:.65rem;font-weight:700;margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem}.msg-time.svelte-rtvhgo{font-weight:400;color:#a0aec0;font-size:.6rem}.msg-content.svelte-rtvhgo{white-space:pre-wrap}.msg-ts.svelte-rtvhgo{font-size:.6rem;color:#a0aec0;margin-top:.2rem;text-align:right}.msg.user.svelte-rtvhgo .msg-ts:where(.svelte-rtvhgo){color:#fff9}.typing.svelte-rtvhgo{display:flex;gap:4px;padding:.2rem 0}.dot.svelte-rtvhgo{width:6px;height:6px;border-radius:50%;background:#a0aec0;animation:svelte-rtvhgo-bounce 1.2s infinite}.dot.svelte-rtvhgo:nth-child(2){animation-delay:.2s}.dot.svelte-rtvhgo:nth-child(3){animation-delay:.4s}@keyframes svelte-rtvhgo-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input.svelte-rtvhgo{display:flex;align-items:flex-end;gap:.4rem;padding:.5rem .65rem;border-top:1px solid #e2e8f0;background:#fff}.chat-input.svelte-rtvhgo textarea:where(.svelte-rtvhgo){flex:1;border:1px solid #e2e8f0;border-radius:8px;padding:.45rem .65rem;font-size:.8rem;font-family:inherit;resize:none;outline:none;min-height:36px;max-height:80px;line-height:1.4}.chat-input.svelte-rtvhgo textarea:where(.svelte-rtvhgo):focus{border-color:#0057ff;box-shadow:0 0 0 2px #0057ff1a}.send-btn.svelte-rtvhgo{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center}.send-btn.svelte-rtvhgo:hover:not(:disabled){background:#f0f4ff}.send-btn.svelte-rtvhgo:disabled{cursor:not-allowed}.minimized-bar.svelte-rtvhgo{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:600;color:#4a5568;width:100%}.minimized-bar.svelte-rtvhgo:hover{background:#f7fafc}.mini-badge.svelte-rtvhgo{background:#0057ff;color:#fff;font-size:.6rem;padding:0 5px;border-radius:8px;font-weight:700}@media(max-width:480px){.chat-panel.svelte-rtvhgo{width:calc(100vw - 1rem);right:.5rem;bottom:.5rem;max-height:80vh}}.idle-modal-backdrop.svelte-1svvgo6{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:svelte-1svvgo6-fadeIn .25s ease-out}.idle-modal-card.svelte-1svvgo6{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:28px;box-shadow:0 25px 50px -12px #00000059;text-align:center;border:1px solid rgba(226,232,240,.8);animation:svelte-1svvgo6-scaleUp .25s cubic-bezier(.16,1,.3,1)}.idle-modal-header.svelte-1svvgo6{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.idle-icon-pulse.svelte-1svvgo6{width:56px;height:56px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #d9770666;animation:svelte-1svvgo6-pulseRing 2s infinite}.idle-modal-header.svelte-1svvgo6 h3:where(.svelte-1svvgo6){font-size:20px;font-weight:700;color:#0f172a;margin:0}.idle-desc.svelte-1svvgo6{font-size:14px;line-height:1.5;color:#475569;margin:0 0 18px}.countdown-badge.svelte-1svvgo6{display:inline-block;background:#f1f5f9;padding:10px 24px;border-radius:12px;border:1px solid #CBD5E1;margin-bottom:24px}.countdown-badge.critical.svelte-1svvgo6{background:#fee2e2;border-color:#fca5a5;animation:svelte-1svvgo6-pulseRed 1s infinite alternate}.countdown-digits.svelte-1svvgo6{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;font-weight:800;color:#1e293b;letter-spacing:1px}.countdown-badge.critical.svelte-1svvgo6 .countdown-digits:where(.svelte-1svvgo6){color:#dc2626}.idle-modal-actions.svelte-1svvgo6{display:flex;gap:12px}.btn-stay.svelte-1svvgo6{flex:1.5;background:#0057ff;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-shadow:0 4px 12px #0057ff40}.btn-stay.svelte-1svvgo6:hover:not(:disabled){background:#0046d5;transform:translateY(-1px)}.btn-logout.svelte-1svvgo6{flex:1;background:#f8fafc;color:#64748b;border:1px solid #E2E8F0;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-logout.svelte-1svvgo6:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}@keyframes svelte-1svvgo6-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1svvgo6-scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1svvgo6-pulseRing{0%{box-shadow:0 0 #d9770666}70%{box-shadow:0 0 0 14px #d9770600}to{box-shadow:0 0 #d9770600}}@keyframes svelte-1svvgo6-pulseRed{0%{transform:scale(1)}to{transform:scale(1.02)}}.app-root.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f8fafc,#edf2f7);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:.45rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;gap:1rem}.app-header-left.svelte-12qhfyh{display:flex;align-items:center;gap:1.5rem}.app-brand.svelte-12qhfyh a:where(.svelte-12qhfyh){font-weight:700;text-decoration:none;color:#0057ff;font-size:.95rem;letter-spacing:-.3px}.app-nav.svelte-12qhfyh{display:flex;gap:.25rem;align-items:center}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:.35rem .65rem;border-radius:.375rem;text-decoration:none;color:#4a5568;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex;align-items:center;gap:.4rem;vertical-align:middle}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh) svg{flex-shrink:0}.app-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#f1f5f9;color:#1e293b}.app-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#0057ff;color:#fff}.app-header-right.svelte-12qhfyh{display:flex;align-items:center;gap:.85rem}.user-profile-chip.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0}.user-avatar-circle.svelte-12qhfyh{width:24px;height:24px;border-radius:50%;background:#0057ff;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.user-info-text.svelte-12qhfyh{display:flex;align-items:center;gap:.4rem}.user-fullname.svelte-12qhfyh{font-size:.775rem;font-weight:600;color:#1e293b;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge.svelte-12qhfyh{font-size:.675rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.role-admin.svelte-12qhfyh{background:#f3e8ff;color:#7e22ce}.role-pm.svelte-12qhfyh{background:#dbeafe;color:#1d4ed8}.role-dev.svelte-12qhfyh{background:#dcfce7;color:#15803d}.role-viewer.svelte-12qhfyh{background:#f1f5f9;color:#64748b}.btn-header-logout.svelte-12qhfyh{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid #e2e8f0;padding:.3rem .6rem;border-radius:.375rem;color:#64748b;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-header-logout.svelte-12qhfyh:hover{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn-header-login.svelte-12qhfyh{display:inline-flex;align-items:center;gap:.35rem;background:#0057ff;color:#fff;padding:.35rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .15s}.btn-header-login.svelte-12qhfyh:hover{background:#0046d6}.app-main.svelte-12qhfyh{flex:1}