: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:#3391f3;--aura-green:#00d68e;--aura-red:#b7191c;--aura-yellow:#eb8f00}@supports (color:lab(0% 0 0)){:root{--aura-blue:lab(58.3786% -1.32892 -58.0372);--aura-green:lab(75.8161% -64.5016 23.7699);--aura-red:lab(40.095% 59.891 42.9038);--aura-yellow:lab(68.1367% 32.4159 92.2579)}}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:#ffffffd9}vaadin-app-layout vaadin-tabs vaadin-tab[selected],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,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{padding:var(--vaadin-padding-xs) var(--vaadin-padding-m);border-radius:var(--vaadin-radius-m);font-weight:500;font-size:var(--aura-font-size-s);color:var(--vaadin-text-color-secondary);align-items:center;gap:var(--vaadin-gap-xs);outline:0;text-decoration:none;transition:all .15s;display:inline-flex}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(.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]{filter:drop-shadow(0 2px 4px #0003);transition:all .25s}vaadin-app-layout img[alt=Logo]:hover{filter:drop-shadow(0 4px 8px #0000004d)brightness(1.05);transform:scale(1.02)}.user-panel{align-items:center;gap:var(--vaadin-gap-m);padding:var(--vaadin-padding-xs) var(--vaadin-padding-m);display:flex}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{padding:0 var(--vaadin-padding-m);margin:0}vaadin-app-layout vaadin-tabs[orientation=horizontal]{align-items:stretch;height:100%}vaadin-app-layout vaadin-tab{align-items:center;height:100%;min-height:48px;display:flex}vaadin-app-layout vaadin-tab vaadin-icon{margin-right:var(--vaadin-gap-xs);width:18px;height:18px}@media (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:.3;pointer-events:none;transition:opacity .25s}.breadcrumb{align-items:center;gap:var(--vaadin-gap-xs);font-size:var(--aura-font-size-s);color:var(--vaadin-text-color-secondary);display:flex}.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);margin-left:var(--vaadin-gap-xs);text-align:center;border-radius:100px;min-width:18px;padding:2px 6px;font-weight:700}vaadin-tab .notification-badge.pulse{animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toolbar-button{padding:var(--vaadin-padding-s);border-radius:var(--vaadin-radius-m);cursor:pointer;color:var(--vaadin-text-color-secondary);background:0 0;border:none;transition:all .15s}.toolbar-button:hover{background:var(--vaadin-background-container);color:var(--vaadin-text-color)}.toolbar-button:active{background:var(--vaadin-background-container-strong);transform:scale(.95)}.toolbar-button.active{color:var(--aura-accent-text-color);background:var(--aura-accent-surface)}.dropdown-trigger{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 .15s;display:flex}.dropdown-trigger:hover{background:var(--vaadin-background-container)}.dropdown-trigger vaadin-icon{width:14px;height:14px;color:var(--vaadin-text-color-disabled);transition:transform .15s}.dropdown-trigger[aria-expanded=true] vaadin-icon{transform:rotate(180deg)}.header-search{max-width:300px;position:relative}.header-search vaadin-text-field{width:100%}.header-search vaadin-icon{left:var(--vaadin-padding-s);width:16px;height:16px;color:var(--vaadin-text-color-disabled);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.app-title{font-weight:700;font-size:var(--aura-font-size-l);color:var(--vaadin-text-color);white-space:nowrap;margin:0}.app-title-accent{color:var(--aura-accent-text-color)}.navbar-divider{background:var(--vaadin-border-color);width:1px;height:24px;margin:0 var(--vaadin-gap-s)}.audio-recorder{gap:var(--vaadin-gap-m);padding:var(--vaadin-padding-l);border-radius:var(--vaadin-radius-l);flex-direction:column;display:flex}.audio-recorder-controls{gap:var(--vaadin-gap-m);align-items:center;display:flex}.audio-recorder-controls vaadin-button{border-radius:50%;min-width:48px;height:48px}.audio-recorder-controls vaadin-button.recording{animation:1.5s ease-in-out infinite pulse-recording}@keyframes pulse-recording{0%,to{box-shadow:0 0 #d32f2f66}50%{box-shadow:0 0 0 12px #d32f2f00}}.audio-recorder-status{color:var(--vaadin-text-color-secondary);font-size:var(--aura-font-size-s);align-items:center;gap:var(--vaadin-gap-xs);display:flex}.audio-recorder-status.recording{color:var(--aura-red-text)}.audio-recorder-status.recording:before{content:"";background:var(--aura-red);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.audio-recorder-waveform{background:var(--vaadin-background-container);border-radius:var(--vaadin-radius-m);border:1px solid var(--vaadin-border-color-secondary);height:80px;position:relative;overflow:hidden}.audio-recorder-waveform canvas{width:100%;height:100%}.audio-recorder-waveform:after{content:"";background:linear-gradient(90deg, var(--aura-background-color) 0%, transparent 5%, transparent 95%, var(--aura-background-color) 100%);pointer-events:none;position:absolute;inset:0}.audio-recorder-time{font-size:var(--aura-font-size-l);color:var(--vaadin-text-color);letter-spacing:.05em;font-weight:600}.audio-recorder-playback{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);display:flex}.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{justify-content:center;align-items:center;display:flex;overflow:auto}.mermaid svg{max-width:100%;height:auto}.mermaid .node rect,.mermaid .node circle,.mermaid .node ellipse,.mermaid .node polygon{fill-opacity:.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:auto hidden}[class^=ph-],[class*=\ ph-]{vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}[class^=ph-duotone],[class*=\ ph-duotone]{--ph-duotone-opacity:.2}.ph-xs{font-size:.75em}.ph-sm{font-size:.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-]{margin-right:var(--vaadin-gap-xs);font-size:1.25em}.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:1s linear infinite ph-spin}@keyframes ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-pulse{animation:1.5s ease-in-out infinite ph-pulse}@keyframes ph-pulse{0%,to{opacity:1}50%{opacity:.5}}.centered-content{max-width:250px;margin:0 auto}@keyframes cpe-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cpe-animate-in{animation:.4s ease-out cpe-fade-in}.hide-on-mobile{display:none}@media (width>=768px){.hide-on-mobile{display:block}}