html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%;overflow:hidden}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.chat-container{display:flex;flex-direction:column;height:100vh;background:#fff}.chat-body{display:flex;flex:1;overflow:hidden}.chat-main{display:flex;flex-direction:column;flex:1;height:100%}.chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.header-toolbar{background:#284a7b!important;background-color:#284a7b!important;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:64px}mat-toolbar.header-toolbar{background:#284a7b!important;background-color:#284a7b!important}.header-left{display:flex;align-items:center;gap:.5rem}.menu-btn{color:#fff;display:none!important}.brand-section{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.menu-btn{display:flex!important}.brand-name{display:none}.brand-logo-image{height:32px}}.brand-logo-image{height:40px;width:auto;object-fit:contain;margin-right:.5rem}.brand-logo{font-size:1.5rem;font-weight:700;background:#fff;color:#1976d2;padding:.25rem .5rem;border-radius:4px}.brand-name{font-size:1.1rem;font-weight:500}.user-section{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-weight:500;font-size:.9rem}.user-email{font-size:.75rem;opacity:.8}.logout-btn,.dark-mode-btn{color:#fff}.logout-btn:hover,.dark-mode-btn:hover{background:#ffffff1a}body.dark-mode{background:#1a1a1a;color:#e0e0e0}body.dark-mode .chat-container{background:#1a1a1a}body.dark-mode .sidebar-container{background:#2d2d2d;border-right-color:#404040}body.dark-mode .new-chat-btn{background:#404040;border-color:#555;color:#e0e0e0}body.dark-mode .new-chat-btn:hover{background:#4a4a4a}body.dark-mode .chat-item{color:#e0e0e0}body.dark-mode .chat-item:hover{background:#404040}body.dark-mode .chat-title{color:#e0e0e0}body.dark-mode .chat-preview{color:#b0b0b0}body.dark-mode .chat-item.selected{background:#284a7b;color:#fff}body.dark-mode .chat-item.selected .chat-title{color:#fff}body.dark-mode .chat-item.selected .chat-preview{color:#fffc}body.dark-mode .edit-btn{color:#e0e0e0!important}body.dark-mode .delete-btn{color:#ff6b6b!important}body.dark-mode .message.ai-message .message-content{background:#2d2d2d;color:#e0e0e0}body.dark-mode .input-container{background:#1a1a1a;border-top-color:#404040}body.dark-mode .message-input{background:#2d2d2d;border-color:#555;color:#e0e0e0}body.dark-mode .message-input:focus{border-color:#284a7b}.sidebar-container{width:300px;height:100vh;background:#f7f7f8;border-right:1px solid #e5e5e5;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar-container{width:100%;position:fixed;top:64px;left:-100%;z-index:1000;transition:left .3s ease}.sidebar-container.open{left:0}.chat-main{width:100%;margin:0}}@media (max-width: 480px){.sidebar-container{width:100vw}.chat-title{font-size:.8rem}.chat-preview{font-size:.7rem}.new-chat-btn{padding:.5rem;font-size:.875rem}}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e5e5}.new-chat-btn{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:.5rem;color:#374151}.new-chat-btn:hover{background:#f9fafb}.chat-history{flex:1;overflow-y:scroll;padding:1rem 0;scrollbar-width:thin;scrollbar-color:#d1d5db #f7f7f8;min-height:0}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#f7f7f8;border-radius:3px}.chat-history::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-history::-webkit-scrollbar-thumb:hover{background:#9ca3af}.history-section{padding:0 1rem}.history-section h3{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin:0 0 .5rem;letter-spacing:.05em}.chat-item{display:flex;align-items:center;padding:.5rem .75rem;margin:0;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.chat-item:hover{background:#e5e7eb}.chat-item.selected{background:#ccd3e1;color:#fff}.chat-item.selected .chat-title{color:#fff}.chat-item.selected .chat-preview{color:#fffc}.chat-item:hover .delete-btn{opacity:1}.chat-content{flex:1;min-width:0}.chat-title{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn{opacity:0;transition:opacity .2s;color:#6b7280}.delete-btn:hover{color:#dc2626;background:#dc26261a}.messages-container{flex:1;min-height:0;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.messages-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.message{display:flex;max-width:70%;min-width:0;overflow:hidden}.message.user-message{align-self:flex-end}.message.user-message .message-content{background:#284a7b;color:#fff;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.message.ai-message{align-self:flex-start}.message.ai-message .message-content{background:#f1f3f4;color:#333;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.message-content{padding:.75rem 1rem;border-radius:1rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.message-text{margin-bottom:.25rem;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.message-time{font-size:.75rem;opacity:.7}.input-container{padding:.5rem 1rem;border-top:1px solid #e5e5e5;background:#fff;flex-shrink:0}.input-wrapper{display:flex;gap:.5rem;align-items:flex-end;max-width:1000px;margin:0 auto}.message-input{flex:1;padding:1rem 1.25rem;border:1px solid #d1d5db;border-radius:.75rem;resize:none;font-family:inherit;font-size:1rem;min-height:60px;max-height:200px;line-height:1.5;overflow-y:auto}.message-input:focus{outline:none;border-color:#284a7b;box-shadow:0 0 0 2px #284a7b40}.send-button,.mic-button{padding:.75rem;background:#284a7b;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.send-button:hover:not(:disabled),.mic-button:hover:not(:disabled){background:#1e3a66}.send-button:disabled,.mic-button:disabled{background:#6c757d;cursor:not-allowed}.mic-button{background:#28a745}.mic-button:hover{background:#218838}.mic-button.recording{background:#dc3545;animation:pulse 1s infinite}.mic-button.recording:hover{background:#c82333}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e5e5;background:transparent}.chat-controls-left,.chat-controls-right{display:flex;align-items:center}.toggle-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.toggle-container input[type=checkbox]{display:none}.toggle-slider{width:40px;height:20px;background:#ccc;border-radius:20px;position:relative;transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s}.toggle-container input:checked+.toggle-slider{background:#284a7b}.toggle-container input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{color:#666;font-weight:500}.model-dropdown{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;min-width:200px}.model-dropdown:focus{outline:none;border-color:#284a7b;box-shadow:0 0 0 2px #284a7b40}.sidebar-container.hidden{display:none}body.dark-mode .chat-controls{border-bottom-color:#404040}body.dark-mode .toggle-label{color:#e0e0e0}body.dark-mode .model-dropdown{background:#2d2d2d;border-color:#555;color:#e0e0e0}body.dark-mode .model-dropdown:focus{border-color:#284a7b}body.dark-mode .welcome-container{background:#1a1a1a;color:#e0e0e0}body.dark-mode .welcome-content h1{color:#e0e0e0!important}body.dark-mode .welcome-content p{color:#b0b0b0}body.dark-mode .divider-line{background-color:#404040}body.dark-mode .divider-text{color:#b0b0b0}.mobile-new-chat-btn{display:none!important;background:#284a7b;color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.mobile-new-chat-btn:hover{background:#1e3a66}@media (max-width: 768px){.mobile-new-chat-btn{display:flex!important;align-items:center;gap:.5rem}}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:#87a2ca;padding:1rem;overflow-y:auto}.login-content{text-align:center;max-width:600px;width:100%;padding:2rem}.company-logo{margin-bottom:2rem}.logo-image-large{width:200px;height:200px;object-fit:contain;margin:0 auto;display:block;max-width:100%;height:auto}.login-title{color:#284a7b;font-size:2rem;font-weight:600;margin:1rem 0;text-align:center;line-height:1.2}.logo-circle{width:80px;height:80px;background:#284a7b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto}.isg-description{margin-bottom:2rem}.isg-description p{color:#333;font-size:1.1rem;line-height:1.6;max-width:500px;margin:0 auto}.login-button{height:56px;font-size:1.1rem;font-weight:500;padding:0 2rem;background:#cc7c05!important;min-width:200px}.sso-button mat-icon{margin-right:.5rem}.login-footer{border-top:1px solid #eee;padding-top:1rem}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#666;font-size:.8rem;margin:0}.security-note mat-icon{font-size:1rem;width:1rem;height:1rem}@media (max-width: 768px){.login-container{padding:.5rem}.login-content{padding:1.5rem}.logo-image-large{width:150px;height:150px}.login-title{font-size:1.5rem}.isg-description p{font-size:1rem}.login-button{width:100%;max-width:300px}}@media (max-width: 480px){.login-content{padding:1rem}.logo-image-large{width:120px;height:120px}.login-title{font-size:1.3rem;margin:.5rem 0}.company-logo,.isg-description{margin-bottom:1.5rem}.isg-description p{font-size:.9rem;line-height:1.5}.login-button{font-size:1rem;height:48px;padding:0 1.5rem}}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;width:100%}.welcome-content{text-align:center;width:75%}.welcome-content h1{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#374151}.welcome-content p{font-size:1rem;color:#6b7280;margin-bottom:2rem}.centered-input{width:100%;max-width:90vw;margin:0}.centered-input .input-container{padding:0;border:none;background:transparent}.centered-input .input-wrapper{max-width:none;width:100%;position:relative;background:#f7f7f8;border:1px solid #d1d5db;border-radius:2rem;padding:1rem 1.5rem;box-shadow:0 0 15px #0000001a;display:flex;align-items:flex-end;gap:1rem}.centered-input .message-input{border:none;background:transparent;padding:.75rem .5rem;font-size:1.1rem;height:24px;resize:none;outline:none;width:100%;overflow-y:auto;line-height:1.5}.centered-input .message-input:focus{border:none;outline:none;box-shadow:none}.centered-input .send-button{position:static;flex-shrink:0;width:36px;height:36px;border-radius:.5rem;background:#284a7b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.centered-input .send-button:hover:not(:disabled){background:#1e3a66}.centered-input .send-button:disabled{background:#6c757d;cursor:not-allowed}.centered-input .send-button svg{width:18px;height:18px;color:#fff}.horizontal-divider{display:flex;align-items:center;margin:1rem 0;width:100%}.divider-line{flex:1;height:1px;background-color:#ccc}.divider-text{padding:0 1rem;color:#666;font-size:.9rem}.centered-input{width:100%;max-width:1600px;margin:0 auto}.centered-input .input-wrapper{max-width:1600px;width:100%}.centered-input .message-input{width:100%;min-height:60px;font-size:1.1rem}app-message-list{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:60px}app-message-input{flex-shrink:0}.minimal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:transparent;position:absolute;top:0;right:0;z-index:1000;width:auto;border:none}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:flex}}.user-section{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-info{display:flex;flex-direction:column;align-items:flex-end;font-size:.875rem}.user-name{font-weight:500;color:#333}.user-email{color:#666;font-size:.75rem}.logout-btn{color:#666!important}.logout-btn:hover{color:#333!important;background:#0000000a!important}.initialization-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.25rem;color:#6b7280}.initialization-loading .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #284A7B;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}