:root{--cpe-blue: #3296FA;--cpe-blue-dark: #0575E5;--cpe-cyan: #0DCAF8;--cpe-teal: #01C095;--cpe-green: #02D97C;--cpe-green-accent: #47FF91;--cpe-green-bright: #00F260;--cpe-warning: #FF8F00;--cpe-error: #D32F2F;--cpe-header-gradient: linear-gradient( 90deg,var(--cpe-cyan) 0%,var(--cpe-blue-dark) 50%,var(--cpe-green-bright) 100% );--aura-blue: oklch(0.65 0.17 253);--aura-green: oklch(0.77 0.19 161);--aura-red: oklch(0.50 0.19 27);--aura-yellow: oklch(0.73 0.18 68)}vaadin-app-layout::part(navbar){background: var(--cpe-header-gradient);min-height: 64px}vaadin-app-layout [slot="navbar"] vaadin-tab,vaadin-app-layout vaadin-tabs vaadin-tab{color: rgba(255,255,255,0.85)}vaadin-app-layout vaadin-tabs vaadin-tab[selected]{color: #fff}vaadin-app-layout vaadin-tabs vaadin-tab:hover{color: #fff}.cpe-card{border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l)}.cpe-card.v-success{border-left: 4px solid var(--cpe-green)}.cpe-card.v-warning{border-left: 4px solid var(--cpe-warning)}.cpe-card.v-error{border-left: 4px solid var(--cpe-error)}.cpe-card.v-info{border-left: 4px solid var(--cpe-blue)}vaadin-notification-card[theme~="success"]{border-left: 4px solid var(--cpe-green)}vaadin-notification-card[theme~="error"]{border-left: 4px solid var(--cpe-error)}vaadin-notification-card[theme~="warning"]{border-left: 4px solid var(--cpe-warning)}vaadin-connection-indicator[loading] .v-loading-indicator{background: var(--cpe-header-gradient)}vaadin-progress-bar::part(value){background: var(--cpe-header-gradient)}vaadin-login-overlay::part(brand){background: var(--cpe-header-gradient);padding: var(--vaadin-padding-xl)}header nav a:any-link{text-decoration: none;padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);outline: 0;font-weight: 500;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);transition: all 150ms ease;display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs)}header nav a:hover{color: var(--vaadin-text-color);background-color: var(--vaadin-background-container)}header nav a:active{background-color: var(--vaadin-background-container-strong);transform: scale(0.98)}header nav a:focus-visible{box-shadow: 0 0 0 2px var(--vaadin-focus-ring-color)}header nav a[highlight]{background: var(--aura-accent-surface);color: var(--aura-accent-text-color)}header nav a[highlight] span{color: var(--aura-accent-text-color)}vaadin-app-layout img[alt="Logo"]{transition: all 250ms ease;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2))}vaadin-app-layout img[alt="Logo"]:hover{filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1.05);transform: scale(1.02)}.user-panel{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-xs) var(--vaadin-padding-m)}vaadin-app-layout[overlay]::part(navbar){justify-content: space-between}vaadin-app-layout>[slot="navbar"]{flex-shrink: 0}vaadin-app-layout::part(drawer){padding: var(--vaadin-padding-m)}vaadin-app-layout vaadin-tabs{margin: 0;padding: 0 var(--vaadin-padding-m)}vaadin-app-layout vaadin-tabs[orientation="horizontal"]{height: 100%;align-items: stretch}vaadin-app-layout vaadin-tab{height: 100%;display: flex;align-items: center;min-height: 48px}vaadin-app-layout vaadin-tab vaadin-icon{margin-right: var(--vaadin-gap-xs);width: 18px;height: 18px}@media (max-width: 767px){header nav a:any-link{padding: var(--vaadin-padding-s)}vaadin-app-layout vaadin-tabs{padding: 0}vaadin-app-layout vaadin-tab{padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);font-size: var(--aura-font-size-xs)}vaadin-app-layout vaadin-tab vaadin-icon{width: 16px;height: 16px}}vaadin-app-layout.hide-navbar::part(navbar){opacity: 0.3;pointer-events: none;transition: opacity 250ms ease}.breadcrumb{display: flex;align-items: center;gap: var(--vaadin-gap-xs);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.breadcrumb-separator{color: var(--vaadin-text-color-disabled)}.breadcrumb-current{color: var(--vaadin-text-color);font-weight: 500}vaadin-tab .notification-badge{background: var(--aura-red);color: #fff;font-size: var(--aura-font-size-xs);font-weight: 700;padding: 2px 6px;border-radius: 100px;margin-left: var(--vaadin-gap-xs);min-width: 18px;text-align: center}vaadin-tab .notification-badge.pulse{animation: badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}.toolbar-button{background: transparent;border: none;padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m);cursor: pointer;color: var(--vaadin-text-color-secondary);transition: all 150ms ease}.toolbar-button:hover{background: var(--vaadin-background-container);color: var(--vaadin-text-color)}.toolbar-button:active{background: var(--vaadin-background-container-strong);transform: scale(0.95)}.toolbar-button.active{color: var(--aura-accent-text-color);background: var(--aura-accent-surface)}.dropdown-trigger{display: flex;align-items: center;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m);cursor: pointer;transition: all 150ms ease}.dropdown-trigger:hover{background: var(--vaadin-background-container)}.dropdown-trigger vaadin-icon{width: 14px;height: 14px;color: var(--vaadin-text-color-disabled);transition: transform 150ms ease}.dropdown-trigger[aria-expanded="true"] vaadin-icon{transform: rotate(180deg)}.header-search{position: relative;max-width: 300px}.header-search vaadin-text-field{width: 100%}.header-search vaadin-icon{position: absolute;left: var(--vaadin-padding-s);top: 50%;transform: translateY(-50%);width: 16px;height: 16px;color: var(--vaadin-text-color-disabled);pointer-events: none}.app-title{font-weight: 700;font-size: var(--aura-font-size-l);color: var(--vaadin-text-color);margin: 0;white-space: nowrap}.app-title-accent{color: var(--aura-accent-text-color)}.navbar-divider{width: 1px;height: 24px;background: var(--vaadin-border-color);margin: 0 var(--vaadin-gap-s)}.audio-recorder{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l)}.audio-recorder-controls{display: flex;gap: var(--vaadin-gap-m);align-items: center}.audio-recorder-controls vaadin-button{min-width: 48px;height: 48px;border-radius: 50%}.audio-recorder-controls vaadin-button.recording{animation: pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,100%{box-shadow: 0 0 0 0 rgba(211,47,47,0.4)}50%{box-shadow: 0 0 0 12px rgba(211,47,47,0)}}.audio-recorder-status{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);display: flex;align-items: center;gap: var(--vaadin-gap-xs)}.audio-recorder-status.recording{color: var(--aura-red-text)}.audio-recorder-status.recording::before{content: '';width: 8px;height: 8px;background: var(--aura-red);border-radius: 50%;animation: blink 1s ease-in-out infinite}@keyframes blink{0%,100%{opacity: 1}50%{opacity: 0.3}}.audio-recorder-waveform{height: 80px;background: var(--vaadin-background-container);border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);overflow: hidden;position: relative}.audio-recorder-waveform canvas{width: 100%;height: 100%}.audio-recorder-waveform::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg,var(--aura-background-color) 0%,transparent 5%,transparent 95%,var(--aura-background-color) 100%);pointer-events: none}.audio-recorder-time{font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color);letter-spacing: 0.05em}.audio-recorder-playback{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) 0;border-top: 1px solid var(--vaadin-border-color-secondary);margin-top: var(--vaadin-gap-s)}.audio-recorder-playback vaadin-progress-bar{flex: 1}.audio-recorder-playback .time-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);min-width: 45px}.mermaid-diagram-component{overflow: auto;display: flex;justify-content: center;align-items: center}.mermaid svg{max-width: 100%;height: auto}.mermaid .node rect,.mermaid .node circle,.mermaid .node ellipse,.mermaid .node polygon{fill-opacity: 0.9}.mermaid .nodeLabel{color: #333;font-family: var(--lumo-font-family)}.mermaid .edgePath .path{stroke-width: 2px}.mermaid-container{width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden}vaadin-message{--vaadin-message-avatar-size: 36px;--vaadin-avatar-size: 36px;border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);transition: background-color 150ms ease}vaadin-message:hover{background-color: var(--vaadin-background-container)}vaadin-message[theme~="current-user"]{background: var(--aura-accent-surface);border-radius: var(--vaadin-radius-m);margin-left: var(--vaadin-padding-xl);--vaadin-avatar-border-color: var(--aura-accent-border-color)}vaadin-message[theme~="current-user"]::part(name){color: var(--aura-accent-text-color);font-weight: 600}vaadin-message[theme~="current-user"]::part(time){color: var(--vaadin-text-color-secondary);font-weight: 500}vaadin-message[theme~="current-user"]::part(content){color: var(--vaadin-text-color)}vaadin-message:not([theme~="current-user"]){margin-right: var(--vaadin-padding-xl)}vaadin-message::part(header){gap: var(--vaadin-gap-s);margin-bottom: var(--vaadin-gap-xs)}vaadin-message::part(name){font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}vaadin-message::part(time){font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-disabled)}vaadin-message::part(content){font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s);color: var(--vaadin-text-color)}[class^="ph-"],[class*=" ph-"]{display: inline-flex;align-items: center;justify-content: center;line-height: 1;vertical-align: middle}[class^="ph-duotone"],[class*=" ph-duotone"]{--ph-duotone-opacity: 0.2}.ph-xs{font-size: 0.75em}.ph-sm{font-size: 0.875em}.ph-md{font-size: 1em}.ph-lg{font-size: 1.25em}.ph-xl{font-size: 1.5em}.ph-2x{font-size: 2em}.ph-3x{font-size: 3em}vaadin-button [class^="ph-"],vaadin-button [class*=" ph-"]{margin-right: var(--vaadin-gap-xs)}vaadin-button[theme~="icon"] [class^="ph-"],vaadin-button[theme~="icon"] [class*=" ph-"]{margin-right: 0}vaadin-tab [class^="ph-"],vaadin-tab [class*=" ph-"]{font-size: 1.25em;margin-right: var(--vaadin-gap-xs)}.ph-success{color: var(--aura-green-text)}.ph-error{color: var(--aura-red-text)}.ph-warning{color: var(--aura-yellow-text)}.ph-info{color: var(--aura-blue-text)}.ph-primary{color: var(--aura-accent-text-color)}.ph-muted{color: var(--vaadin-text-color-secondary)}.ph-cpe-blue{color: var(--cpe-blue)}.ph-cpe-cyan{color: var(--cpe-cyan)}.ph-cpe-teal{color: var(--cpe-teal)}.ph-cpe-green{color: var(--cpe-green)}.ph-spin{animation: ph-spin 1s linear infinite}@keyframes ph-spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.ph-pulse{animation: ph-pulse 1.5s ease-in-out infinite}@keyframes ph-pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.centered-content{margin: 0 auto;max-width: 250px}@keyframes cpe-fade-in{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.cpe-animate-in{animation: cpe-fade-in 400ms ease-out}.hide-on-mobile{display: none}@media (min-width: 768px){.hide-on-mobile{display: block}}