:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #f8fafc;--bg-dark: #1e293b;--bg-dark-secondary: #334155;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--text-on-primary: #ffffff;--border-color: #e2e8f0;--border-color-dark: #cbd5e1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--ease-in-out-cubic: cubic-bezier(.4, 0, .2, 1);--ease-out-cubic: cubic-bezier(0, 0, .2, 1);--ease-in-cubic: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--perspective-3d: 1000px;--transform-style-3d: preserve-3d;--backface-visibility: hidden;--bento-gap-sm: .75rem;--bento-gap-md: 1rem;--bento-gap-lg: 1.5rem;--bento-gap-xl: 2rem;--bento-padding: 1.5rem;--bento-card-padding: 1.5rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-3d-scene: 10;--z-3d-content: 20}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.main-navigation{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center}.nav-logo{text-decoration:none;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.nav-logo:hover{opacity:.8}.logo-icon{flex-shrink:0;display:block}.logo-text{color:var(--color-primary)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-md)}.language-switcher{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}.language-switcher:hover{background-color:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.language-switcher:focus{outline:2px solid var(--color-primary);outline-offset:2px}.language-switcher .lang-code{font-weight:600;letter-spacing:.5px}.login-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;color:var(--text-on-primary);background-color:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent;cursor:pointer;min-height:44px}.login-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-button:active{transform:translateY(0)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.hero-content{position:relative;z-index:var(--z-3d-content);max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.hero-text{margin-bottom:var(--spacing-xl)}.hero-headline{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.hero-subheadline{font-size:clamp(1rem,2vw,1.5rem);color:var(--text-secondary);margin:0;line-height:1.6}.hero-3d-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-3d-scene);pointer-events:none}@media (prefers-reduced-motion: reduce){.login-button{transition:none}.login-button:hover{transform:none}.reduced-motion *{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-dark-secondary);color:var(--text-on-primary)}.btn-danger{background-color:var(--color-error);color:var(--text-on-primary)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-input.valid,.form-textarea.valid,.form-select.valid{border-color:var(--color-success)}.form-input:focus.error,.form-textarea:focus.error,.form-select:focus.error{box-shadow:0 0 0 3px #ef444433}.form-input:focus.valid,.form-textarea:focus.valid,.form-select:focus.valid{box-shadow:0 0 0 3px #10b98133}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error)}.form-textarea{min-height:100px;resize:vertical}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.card-body{margin-bottom:var(--spacing-md)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);text-transform:capitalize}.badge-new{background-color:#dbeafe;color:#1e40af}.badge-in_progress{background-color:#fef3c7;color:#92400e}.badge-waiting_for_client{background-color:#fce7f3;color:#9f1239}.badge-resolved{background-color:#d1fae5;color:#065f46}.badge-closed{background-color:var(--bg-tertiary);color:var(--text-secondary)}.loading{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.error-message{padding:var(--spacing-md);background-color:#fee2e2;border:1px solid var(--color-error);border-radius:var(--radius-md);color:#991b1b;margin-bottom:var(--spacing-md)}.success-message{padding:var(--spacing-md);background-color:#d1fae5;border:1px solid var(--color-success);border-radius:var(--radius-md);color:#065f46;margin-bottom:var(--spacing-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert-info{background-color:#dbeafe;border:1px solid var(--color-info);color:#1e40af}.alert-warning{background-color:#fef3c7;border:1px solid var(--color-warning);color:#92400e}.alert-error{background-color:#fee2e2;border:1px solid var(--color-error);color:#991b1b}.alert-success{background-color:#d1fae5;border:1px solid var(--color-success);color:#065f46}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.modal-credentials{max-width:800px;width:95%}.modal-delete-confirm{max-width:500px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.list{list-style:none;padding:0;margin:0}.list-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--bg-secondary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state-text{color:var(--text-light)}.client-generator-form{max-width:500px}.credentials-display{margin:var(--spacing-lg) 0}.credential-item{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.credential-item label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.credential-value-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.credential-value{flex:1;font-family:Courier New,monospace;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;overflow-x:auto;overflow-y:hidden;min-width:0;-webkit-user-select:all;-moz-user-select:all;user-select:all;cursor:text}.credential-value-full{white-space:normal;word-wrap:break-word;word-break:break-all;overflow-x:visible;overflow-y:visible;max-width:100%}.credential-value::-webkit-scrollbar{height:6px}.credential-value::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.credential-value::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.credential-value::-webkit-scrollbar-thumb:hover{background:#555}.credential-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#fef3c7;border:1px solid var(--color-warning);border-radius:var(--radius-md);color:#92400e}.modal-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.company-delete-icon:hover{opacity:1!important;transform:scale(1.15)}.company-delete-icon:active{transform:scale(1.05)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.ticket-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ticket-item{transition:box-shadow var(--transition-fast)}.ticket-item:hover{box-shadow:var(--shadow-md)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.ticket-id{font-size:var(--font-size-lg);color:var(--text-primary)}.ticket-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.ticket-field{margin-bottom:var(--spacing-sm)}.ticket-field label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.ticket-field p{margin:0;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.ticket-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.ticket-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ticket-meta-item label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.ticket-meta-item span{color:var(--text-primary);font-size:var(--font-size-base)}.filter-panel{margin-bottom:var(--spacing-xl)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.filter-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.filter-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.filter-row .form-group label.form-label{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-row .form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-xs)}.ticket-management-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ticket-management-item{position:relative}.ticket-client{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:400;margin-top:var(--spacing-xs)}.ticket-management-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.chat-widget{display:flex;flex-direction:column;height:500px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);overflow:hidden}.chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.chat-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);position:relative;display:flex;flex-direction:column}.chat-messages-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:70%}.chat-message.own{align-self:flex-end}.chat-message:not(.own){align-self:flex-start}.chat-message-header{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.chat-message-sender{font-weight:600}.chat-message-time{color:var(--text-light)}.chat-message-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap}.chat-message.own .chat-message-content{background-color:var(--color-primary);color:var(--text-on-primary)}.chat-input-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);resize:none;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-send-btn{align-self:flex-end}.admin-management{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.admin-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-item{transition:box-shadow var(--transition-fast)}.admin-item:hover{box-shadow:var(--shadow-md)}.admin-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.admin-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-login{font-size:var(--font-size-lg);color:var(--text-primary)}.admin-id{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-item-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-meta-item{display:flex;gap:var(--spacing-sm)}.admin-meta-item label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.admin-meta-item span{color:var(--text-primary)}.admin-form-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.admin-form-section h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary)}@media (max-width: 768px){.admin-management,.ticket-management-actions,.filter-row,.ticket-meta{grid-template-columns:1fr}.chat-widget{height:400px}.chat-message{max-width:85%}.card{padding:var(--spacing-md)}.btn{width:100%;margin-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.chat-widget{height:350px}.modal{padding:var(--spacing-md);width:95%}}.sound-preferences{padding:var(--spacing-md)}.sound-preferences-header{margin-bottom:var(--spacing-lg)}.sound-preferences-header h3{margin:0;font-size:var(--font-size-xl)}.sound-preferences-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sound-prefs-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sound-prefs-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sound-prefs-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sound-prefs-label{font-weight:500;margin-bottom:var(--spacing-xs)}.sound-prefs-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sound-prefs-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sound-prefs-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.sound-prefs-checkbox:has(input:disabled){opacity:.6;cursor:not-allowed}.sound-prefs-field label[for=sound-volume]{display:flex;justify-content:space-between;align-items:center;font-weight:500}#sound-volume{width:100%;height:6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);outline:none;-webkit-appearance:none}#sound-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}#sound-volume::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}#sound-volume:disabled{opacity:.6;cursor:not-allowed}.sound-prefs-actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-end}.sound-prefs-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-sm);animation:slideIn .3s ease-out}.sound-prefs-message-success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.sound-prefs-message-error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-btn{position:relative;background:none;border:none;padding:var(--spacing-sm);cursor:pointer;font-size:1.5rem;color:var(--text-primary);transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.notification-btn:hover{opacity:.8}.notification-btn:hover .notification-icon{transform:scale(1.05)}.notification-icon{display:block;width:22px;height:22px;transition:transform .2s ease,opacity .2s ease}.notification-btn.notification-pulse{animation:notificationPulse .6s ease-out}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.notification-badge{position:absolute;top:0;right:0;background-color:var(--color-error);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);transform:translate(25%,-25%)}.notification-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:350px;max-width:450px;max-height:500px;z-index:1000;display:flex;flex-direction:column;margin-top:var(--spacing-xs)}.notification-dropdown-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notification-dropdown-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.notification-clear-all{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.notification-clear-all:hover{background-color:var(--bg-secondary)}.notification-dropdown-body{overflow-y:auto;max-height:400px;padding:var(--spacing-xs)}.notification-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.notification-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);position:relative}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item.notification-unread{background-color:#2563eb1a;border-left:3px solid var(--color-primary)}.notification-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-type{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.notification-mark-read{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.notification-mark-read:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.notification-preview{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary);gap:var(--spacing-sm)}.notification-sender{flex:1}.notification-time{white-space:nowrap}.notification-ticket{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-top:var(--spacing-xs)}.sections-navigation{position:fixed;top:50%;transform:translateY(-50%);z-index:var(--z-sticky);transition:opacity var(--transition-base),transform var(--transition-base)}.sections-navigation-right{right:var(--spacing-lg)}.sections-navigation-left{left:var(--spacing-lg)}.sections-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg)}@media (prefers-color-scheme: dark){.sections-nav-list{background-color:#1e293be6}}.sections-nav-item{margin:0}.sections-nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md);position:relative}.sections-nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sections-nav-link.active{color:var(--color-primary)}.sections-nav-link.active .sections-nav-dot{background-color:var(--color-primary);transform:scale(1.2)}.sections-nav-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.sections-nav-link:hover .sections-nav-dot{background-color:var(--color-primary)}.sections-nav-label{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}@media (max-width: 768px){.sections-navigation{display:none}}