:root{--color-primary: #0D98AF;--color-primary-hover: #0A7A8C;--color-primary-light: rgba(13,152,175,0.10);--color-success: #10B981;--color-success-light: rgba(16,185,129,0.10);--color-warning: #F59E0B;--color-warning-light: rgba(245,158,11,0.10);--color-error: #EF4444;--color-error-light: rgba(239,68,68,0.10);--color-purple: #8B5CF6;--color-purple-light: rgba(139,92,246,0.10);--color-bg: #f0f2f5;--color-surface: #FFFFFF;--color-surface-secondary: #F8FAFC;--color-border: rgba(0,0,0,0.06);--color-border-strong: rgba(0,0,0,0.10);--color-text: #1E293B;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--glass-bg: rgba(255,255,255,0.72);--glass-bg-heavy: rgba(255,255,255,0.88);--glass-blur: blur(20px) saturate(180%);--glass-border: rgba(255,255,255,0.18);--shadow-xs: 0 1px 2px rgba(0,0,0,0.04);--shadow-sm: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 12px rgba(0,0,0,0.08);--shadow-lg: 0 8px 24px rgba(0,0,0,0.12);--shadow-xl: 0 16px 48px rgba(0,0,0,0.16);--text-xs: 0.6875rem;--text-sm: 0.8125rem;--text-base: 0.9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-page: 12px;--space-section: 16px;--space-card: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--touch-target-min: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: -apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,sans-serif;--font-mono: 'SF Mono',Monaco,'Cascadia Code',monospace;--ease-out: cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring: cubic-bezier(0.34,1.56,0.64,1);--transition-fast: 0.15s var(--ease-out);--transition-base: 0.2s var(--ease-out);--transition-slow: 0.3s var(--ease-out);--transition-spring: 0.3s var(--ease-spring);--bottom-nav-height: 56px;--safe-area-inset-bottom: env(safe-area-inset-bottom,0px)}@media (min-width: 768px){:root{--space-page: 20px;--space-section: 24px;--space-card: 20px}}@media (min-width: 1024px){:root{--space-page: 24px;--space-section: 32px;--space-card: 24px}}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-tap-highlight-color: transparent}html,body{font-family: var(--font-sans);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: var(--color-text);line-height: 1.5;font-size: var(--text-base)}::selection{background: var(--color-primary);color: white}@keyframes fadeSlideIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.view-content{animation: fadeSlideIn 0.3s var(--ease-out)}.app-with-background{background: var(--color-surface-secondary);min-height: 100vh}vaadin-app-layout::part(navbar){background: var(--color-surface);border-bottom: 1px solid var(--color-border);height: 56px;box-shadow: 0 1px 3px rgba(0,0,0,0.08)}vaadin-app-layout::part(drawer){background: var(--color-surface);border-right: 1px solid var(--color-border);width: 260px}html,body{overflow: hidden !important;height: 100vh !important;margin: 0;padding: 0}vaadin-app-layout{height: 100vh !important;max-height: 100vh !important;overflow: hidden !important}vaadin-app-layout::part(content){overflow-y: auto;overflow-x: hidden;height: calc(100vh - 56px) !important}@media (max-width: 767px){vaadin-app-layout::part(drawer){display: none !important}vaadin-app-layout[drawer-opened]::part(drawer){display: block !important}vaadin-app-layout::part(content){padding-bottom: calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom))}}.global-search-field{width: 280px;--lumo-text-field-size: var(--lumo-size-s)}.global-search-field::part(input-field){border-radius: var(--radius-full);background: var(--color-surface-secondary);border: 1px solid var(--color-border);font-size: var(--text-sm)}.global-search-field::part(input-field):focus-within{background: var(--color-surface);box-shadow: var(--shadow-sm)}@media (max-width: 767px){.global-search-field{width: 140px}}.drawer-header{padding: var(--space-4) var(--space-4);border-bottom: 1px solid var(--color-border);box-shadow: inset 0 -1px var(--color-border)}.drawer-header h2{font-size: 1.125rem;font-weight: 600;color: var(--color-text);margin: 0}vaadin-side-nav{padding: var(--space-1) var(--space-2)}vaadin-side-nav-item{margin: 0}vaadin-side-nav-item::part(item){padding: var(--space-1) var(--space-3);border-radius: var(--radius-sm);color: var(--color-text-secondary) !important;min-height: 32px;font-weight: 500;font-size: var(--text-base);min-height: var(--touch-target-min);cursor: pointer;transition: var(--transition-fast)}vaadin-side-nav-item::part(item):hover{background: rgba(0,0,0,0.04);color: var(--color-text) !important}vaadin-side-nav-item[active]::part(item){background: var(--color-primary-light);color: var(--color-primary) !important;font-weight: 600}vaadin-side-nav-item vaadin-icon{width: 20px;height: 20px;color: inherit;opacity: 0.8}vaadin-side-nav-item[active] vaadin-icon{color: var(--color-primary);opacity: 1}vaadin-side-nav-item::part(item) *,vaadin-side-nav-item span,vaadin-side-nav-item a{color: inherit !important}vaadin-side-nav-item vaadin-side-nav-item{margin: 0}vaadin-side-nav-item vaadin-side-nav-item::part(item){padding: 2px var(--space-3) 2px var(--space-7);min-height: 28px;font-size: var(--text-xs)}vaadin-app-layout::part(drawer) footer{border-top: 1px solid var(--color-border);padding: var(--space-3) var(--space-4);margin-top: auto}.mobile-bottom-nav{display: flex;position: fixed;bottom: 0;left: 0;right: 0;height: calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));padding-bottom: var(--safe-area-inset-bottom);background: var(--glass-bg-heavy);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);border-top: 1px solid var(--glass-border);z-index: 1000;justify-content: space-around;align-items: stretch}@media (min-width: 768px){.mobile-bottom-nav{display: none !important}}.mobile-bottom-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: var(--space-2) var(--space-1);text-decoration: none;color: var(--color-text-secondary);transition: var(--transition-fast);min-height: var(--touch-target-min);-webkit-tap-highlight-color: transparent;user-select: none}.mobile-bottom-nav-item:active{transform: scale(0.95)}.mobile-bottom-nav-item.active{color: var(--color-primary)}.mobile-bottom-nav-item vaadin-icon{width: 24px;height: 24px;margin-bottom: 2px}.mobile-bottom-nav-item span{font-size: var(--text-xs);font-weight: 500}vaadin-button{border-radius: var(--radius-sm) !important;font-weight: 500 !important;font-size: var(--text-sm) !important;min-height: 32px;cursor: pointer !important;transition: var(--transition-fast) !important;letter-spacing: 0.01em}vaadin-button[theme~="small"]{min-height: 28px;font-size: var(--text-xs) !important}vaadin-button[theme~="primary"]{background: var(--color-primary) !important;color: white !important;box-shadow: none !important}vaadin-button[theme~="primary"]:hover{background: var(--color-primary-hover) !important;box-shadow: 0 2px 6px rgba(13,152,175,0.25) !important}vaadin-button[theme~="success"]{background: var(--color-success) !important;color: white !important}vaadin-button[theme~="success"]:hover{background: #059669 !important}vaadin-button[theme~="tertiary"]{color: var(--color-text-secondary) !important;background: transparent !important}vaadin-button[theme~="tertiary"]:hover{background: rgba(0,0,0,0.05) !important;color: var(--color-text) !important}vaadin-button[theme~="error"]:not([theme~="tertiary"]){background: var(--color-error) !important;color: white !important}vaadin-button[theme~="error"]:not([theme~="tertiary"]):hover{background: #d32f2f !important}vaadin-button[theme~="tertiary"][theme~="error"]{background: transparent !important;color: var(--color-error) !important}vaadin-button[theme~="tertiary"][theme~="error"]:hover{background: rgba(239,68,68,0.08) !important;color: var(--color-error) !important}vaadin-button[theme~="icon"]{min-width: 32px;width: 32px;padding: 0 !important;border-radius: var(--radius-sm) !important}vaadin-button[theme~="icon"][theme~="small"]{min-width: 28px;width: 28px;min-height: 28px}vaadin-button[theme~="primary"][theme~="error"]{background: var(--color-error) !important;color: white !important}vaadin-button[theme~="primary"][theme~="error"]:hover{background: #d32f2f !important}vaadin-button[theme~="success"]{background: var(--color-success) !important;color: white !important}vaadin-text-field,vaadin-text-area,vaadin-password-field,vaadin-email-field,vaadin-combo-box,vaadin-select{--vaadin-input-field-border-radius: 12px}vaadin-text-field::part(input-field),vaadin-text-area::part(input-field),vaadin-password-field::part(input-field),vaadin-email-field::part(input-field),vaadin-combo-box::part(input-field){background: var(--color-surface);border: 1px solid var(--color-border-strong);min-height: var(--touch-target-min);transition: var(--transition-fast)}vaadin-text-field:hover::part(input-field),vaadin-text-area:hover::part(input-field),vaadin-password-field:hover::part(input-field),vaadin-email-field:hover::part(input-field),vaadin-combo-box:hover::part(input-field){border-color: var(--color-text-tertiary)}vaadin-text-field:focus-within::part(input-field),vaadin-text-area:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-combo-box:focus-within::part(input-field){border-color: var(--color-primary);box-shadow: none}vaadin-text-field[invalid]::part(input-field),vaadin-text-area[invalid]::part(input-field),vaadin-password-field[invalid]::part(input-field),vaadin-email-field[invalid]::part(input-field),vaadin-combo-box[invalid]::part(input-field){border-color: var(--color-error);box-shadow: 0 0 0 3px rgba(255,59,48,0.15)}vaadin-grid{border-radius: var(--radius-md);border: 1px solid var(--color-border);background: var(--color-surface);overflow: hidden}vaadin-grid::part(header-cell){background: var(--color-surface-secondary);font-weight: 600;font-size: var(--text-sm);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.02em}vaadin-grid::part(cell){border-bottom: 1px solid var(--color-border);font-size: var(--text-sm);padding: var(--space-1) var(--space-3)}@media (max-width: 767px){vaadin-grid::part(header-cell){display: none !important}vaadin-grid::part(row){display: flex;flex-wrap: wrap;padding: var(--space-card);margin: var(--space-2) 0;background: var(--glass-bg);backdrop-filter: var(--glass-blur);-webkit-backdrop-filter: var(--glass-blur);border-radius: var(--radius-lg);border: 1px solid var(--glass-border);box-shadow: var(--shadow-sm)}vaadin-grid::part(row):hover{transform: translateY(-1px);box-shadow: var(--shadow-md)}vaadin-grid::part(cell){border: none;padding: var(--space-2);flex: 1 1 50%;min-width: 0}vaadin-grid::part(cell):first-child{flex: 1 1 100%;font-weight: 600;font-size: var(--text-lg)}vaadin-grid{border: none;background: transparent}}vaadin-dialog-overlay::part(overlay){border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);background: var(--color-surface);max-width: calc(100vw - var(--space-4) * 2);max-height: calc(100vh - var(--space-4) * 2)}vaadin-dialog-overlay::part(backdrop){background: rgba(0,0,0,0.4);backdrop-filter: blur(4px)}vaadin-dialog-overlay::part(content){padding: 0}vaadin-confirm-dialog-overlay{z-index: 1100 !important}vaadin-confirm-dialog-overlay::part(overlay){border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);background: var(--color-surface);max-width: calc(100vw - var(--space-4) * 2);max-height: calc(100vh - var(--space-4) * 2)}vaadin-confirm-dialog-overlay::part(backdrop){background: rgba(0,0,0,0.4);backdrop-filter: blur(4px)}vaadin-dialog-overlay{z-index: 1100 !important}.card,.stat-card,.feature-card,.profile-section,.sidebar-section,.code-stat-card,.glass-section{background: var(--color-surface);border-radius: var(--radius-lg);border: 1px solid var(--color-border);box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);transition: box-shadow 0.2s ease,transform 0.2s ease}.stat-card,.feature-card,.profile-section,.code-stat-card{padding: var(--space-card)}.stat-card:hover,.feature-card:hover,.code-stat-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-md)}.stat-card-icon{width: 44px;height: 44px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-3);transition: transform 0.2s ease}.stat-card:hover .stat-card-icon{transform: scale(1.1)}.stat-card-icon vaadin-icon{width: 22px;height: 22px}.stat-card-icon--primary{background: var(--color-primary-light);color: var(--color-primary)}.stat-card-icon--warning{background: var(--color-warning-light);color: var(--color-warning)}.stat-card-icon--success{background: var(--color-success-light);color: var(--color-success)}.stat-card-icon--purple{background: var(--color-purple-light);color: var(--color-purple)}.stat-card-icon--contrast{background: rgba(100,116,139,0.10);color: var(--color-text-secondary)}.stat-card-label{font-size: var(--text-sm);font-weight: 500;color: var(--color-text-secondary);margin-bottom: var(--space-2)}.stat-card-value{font-size: var(--text-2xl);font-weight: 700;color: var(--color-text);letter-spacing: -0.02em}.stat-card--primary .stat-card-value{color: var(--color-primary)}.stat-card--warning .stat-card-value{color: var(--color-warning)}.stat-card--success .stat-card-value{color: var(--color-success)}.stat-card--contrast .stat-card-value{color: var(--color-text-secondary)}.code-stat-value{font-size: var(--text-2xl);font-weight: 700;color: var(--color-primary)}.code-stat-label{font-size: var(--text-sm);color: var(--color-text-secondary);margin-top: var(--space-1)}.feature-card{display: flex;gap: var(--space-5)}.feature-vote-section{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 72px;padding: var(--space-4);background: var(--color-surface-secondary);border-radius: var(--radius-md)}.feature-vote-count{font-size: var(--text-xl);font-weight: 700;color: var(--color-primary)}.feature-vote-label{font-size: var(--text-xs);color: var(--color-text-tertiary);text-transform: uppercase;letter-spacing: 0.04em}.profile-section{margin-bottom: var(--space-5)}.profile-section h3{font-size: var(--text-lg);font-weight: 600;color: var(--color-text);margin: 0 0 var(--space-5) 0;padding-bottom: var(--space-3);border-bottom: 2px solid var(--color-primary-light);display: flex;align-items: center;gap: var(--space-2)}.profile-section h3 vaadin-icon{width: 20px;height: 20px;color: var(--color-primary)}.ticket-sidebar-container{padding: 0;background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);width: 100% !important;min-width: 0 !important;max-width: none !important;overflow: hidden;height: 100% !important;box-sizing: border-box;display: flex !important;flex-direction: column !important}.ticket-sidebar{padding: 12px;gap: 12px !important}@media (max-width: 767px){.ticket-sidebar,.ticket-sidebar-container{width: 100% !important;min-width: 100% !important;max-width: 100% !important;max-height: 40vh;border-left: none;border-top: 1px solid var(--color-border);transition: max-height 0.3s var(--ease-out)}.ticket-sidebar.collapsed,.ticket-sidebar-container.collapsed{max-height: 56px;overflow: hidden}}.ticket-sidebar .quick-actions{gap: 8px;margin-bottom: 4px}.ticket-sidebar .quick-actions vaadin-button{flex: 1;min-height: 36px;font-size: 13px}.sidebar-section{padding: 12px;margin-bottom: 0;background: var(--color-surface-secondary);border-radius: var(--radius-md)}.sidebar-section-header{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid var(--color-border)}.sidebar-section-icon{width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);border-radius: 8px;color: var(--color-primary)}.sidebar-section-icon vaadin-icon{width: 14px;height: 14px}.sidebar-section-title{font-size: 13px;font-weight: 600;color: var(--color-text);margin: 0}.sidebar-info-row{display: flex;justify-content: space-between;align-items: center;padding: 6px 0;font-size: 13px}.sidebar-info-label{color: var(--color-text-secondary);font-size: 12px}.sidebar-info-value{font-weight: 500;color: var(--color-text);font-size: 13px}.sidebar-section .compact-field,.sidebar-section .compact-combo{--vaadin-input-field-height: 32px;font-size: 12px;width: 130px !important}.sidebar-section .compact-field::part(input-field),.sidebar-section .compact-combo::part(input-field){min-height: 32px;padding: 0 8px;font-size: 12px}.sidebar-toggle{display: none;width: 100%;padding: var(--space-3);background: transparent;border: none;cursor: pointer;color: var(--color-text-secondary);font-weight: 500;font-size: var(--text-sm);min-height: var(--touch-target-min)}@media (max-width: 767px){.sidebar-toggle{display: flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 36px !important;height: 36px;padding: var(--space-1) var(--space-3) !important;font-size: var(--text-xs) !important;background: var(--color-surface-secondary) !important;border-bottom: 1px solid var(--color-border)}.sidebar-toggle vaadin-icon{transition: transform 0.3s var(--ease-out);width: 14px;height: 14px}.sidebar-toggle.expanded vaadin-icon{transform: rotate(180deg)}}.status-badge,.priority-badge,.feature-status-badge,.instance-badge{display: inline-flex;align-items: center;padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;white-space: nowrap}.status-badge--waiting-support{background: var(--color-primary-light);color: var(--color-primary)}.status-badge--waiting-customer{background: var(--color-warning-light);color: #B45309}.status-badge--resolved{background: var(--color-success-light);color: #059669}.priority-badge--low{background: var(--color-surface-secondary);color: var(--color-text-secondary)}.priority-badge--normal{background: var(--color-primary-light);color: var(--color-primary)}.priority-badge--high{background: var(--color-warning-light);color: #B45309}.priority-badge--urgent{background: var(--color-error-light);color: var(--color-error);font-weight: 700}.feature-status-badge--open{background: var(--color-surface-secondary);color: var(--color-text-secondary)}.feature-status-badge--planned{background: var(--color-primary-light);color: var(--color-primary)}.feature-status-badge--in-progress{background: var(--color-warning-light);color: #B45309}.feature-status-badge--done{background: var(--color-success-light);color: #059669}.feature-status-badge--rejected{background: var(--color-error-light);color: var(--color-error)}.instance-badge{background: var(--color-surface-secondary);color: var(--color-text-secondary)}.pending-features-section{background: rgba(255,149,0,0.08);border: 1px solid rgba(255,149,0,0.2);border-radius: var(--radius-lg);padding: var(--space-5);margin-bottom: var(--space-5)}.pending-feature-card{background: var(--color-surface);border-radius: var(--radius-md);padding: var(--space-4);margin-top: var(--space-3);border: 1px solid var(--color-border);transition: var(--transition-fast)}.pending-feature-card:hover{box-shadow: var(--shadow-sm)}.message-list{padding: var(--space-4)}.message-wrapper{display: flex;gap: var(--space-2);align-items: flex-end;margin-bottom: var(--space-3)}.message-wrapper--support{justify-content: flex-end}.message-wrapper--customer{justify-content: flex-start}.bubble-container{position: relative;max-width: 85%;min-width: 80px;overflow: visible}.message-wrapper--customer .bubble-container{max-width: 95%;width: 70%}.message-bubble{padding: var(--space-2) var(--space-3);font-size: var(--text-base);line-height: 1.4;word-wrap: break-word;overflow-wrap: break-word;word-break: break-word;white-space: pre-wrap;max-width: none;min-width: 80px}.message-bubble--support{background: var(--color-primary) !important;color: white !important;border-radius: 18px 18px 4px 18px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}.message-bubble--customer{background: var(--color-surface) !important;color: var(--color-text) !important;border: 1px solid var(--color-border) !important;border-radius: 18px 18px 18px 4px !important;box-shadow: 0 1px 2px rgba(0,0,0,0.06)}.message-bubble--internal{background: rgba(255,59,48,0.08) !important;border: 1px solid rgba(255,59,48,0.3) !important;border-radius: 18px 18px 4px 18px !important}.message-bubble--ai{background: linear-gradient(135deg,rgba(175,82,222,0.1) 0%,rgba(175,82,222,0.05) 100%) !important;border: 1px solid rgba(175,82,222,0.25) !important;border-left: 3px solid var(--color-purple) !important;border-radius: 18px 18px 4px 18px !important}.badge-internal{font-size: 0.625rem;padding: 2px 6px;background: var(--color-error);color: white;border-radius: 4px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.02em;display: inline-block;margin-bottom: var(--space-1)}.message-avatar{flex-shrink: 0}.message-wrapper vaadin-avatar{--vaadin-avatar-size: 32px}vaadin-context-menu-item vaadin-icon{width: 16px !important;height: 16px !important;margin-right: 8px;color: #6B7280}.message-input-area{padding: var(--space-3) var(--space-4);background: var(--color-surface);border-top: 1px solid var(--color-border);flex-shrink: 0 !important}@media (max-width: 767px){.message-input-area{position: sticky;bottom: calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));z-index: 100}}.message-input-row{display: flex;align-items: flex-end;gap: var(--space-3)}.message-input-row vaadin-text-area{flex: 1}.send-button{width: var(--touch-target-min) !important;min-width: var(--touch-target-min) !important;height: var(--touch-target-min) !important;border-radius: var(--radius-full) !important;padding: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important}.send-button vaadin-icon{width: 20px !important;height: 20px !important}.emoji-button{width: var(--touch-target-min) !important;min-width: var(--touch-target-min) !important;height: var(--touch-target-min) !important;border-radius: var(--radius-full) !important;padding: 0 !important;color: var(--color-text-secondary) !important;font-size: 20px !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer;background: transparent !important;border: none !important}.emoji-button:hover{color: var(--color-primary) !important;transform: scale(1.1)}.emoji-picker{display: grid;grid-template-columns: repeat(8,1fr);gap: 2px;padding: 8px;max-height: 280px;overflow-y: auto;width: 320px}.emoji-picker-item{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;font-size: 22px;cursor: pointer;border-radius: 8px;border: none;background: transparent;transition: background 0.1s}.emoji-picker-item:hover{background: var(--color-surface-secondary)}.emoji-category-label{grid-column: 1 / -1;font-size: 11px;font-weight: 600;color: var(--color-text-secondary);padding: 8px 4px 4px;text-transform: uppercase;letter-spacing: 0.05em}.paperclip-upload{padding: 0 !important;margin: 0 !important;min-width: auto !important;flex-shrink: 0 !important}.paperclip-upload::part(drop-label){display: none !important}.paperclip-upload [slot="file-list"],.paperclip-upload vaadin-upload-file{display: none !important}.attach-button{width: var(--touch-target-min) !important;min-width: var(--touch-target-min) !important;height: var(--touch-target-min) !important;border-radius: var(--radius-full) !important;padding: 0 !important;color: var(--color-text-secondary) !important}.attach-button:hover{color: var(--color-primary) !important;background: transparent !important;transform: scale(1.1)}.message-input-area--internal{background: rgba(255,59,48,0.04);border-top-color: rgba(255,59,48,0.2)}.reply-preview{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);background: var(--color-primary-light);border-left: 3px solid var(--color-primary);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;margin-bottom: var(--space-2);font-size: var(--text-sm)}.reply-preview-label{font-weight: 600;color: var(--color-primary)}.reply-preview-text{color: var(--color-text-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1}.chat-area{display: flex !important;flex-direction: column !important;flex: 1 1 auto !important;min-width: 0 !important;min-height: 300px !important;height: 100% !important;background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);overflow: hidden !important}.message-list-container{flex: 1 1 auto !important;min-height: 100px !important;overflow: hidden !important;display: flex !important;flex-direction: column !important}.message-scroller,.chat-area vaadin-scroller{flex: 1 1 auto !important;min-height: 100px !important;overflow-y: auto !important;background: var(--color-surface-secondary)}.message-input-area{flex: 0 0 auto !important;flex-shrink: 0 !important;background: var(--color-surface);border-top: 1px solid var(--color-border);padding: var(--space-3) var(--space-4);padding-bottom: 20px}.ticket-header{background: var(--color-surface);border-bottom: 1px solid var(--color-border);padding: var(--space-3) var(--space-4);flex-shrink: 0}.ticket-header-top{display: flex;align-items: center;gap: var(--space-3)}.ticket-header-title{font-size: var(--text-lg);font-weight: 600;color: var(--color-text);margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ticket-header-meta{display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-1);flex-wrap: wrap}.ticket-search-field{width: 100%;max-width: 200px;--vaadin-input-field-height: 36px}@media (max-width: 767px){.ticket-header{padding: var(--space-2) var(--space-3) !important}.ticket-header-top{flex-wrap: wrap;gap: var(--space-2) !important}.ticket-header-title{font-size: var(--text-base) !important}.ticket-search-field{max-width: 100%;order: 10;flex-basis: 100%;--vaadin-input-field-height: 32px}.ticket-header-back{min-width: 32px !important;min-height: 32px !important;width: 32px !important;height: 32px !important}}.ticket-search-field::part(input-field){border-radius: var(--radius-full);background: var(--color-surface-secondary);border: none}.date-separator{display: flex;align-items: center;gap: var(--space-4);margin: var(--space-5) 0}.date-separator::before,.date-separator::after{content: '';flex: 1;height: 1px;background: var(--color-border)}.date-separator-text{font-size: var(--text-xs);font-weight: 500;color: var(--color-text-tertiary);padding: var(--space-1) var(--space-3);background: var(--color-surface-secondary);border-radius: var(--radius-full)}.attachment-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: var(--space-3);margin-top: var(--space-3)}@media (max-width: 480px){.attachment-grid{grid-template-columns: repeat(3,1fr)}}.attachment-thumbnail{width: 100%;aspect-ratio: 1;border-radius: var(--radius-md);object-fit: cover;cursor: pointer;transition: var(--transition-fast);border: 2px solid transparent}.attachment-thumbnail:hover{transform: scale(1.02);border-color: var(--color-primary)}.attachment-file-card{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3);background: var(--color-surface-secondary);border-radius: var(--radius-md);cursor: pointer;transition: var(--transition-fast);min-height: var(--touch-target-min)}.attachment-file-card:hover{background: var(--color-border)}.attachment-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);font-size: var(--text-lg)}.attachment-icon--image{background: var(--color-success-light);color: var(--color-success)}.attachment-icon--log{background: var(--color-warning-light);color: var(--color-warning)}.attachment-icon--document{background: var(--color-primary-light);color: var(--color-primary)}.attachment-icon--config{background: var(--color-purple-light);color: var(--color-purple)}.attachment-icon--other{background: var(--color-surface-secondary);color: var(--color-text-secondary)}.attachment-name{font-size: var(--text-sm);font-weight: 500;color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.attachment-size{font-size: var(--text-xs);color: var(--color-text-tertiary)}.attachment-preview-container{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-3)}.attachment-preview-item{position: relative;width: 56px;height: 56px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-surface-secondary)}.attachment-preview-item img{width: 100%;height: 100%;object-fit: cover}.attachment-preview-remove{position: absolute;top: -6px;right: -6px;width: 24px;height: 24px;border-radius: var(--radius-full);background: var(--color-error);color: white;border: 2px solid white;font-size: var(--text-xs);cursor: pointer;display: flex;align-items: center;justify-content: center;min-width: var(--touch-target-min);min-height: var(--touch-target-min);margin: -10px -10px 0 0}.dashboard-view,.ticket-list-view,.feature-view,.email-view,.profile-view,.code-index-view,.user-management-view{max-width: 1600px;margin: 0 auto;padding: var(--lumo-space-l,var(--space-page));background: var(--color-surface-secondary)}.dashboard-view{max-width: 1400px}.ticket-list-view{max-width: none}.dashboard-greeting{margin-bottom: var(--space-section)}.dashboard-greeting h2{font-size: var(--text-2xl);font-weight: 700;color: var(--color-text);margin: 0 0 var(--space-1) 0}@media (min-width: 768px){.dashboard-greeting h2{font-size: var(--text-3xl)}}.dashboard-greeting p{color: var(--color-text-secondary);margin: 0}.stats-cards,.code-stats{display: grid;gap: var(--space-4);margin-bottom: var(--space-section)}.stats-cards{grid-template-columns: 1fr}.code-stats{grid-template-columns: 1fr}@media (min-width: 480px){.stats-cards{grid-template-columns: repeat(2,1fr)}}@media (min-width: 768px){.stats-cards{grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}.code-stats{grid-template-columns: repeat(2,1fr)}}.dashboard-view h2,.ticket-list-view h2,.feature-view h2,.email-view h2,.profile-view h2,.code-index-view h2,.user-management-view h2{font-size: var(--text-xl);font-weight: 700;color: var(--color-text);margin: 0 0 var(--space-section) 0}@media (min-width: 768px){.dashboard-view h2,.ticket-list-view h2,.feature-view h2,.email-view h2,.profile-view h2,.code-index-view h2,.user-management-view h2{font-size: var(--text-2xl)}}.ticket-row{padding: var(--space-card);background: var(--color-surface);border-radius: var(--radius-md);border: 1px solid var(--color-border);margin-bottom: var(--space-3);cursor: pointer;transition: var(--transition-fast);min-height: var(--touch-target-min)}.ticket-row:hover{border-color: var(--color-primary);box-shadow: var(--shadow-sm)}.ticket-row:active{transform: scale(0.99)}.login-view{background: linear-gradient(135deg,#0D98AF 0%,#0B8A9E 30%,#0A7A8C 50%,#1E293B 100%);min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-4);position: relative;overflow: hidden}.login-card{background: var(--color-surface);border-radius: var(--radius-xl);padding: var(--space-8);box-shadow: 0 25px 60px rgba(0,0,0,0.3);width: 100%;max-width: 420px;border: 1px solid rgba(255,255,255,0.1);position: relative;z-index: 2}@media (min-width: 768px){.login-card{padding: var(--space-10)}}.login-view h1{font-size: var(--text-2xl);font-weight: 700;color: var(--color-primary);margin: 0 0 var(--space-2) 0;text-align: center}.login-view p{color: var(--color-text-secondary);text-align: center;margin: 0 0 var(--space-6) 0;font-size: var(--text-sm)}.login-footer{position: relative;z-index: 2;margin-top: var(--space-6);color: rgba(255,255,255,0.5);font-size: var(--text-xs)}.login-bg-icons{position: fixed;inset: 0;overflow: hidden;pointer-events: none;z-index: 1}.login-bg-icon{position: absolute;background-size: contain;background-repeat: no-repeat;background-position: center;opacity: 0;animation: login-float ease-in-out infinite}.login-bg-icon--1{width: 70px;height: 70px;top: 8%;left: 5%;--icon-opacity: 0.09;animation-duration: 25s;animation-delay: 0s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E")}.login-bg-icon--2{width: 55px;height: 55px;top: 15%;right: 10%;--icon-opacity: 0.08;animation-duration: 30s;animation-delay: -5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}.login-bg-icon--3{width: 80px;height: 80px;top: 60%;left: 3%;--icon-opacity: 0.07;animation-duration: 28s;animation-delay: -10s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}.login-bg-icon--4{width: 60px;height: 60px;top: 75%;right: 8%;--icon-opacity: 0.10;animation-duration: 22s;animation-delay: -3s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E")}.login-bg-icon--5{width: 50px;height: 50px;top: 30%;left: 12%;--icon-opacity: 0.06;animation-duration: 35s;animation-delay: -8s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.login-bg-icon--6{width: 65px;height: 65px;top: 5%;left: 40%;--icon-opacity: 0.07;animation-duration: 32s;animation-delay: -15s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.login-bg-icon--7{width: 45px;height: 45px;top: 50%;right: 5%;--icon-opacity: 0.08;animation-duration: 27s;animation-delay: -12s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}.login-bg-icon--8{width: 55px;height: 55px;top: 85%;left: 25%;--icon-opacity: 0.09;animation-duration: 24s;animation-delay: -7s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}.login-bg-icon--9{width: 70px;height: 70px;top: 40%;left: 2%;--icon-opacity: 0.06;animation-duration: 33s;animation-delay: -18s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.login-bg-icon--10{width: 48px;height: 48px;top: 20%;right: 25%;--icon-opacity: 0.07;animation-duration: 29s;animation-delay: -2s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}.login-bg-icon--11{width: 58px;height: 58px;top: 65%;left: 18%;--icon-opacity: 0.08;animation-duration: 26s;animation-delay: -14s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M12 11h4'/%3E%3Cpath d='M12 16h4'/%3E%3Cpath d='M8 11h.01'/%3E%3Cpath d='M8 16h.01'/%3E%3C/svg%3E")}.login-bg-icon--12{width: 42px;height: 42px;top: 10%;right: 35%;--icon-opacity: 0.06;animation-duration: 31s;animation-delay: -20s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E")}.login-bg-icon--13{width: 52px;height: 52px;top: 90%;right: 30%;--icon-opacity: 0.07;animation-duration: 23s;animation-delay: -9s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E")}.login-bg-icon--14{width: 62px;height: 62px;top: 45%;right: 18%;--icon-opacity: 0.06;animation-duration: 36s;animation-delay: -6s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}@keyframes login-float{0%{transform: translateY(0) translateX(0) rotate(0deg);opacity: var(--icon-opacity,0.08)}25%{transform: translateY(-20px) translateX(10px) rotate(3deg)}50%{transform: translateY(-8px) translateX(-12px) rotate(-2deg);opacity: calc(var(--icon-opacity,0.08) + 0.03)}75%{transform: translateY(-25px) translateX(8px) rotate(4deg)}100%{transform: translateY(0) translateX(0) rotate(0deg);opacity: var(--icon-opacity,0.08)}}@media (max-width: 767px){.login-bg-icon{transform: scale(0.7)}.login-bg-icon--9,.login-bg-icon--10,.login-bg-icon--12,.login-bg-icon--14{display: none}}.lightbox-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.9);display: flex;align-items: center;justify-content: center;z-index: 9999;cursor: pointer}.lightbox-image{max-width: 90%;max-height: 90%;object-fit: contain;border-radius: var(--radius-md)}.lightbox-close{position: absolute;top: var(--space-5);right: var(--space-5);width: var(--touch-target-min);height: var(--touch-target-min);border-radius: var(--radius-full);background: rgba(255,255,255,0.1);color: white;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast)}.lightbox-close:hover{background: rgba(255,255,255,0.2)}.ai-loading{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);background: rgba(175,82,222,0.08);border-radius: var(--radius-lg);color: var(--color-purple);font-size: var(--text-sm);font-weight: 500}.ai-loading-spinner{width: 16px;height: 16px;border: 2px solid rgba(175,82,222,0.2);border-top-color: var(--color-purple);border-radius: var(--radius-full);animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.skeleton{background: linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-border) 50%,var(--color-surface-secondary) 75%);background-size: 200% 100%;animation: skeleton 1.5s ease-in-out infinite;border-radius: var(--radius-sm)}@keyframes skeleton{0%{background-position: 200% 0}100%{background-position: -200% 0}}.warning-icon{color: var(--color-warning)}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-section);flex-wrap: wrap;gap: var(--space-3)}.section-title{font-size: var(--text-lg);font-weight: 600;color: var(--color-text);margin: 0}.empty-state{text-align: center;padding: var(--space-12) var(--space-6);color: var(--color-text-tertiary);display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 200px;height: 100%}.empty-state-icon{font-size: var(--text-3xl);margin-bottom: var(--space-4);opacity: 0.5}.empty-state-text{font-size: var(--text-lg)}.quick-actions{display: flex;flex-direction: column;gap: var(--space-2);margin-bottom: var(--space-4)}@media (min-width: 480px){.quick-actions{flex-direction: row}}.quick-actions vaadin-button{flex: 1;width: 100%}@media (min-width: 480px){.quick-actions vaadin-button{width: auto}}.compact-field,.compact-combo{--vaadin-input-field-height: 36px;font-size: var(--text-sm)}.online-indicator{width: 8px;height: 8px;border-radius: var(--radius-full);background: var(--color-success);box-shadow: 0 0 0 2px white}.offline-indicator{width: 8px;height: 8px;border-radius: var(--radius-full);background: var(--color-text-tertiary);box-shadow: 0 0 0 2px white}::-webkit-scrollbar{width: 8px;height: 8px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.12);border-radius: var(--radius-full)}::-webkit-scrollbar-thumb:hover{background: rgba(0,0,0,0.2)}*:focus-visible{outline: none}vaadin-notification-card{border-radius: var(--radius-md)}vaadin-notification-card[theme~="success"]{background: var(--color-success)}vaadin-notification-card[theme~="error"]{background: var(--color-error)}vaadin-notification-card[theme~="warning"]{background: var(--color-warning)}vaadin-checkbox::part(checkbox){border-radius: var(--space-1);width: 20px;height: 20px}vaadin-checkbox[checked]::part(checkbox){background: var(--color-primary);border-color: var(--color-primary)}vaadin-checkbox::part(label){min-height: var(--touch-target-min);display: flex;align-items: center}vaadin-avatar{--vaadin-avatar-size: 36px}.avatar-preview{width: 100px;height: 100px;border-radius: var(--radius-full);object-fit: cover;border: 3px solid white;box-shadow: var(--shadow-md)}vaadin-progress-bar::part(bar){background: var(--color-primary)}vaadin-tabs{--lumo-primary-color: var(--color-primary)}vaadin-tab{font-weight: 500;min-height: var(--touch-target-min)}vaadin-tab::before{background: var(--color-primary) !important}.ticket-detail-view{height: calc(100vh - 56px) !important;max-height: calc(100vh - 56px) !important;display: flex !important;flex-direction: column !important;overflow: hidden !important;box-sizing: border-box;padding: 0 !important}.ticket-main-content{flex: 1 1 auto !important;min-height: 0 !important;overflow: hidden !important;padding: var(--space-4) !important;gap: var(--space-4) !important;box-sizing: border-box}.ticket-detail-view .chat-area{min-height: 300px !important;height: 100% !important;min-width: 0 !important}@media (max-width: 767px){.ticket-detail-view{height: calc(100vh - 56px - var(--bottom-nav-height) - var(--safe-area-inset-bottom)) !important;max-height: calc(100vh - 56px - var(--bottom-nav-height) - var(--safe-area-inset-bottom)) !important;overflow: hidden !important}.ticket-main-content{flex-direction: column !important;flex: 1 1 auto !important;min-height: 0 !important;overflow: hidden !important;padding: var(--space-2) !important;gap: var(--space-2) !important}.ticket-detail-view .chat-area{width: 100% !important;min-height: 0 !important;flex: 1 1 auto !important;border-radius: var(--radius-sm);display: flex !important;flex-direction: column !important;overflow: hidden !important}.ticket-detail-view .chat-area .message-list-container{flex: 1 1 auto !important;min-height: 0 !important;overflow: hidden !important}.ticket-detail-view .chat-area .message-scroller,.ticket-detail-view .chat-area vaadin-scroller{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch}.ticket-detail-view .message-input-area{padding: var(--space-2) var(--space-3) !important;padding-bottom: var(--space-2) !important;position: relative !important;bottom: auto !important}.ticket-detail-view .ticket-sidebar-container{width: 100% !important;max-width: 100% !important;min-width: 100% !important;flex: 0 0 auto !important;max-height: 35vh !important;overflow-y: auto !important;border-radius: var(--radius-sm)}.ticket-detail-view .ticket-sidebar-container.collapsed{max-height: 44px !important;overflow: hidden !important}}.email-content{white-space: pre-wrap;font-family: var(--font-mono);font-size: var(--text-sm);background: var(--color-surface-secondary);padding: var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--color-border);overflow-x: auto}.email-html-iframe{width: 100%;min-height: 400px;height: 60vh;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: #ffffff}.message-html-iframe{width: 100%;min-height: 400px;height: 60vh;max-height: 80vh;border: none;border-radius: var(--radius-sm);background: #ffffff}@media (max-width: 767px){.feature-card{flex-direction: column}.feature-vote-section{flex-direction: row;justify-content: flex-start;gap: var(--space-3);padding: var(--space-3)}.feature-vote-count{font-size: var(--text-lg)}}@media (min-width: 768px) and (max-width: 1024px){.ticket-sidebar,.ticket-sidebar-container{min-width: 240px;max-width: 280px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}@media print{.app-with-background{background: white !important}vaadin-app-layout::part(drawer),vaadin-app-layout::part(navbar),.mobile-bottom-nav{display: none !important}.message-actions,.quick-actions{display: none !important}}@keyframes typingDot{0%,60%,100%{transform: translateY(0);opacity: 0.4}30%{transform: translateY(-4px);opacity: 1}}.typing-indicator-wrapper{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4)}.typing-indicator{display: flex;align-items: center;gap: 4px;padding: 12px 16px;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 18px 18px 18px 4px}.ticket-grid{cursor: pointer}.ticket-grid vaadin-grid-cell-content{padding: var(--space-1) var(--space-3);font-size: var(--text-sm)}.ticket-grid .status-badge,.ticket-grid .priority-badge{padding: 2px 8px;font-size: 10px}.ticket-grid-assign-btn{min-width: 28px !important;min-height: 28px !important;width: 28px !important;height: 28px !important;padding: 0 !important;border-radius: var(--radius-sm) !important}vaadin-button.task-button{background: var(--color-purple) !important;color: white !important;border: none !important;box-shadow: none !important}vaadin-button.task-button:hover{background: #7C3AED !important;box-shadow: 0 2px 6px rgba(139,92,246,0.3) !important}.status-badge--task{background: rgba(139,92,246,0.12);color: var(--color-purple);flex-shrink: 0}.task-detail-meta{display: flex;flex-direction: column;gap: var(--space-2);padding: var(--space-3);background: var(--color-surface-secondary);border-radius: var(--radius-sm)}.task-meta-item{display: flex;align-items: center;gap: var(--space-2)}.task-comment-section{display: flex;flex-direction: column;gap: var(--space-3);border-top: 1px solid var(--color-border);padding-top: var(--space-4)}.task-comment-list{display: flex;flex-direction: column;gap: var(--space-2);max-height: 250px;overflow-y: auto}.task-comment-bubble{display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-2) var(--space-3);background: var(--color-surface-secondary);border-radius: var(--radius-sm)}.task-comment-header{display: flex;align-items: center;gap: var(--space-2)}.styled-dialog::part(overlay){border-radius: var(--radius-lg);box-shadow: var(--shadow-xl)}.styled-dialog::part(header){padding: var(--space-5) var(--space-5) var(--space-2)}.styled-dialog::part(content){padding: var(--space-3) var(--space-5)}.styled-dialog::part(footer){padding: var(--space-3) var(--space-5) var(--space-5)}.feature-voter-list{display: flex;flex-direction: column;gap: var(--space-1);margin-top: var(--space-2);width: 100%}.feature-voter-chip{display: inline-block;padding: 2px var(--space-2);background: var(--color-primary-light);color: var(--color-primary);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;text-align: center}@media (max-width: 767px){.feature-voter-list{flex-direction: row;flex-wrap: wrap}}.attachment-delete-btn{position: absolute;top: -6px;right: -6px;width: 18px;height: 18px;border-radius: var(--radius-full);background: var(--color-error);color: white;font-size: 12px;font-weight: 700;line-height: 18px;text-align: center;cursor: pointer;z-index: 10;border: 2px solid white;transition: transform 0.1s ease,background 0.15s ease;display: flex;align-items: center;justify-content: center;opacity: 0}.attachment-file-card:hover .attachment-delete-btn,div:hover>.attachment-delete-btn{opacity: 1}.attachment-delete-btn:hover{transform: scale(1.15);background: #d32f2f}@media (hover: none){.attachment-delete-btn{opacity: 1}}.email-countdown-banner{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background: var(--color-primary-light);border-radius: var(--radius-md);font-size: var(--text-sm);color: var(--color-primary);font-weight: 500;margin: var(--space-2) var(--space-4);transition: opacity 0.3s ease}.email-countdown-banner strong{font-weight: 700}.public-ticket-view{min-height: 100vh !important;background: var(--color-bg) !important;padding: var(--space-6) var(--space-4) !important}.public-ticket-card{background: var(--color-surface);border-radius: var(--radius-xl);padding: var(--space-8);box-shadow: var(--shadow-lg);width: 100%;max-width: 560px;margin: 0 auto}@media (max-width: 600px){.public-ticket-card{padding: var(--space-5);border-radius: var(--radius-lg)}}.public-ticket-card vaadin-text-field,.public-ticket-card vaadin-email-field,.public-ticket-card vaadin-text-area{margin-bottom: var(--space-3)}.public-ticket-card vaadin-upload{margin-top: var(--space-2);margin-bottom: var(--space-3)}.public-ticket-card vaadin-button[theme~="primary"]{font-size: var(--text-base);min-height: 48px}.status-badge--follow-up{background: rgba(175,82,222,0.12);color: var(--color-purple)}.ticket-card--follow-up{border-left-color: var(--color-purple)}.sidebar-count-badge{background: rgba(0,0,0,0.08);color: var(--color-text-secondary);font-size: 11px;font-weight: 600;padding: 1px 6px;border-radius: 10px;min-width: 20px;text-align: center}.ticket-details-bar{background: var(--color-surface);flex-shrink: 0}.ticket-details-bar .compact-field::part(input-field),.ticket-details-bar .compact-combo::part(input-field){min-height: 28px;font-size: 12px;padding: 0 8px}.ticket-details-bar .compact-field,.ticket-details-bar .compact-combo{--vaadin-input-field-height: 28px;font-size: 12px}.header-action-btn{min-height: 32px !important;height: 32px !important;font-size: 12px !important;padding: 0 10px !important;border-radius: 8px !important}.header-inline-field{flex-shrink: 0}@media (max-width: 767px){.ticket-details-bar{gap: 8px !important;padding: 6px 12px !important;flex-wrap: nowrap !important;overflow-x: auto !important;overflow-y: hidden !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none}.ticket-details-bar::-webkit-scrollbar{display: none}.header-inline-field{flex-shrink: 0;min-width: fit-content}.header-action-btn{min-height: 28px !important;height: 28px !important;font-size: 11px !important;padding: 0 6px !important}}.mention-dropdown{position: fixed;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: 0 8px 30px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);max-height: 260px;overflow-y: auto;z-index: 9999;min-width: 240px;max-width: 320px;padding: 6px;backdrop-filter: blur(10px)}.mention-dropdown-item{display: flex;align-items: center;gap: 10px;padding: 8px 10px;cursor: pointer;border-radius: var(--radius-md);transition: background 0.15s,transform 0.1s}.mention-dropdown-item:hover,.mention-dropdown-item.active{background: var(--color-primary-light)}.mention-dropdown-item.active{box-shadow: inset 0 0 0 1.5px var(--color-primary)}.mention-dropdown-avatar{width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: #ffffff;flex-shrink: 0;letter-spacing: 0.5px}.mention-dropdown-info{display: flex;flex-direction: column;min-width: 0}.mention-dropdown-name{font-size: var(--text-sm);font-weight: 600;color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mention-dropdown-role{font-size: 11px;color: var(--color-text-secondary);line-height: 1.2}.mention-highlight{color: var(--color-primary);font-weight: 600;background: var(--color-primary-light);border-radius: 4px;padding: 0 2px}.mention-highlight--light{color: #ffffff;font-weight: 700;background: rgba(255,255,255,0.2);border-radius: 4px;padding: 0 2px;text-decoration: underline;text-decoration-color: rgba(255,255,255,0.5);text-underline-offset: 2px}.kb-admin{padding: 28px 32px !important;background: #f5f6f8;gap: 0 !important}.kb-admin-header{display: flex;align-items: center;gap: 14px;margin-bottom: 24px}.kb-admin-header-icon{width: 42px;height: 42px;background: linear-gradient(135deg,#0D98AF,#0a7d91);border-radius: 11px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 2px 8px rgba(13,152,175,0.25)}.kb-admin-header-icon vaadin-icon{color: white;width: 20px;height: 20px}.kb-admin-header-text h2{margin: 0;font-size: 20px;font-weight: 700;color: #1a1a2e;letter-spacing: -0.3px}.kb-admin-header-text p{margin: 1px 0 0;font-size: 13px;color: var(--lumo-secondary-text-color)}.kb-admin-public-link{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 8px;font-size: 13px;font-weight: 500;color: #0D98AF;background: rgba(13,152,175,0.08);text-decoration: none;transition: all 0.15s;flex-shrink: 0;border: 1px solid rgba(13,152,175,0.15)}.kb-admin-public-link:hover{background: rgba(13,152,175,0.14);border-color: rgba(13,152,175,0.3)}.kb-admin-content{gap: 20px !important}.kb-admin-cat-panel{background: white;border-radius: 14px;border: 1px solid rgba(0,0,0,0.07);box-shadow: 0 1px 4px rgba(0,0,0,0.04);padding: 0 !important;overflow: hidden;width: 320px !important;min-width: 280px !important}.kb-admin-cat-header{padding: 14px 16px;border-bottom: 1px solid rgba(0,0,0,0.06);display: flex;align-items: center;gap: 8px;background: #fafbfc}.kb-admin-cat-header span{font-weight: 600;font-size: 13px;color: var(--lumo-secondary-text-color);text-transform: uppercase;letter-spacing: 0.5px;flex: 1}.kb-admin-cat-list{padding: 6px !important;gap: 1px !important;overflow-y: auto}.kb-admin-cat-item{display: flex;align-items: center;gap: 8px;padding: 9px 10px;border-radius: 8px;cursor: pointer;transition: background 0.12s}.kb-admin-cat-item:hover{background: #f3f4f6}.kb-admin-cat-item.selected{background: rgba(13,152,175,0.08)}.kb-admin-cat-item.selected .kb-admin-cat-name{font-weight: 600;color: #0D98AF}.kb-admin-cat-name{flex: 1;font-size: 13.5px;color: #374151;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.kb-admin-cat-badge{font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;padding: 2px 7px;border-radius: 4px;flex-shrink: 0;line-height: 1.4}.kb-admin-cat-badge.public{background: #ecfdf5;color: #059669}.kb-admin-cat-badge.internal{background: #f3f4f6;color: #6b7280}.kb-admin-cat-count{font-size: 11px;color: var(--lumo-tertiary-text-color);flex-shrink: 0;min-width: 16px;text-align: right}.kb-admin-cat-actions{display: flex;gap: 0;opacity: 0;transition: opacity 0.12s;flex-shrink: 0}.kb-admin-cat-item:hover .kb-admin-cat-actions{opacity: 1}.kb-admin-cat-actions vaadin-icon{width: 14px;height: 14px;padding: 4px;border-radius: 5px;cursor: pointer;color: var(--lumo-tertiary-text-color);transition: all 0.12s}.kb-admin-cat-actions vaadin-icon:hover{background: #e5e7eb;color: #374151}.kb-admin-cat-actions vaadin-icon.delete-icon:hover{background: #fee2e2;color: #dc2626}.kb-admin-article-panel{background: white;border-radius: 14px;border: 1px solid rgba(0,0,0,0.07);box-shadow: 0 1px 4px rgba(0,0,0,0.04);padding: 0 !important;overflow: hidden}.kb-admin-article-header{padding: 14px 16px;border-bottom: 1px solid rgba(0,0,0,0.06);display: flex;align-items: center;gap: 12px;background: #fafbfc}.kb-admin-article-title{font-weight: 600;font-size: 14px;color: #374151;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.kb-admin-article-header vaadin-text-field{--lumo-size-m: 34px;font-size: 13px;--lumo-border-radius-m: 8px}.kb-admin-article-panel vaadin-grid{border: none;--lumo-size-m: 46px;font-size: 13.5px}.kb-admin-article-panel vaadin-grid::part(header-cell){background: #f9fafb;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.4px;color: #9ca3af;padding-top: 10px;padding-bottom: 10px}.kb-admin-article-panel vaadin-grid::part(cell){border-bottom: 1px solid #f3f4f6}.kb-admin-article-panel vaadin-grid::part(row):hover{background: #f9fafb}.kb-admin-status-badge{font-size: 11px;font-weight: 600;padding: 3px 10px;border-radius: 4px;display: inline-block;letter-spacing: 0.2px}.kb-admin-status-badge.live{background: #ecfdf5;color: #059669}.kb-admin-status-badge.draft{background: #fffbeb;color: #d97706}.kb-admin-article-actions{display: flex;gap: 2px;align-items: center}.kb-admin-article-actions vaadin-button{min-width: 28px !important;width: 28px !important;height: 28px !important;padding: 0 !important;border-radius: 6px !important;color: #b0b7c3 !important;--lumo-primary-text-color: #b0b7c3;transition: all 0.12s !important}.kb-admin-article-actions vaadin-button vaadin-icon,.kb-admin-article-actions vaadin-button iron-icon{width: 15px !important;height: 15px !important}.kb-admin-article-actions vaadin-button:hover{color: #4b5563 !important;background: #f3f4f6 !important}.kb-admin-article-actions .kb-admin-delete-btn:hover{color: #dc2626 !important;background: #fef2f2 !important}.kb-admin-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px;color: var(--lumo-secondary-text-color);text-align: center;flex: 1}.kb-admin-empty vaadin-icon{width: 44px;height: 44px;color: #d1d5db;margin-bottom: 14px}.kb-admin-empty p{margin: 0;font-size: 13px;line-height: 1.5}.kb-admin-empty p:first-of-type{font-weight: 600;font-size: 14px;color: #6b7280;margin-bottom: 4px}.kb-admin-empty p:first-of-type{font-weight: 500;color: var(--lumo-body-text-color);margin-bottom: 4px}.public-kb-view{background: #f0f2f5;min-height: 100vh;font-family: -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,sans-serif}.kb-header{background: linear-gradient(135deg,#0a1628 0%,#0D98AF 50%,#0b7f94 75%,#064e5e 100%);padding: clamp(20px,4vw,40px) 20px;color: white}.kb-header-content{max-width: 900px;margin: 0 auto}.kb-header-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px}.kb-logo{color: white;font-weight: 700;font-size: 18px;text-decoration: none}.kb-header-title{margin: 0 0 8px;font-size: clamp(24px,4vw,36px);font-weight: 700;letter-spacing: -0.5px}.kb-header-subtitle{margin: 0;font-size: clamp(14px,2vw,16px);opacity: 0.85}.kb-lang-switcher{display: flex;gap: 4px;background: rgba(255,255,255,0.15);border-radius: 8px;padding: 2px}.kb-lang-btn-active{color: white !important;background: rgba(255,255,255,0.25) !important;border-radius: 6px !important;font-weight: 600 !important;font-size: 12px !important;min-width: 36px !important}.kb-lang-btn{color: rgba(255,255,255,0.7);text-decoration: none;font-size: 12px;font-weight: 500;padding: 4px 10px;border-radius: 6px;display: flex;align-items: center;transition: background 0.2s}.kb-lang-btn:hover{background: rgba(255,255,255,0.15);color: white}.kb-search-container{max-width: 900px;margin: -20px auto 0;padding: 0 20px;position: relative;z-index: 1}.kb-search-field{width: 100% !important}.kb-search-field input{background: white;border-radius: 12px;box-shadow: 0 4px 16px rgba(0,0,0,0.08);font-size: 15px;padding: 12px 16px}.kb-content{max-width: 900px;margin: 0 auto;padding: clamp(20px,3vw,32px) 20px}.kb-breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: 0;font-size: 13px;margin-bottom: 20px;color: var(--lumo-secondary-text-color)}.kb-breadcrumb-link{color: #0D98AF;text-decoration: none;font-weight: 500}.kb-breadcrumb-link:hover{text-decoration: underline}.kb-breadcrumb-separator{color: var(--lumo-tertiary-text-color);margin: 0 2px}.kb-breadcrumb-current{color: var(--lumo-body-text-color);font-weight: 500}.kb-category-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 16px;margin-top: 16px}.kb-category-card{text-decoration: none;color: inherit;display: block}.kb-category-card-content{background: white;border-radius: 12px;padding: 24px;box-shadow: 0 1px 3px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.06);transition: transform 0.2s,box-shadow 0.2s;height: 100%}.kb-category-card-content:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,0.1)}.kb-category-card-title{margin: 0 0 8px;font-size: 17px;font-weight: 600;color: var(--lumo-body-text-color)}.kb-category-card-desc{margin: 0 0 12px;font-size: 13px;color: var(--lumo-secondary-text-color);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.kb-category-card-count{font-size: 12px;font-weight: 600;color: #0D98AF}.kb-category-description{font-size: 14px;color: var(--lumo-secondary-text-color);line-height: 1.6;margin-bottom: 24px}.kb-section-title{font-size: 18px;font-weight: 600;margin: 24px 0 8px;color: var(--lumo-body-text-color)}.kb-article-item{display: block;text-decoration: none;color: inherit;background: white;border-radius: 10px;padding: 20px;margin-bottom: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.04);border: 1px solid rgba(0,0,0,0.06);transition: transform 0.15s,box-shadow 0.15s}.kb-article-item:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.kb-article-item-title{margin: 0 0 6px;font-size: 15px;font-weight: 600;color: var(--lumo-body-text-color)}.kb-article-item-preview{margin: 0 0 10px;font-size: 13px;color: var(--lumo-secondary-text-color);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.kb-article-item-meta{display: flex;gap: 16px;font-size: 12px;color: var(--lumo-tertiary-text-color)}.kb-article-title{font-size: clamp(22px,4vw,32px);font-weight: 700;margin: 0 0 8px;letter-spacing: -0.3px;line-height: 1.3}.kb-article-meta{display: flex;gap: 16px;font-size: 13px;color: var(--lumo-secondary-text-color);margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid rgba(0,0,0,0.06)}.kb-article-body{background: white;border-radius: 12px;padding: clamp(20px,3vw,32px);box-shadow: 0 1px 3px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.06);line-height: 1.7;font-size: 15px;color: var(--lumo-body-text-color)}.kb-article-body h1,.kb-article-body h2,.kb-article-body h3,.kb-article-body h4{margin-top: 24px;margin-bottom: 12px;font-weight: 600;line-height: 1.3}.kb-article-body h1{font-size: 24px}.kb-article-body h2{font-size: 20px}.kb-article-body h3{font-size: 17px}.kb-article-body p{margin: 0 0 16px}.kb-article-body img{max-width: 100%;height: auto;border-radius: 8px;margin: 12px 0}.kb-article-body code{background: #f3f4f6;padding: 2px 6px;border-radius: 4px;font-size: 13px;font-family: 'SF Mono',Monaco,Consolas,monospace}.kb-article-body pre{background: #1e293b;color: #e2e8f0;padding: 16px;border-radius: 8px;overflow-x: auto;font-size: 13px;line-height: 1.6}.kb-article-body pre code{background: none;padding: 0;color: inherit}.kb-article-body blockquote{border-left: 3px solid #0D98AF;margin: 16px 0;padding: 12px 16px;background: #f8fafc;border-radius: 0 8px 8px 0;color: var(--lumo-secondary-text-color)}.kb-article-body table{width: 100%;border-collapse: collapse;margin: 16px 0;font-size: 14px}.kb-article-body th,.kb-article-body td{border: 1px solid #e5e7eb;padding: 10px 14px;text-align: left}.kb-article-body th{background: #f9fafb;font-weight: 600}.kb-article-body ul,.kb-article-body ol{margin: 0 0 16px;padding-left: 24px}.kb-article-body li{margin-bottom: 6px}.kb-article-body a{color: #0D98AF;text-decoration: none}.kb-article-body a:hover{text-decoration: underline}.kb-feedback{margin-top: 32px;padding-top: 24px;border-top: 1px solid rgba(0,0,0,0.06)}.kb-feedback-inner{background: white;border-radius: 12px;padding: 24px;text-align: center;box-shadow: 0 1px 3px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.06)}.kb-feedback-question{display: block;font-size: 15px;font-weight: 600;margin-bottom: 16px;color: var(--lumo-body-text-color)}.kb-feedback-buttons{display: flex;justify-content: center;gap: 12px}.kb-feedback-btn{border: 1px solid rgba(0,0,0,0.1) !important;border-radius: 8px !important;padding: 8px 20px !important;font-size: 14px !important;font-weight: 500 !important;transition: background 0.2s,border-color 0.2s !important}.kb-feedback-btn:hover{background: #f3f4f6 !important;border-color: #0D98AF !important}.kb-empty-state{text-align: center;padding: 48px 20px;font-size: 14px;color: var(--lumo-secondary-text-color)}.kb-back-link{color: #0D98AF;text-decoration: none;font-weight: 500;font-size: 15px}.kb-back-link:hover{text-decoration: underline}.kb-footer{text-align: center;padding: 24px 20px;margin-top: auto}.kb-footer-text{font-size: 12px;color: var(--lumo-tertiary-text-color)}@media (max-width: 600px){.kb-category-grid{grid-template-columns: 1fr}.kb-feedback-buttons{flex-direction: column;align-items: center}.kb-header-top{flex-direction: column;gap: 12px;align-items: flex-start}}