@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.app-container{min-height:100vh;display:flex;flex-direction:column}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.space-y-md>*+*{margin-top:var(--space-md)}.conversation-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.conversation-content{display:flex;flex-direction:column;gap:4px}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.noscript-warning{padding:var(--space-lg);background-color:#fff8e1;border:1px solid #ffd54f;border-radius:var(--radius-sm);margin:var(--space-md)}.language-switcher{position:relative;width:fit-content}.language-flag-btn{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border-subtle);background:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.language-flag-btn:hover{transform:translateY(-1px);border-color:var(--brand-blue);box-shadow:0 4px 12px #0000001a}.language-emoji{font-size:1.2rem;line-height:1}.language-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:160px;z-index:100;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-menu-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;border:none;background:transparent;color:var(--text-main);font-size:.9rem;cursor:pointer;text-align:left;width:100%;transition:background-color .1s ease}.language-menu-item:hover{background:#1919700f}.language-menu-item.active{background:#1919701a;color:var(--brand-blue);font-weight:600}.language-menu-item .check{margin-left:auto;color:var(--brand-blue)}.profile-avatar{width:32px;height:32px;background-color:var(--brand-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.file-previews{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.file-preview-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px;display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem}.file-preview-item .file-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:0 4px;line-height:1}.btn-remove:hover{color:var(--brand-orange)}.message-attachments{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.attachment-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;font-size:.85rem;opacity:.9;transition:opacity .2s}.attachment-link:hover{opacity:1;text-decoration:underline}.sent .attachment-link{color:#fff}.message-actions{display:flex;justify-content:flex-end;margin-top:4px}.translate-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;background:#ffffff14;border:1px solid rgba(0,0,0,.08);cursor:pointer;opacity:.82;transition:opacity .15s ease,transform .15s ease,background .15s ease;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.translate-btn:hover{opacity:1;transform:translateY(-1px)}.translate-btn:disabled{cursor:wait;opacity:.6}.sent .translate-btn{color:#ffffffb3;background:#ffffff14;border-color:#ffffff1f}.received .translate-btn{color:var(--text-muted);background:#00000008;border-color:#00000014}.translate-btn .spin{animation:spin 1s linear infinite}.translate-btn svg{flex:0 0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-app: #F4F5F6;--bg-surface: #FFFFFF;--border-subtle: #E2E5E9;--brand-blue: #191970;--brand-orange: #ff9d00;--brand-blue-light: #202882;--text-main: #1D1D1F;--text-muted: #86868B;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .04);--transition-fast: all .15s ease-out;--transition-normal: all .25s ease-out}html,body{margin:0;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-main);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.mono{font-family:JetBrains Mono,Courier New,monospace}.uppercase{text-transform:uppercase;letter-spacing:.05em}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:grid;grid-template-columns:280px 1fr;flex:1;gap:var(--space-md);padding:var(--space-md)}.sidebar{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 80px)}.content-area{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;position:relative}.navbar{background-color:var(--brand-blue);color:#fff;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);z-index:100;position:sticky;top:0;min-width:0}.navbar-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;min-width:0}.navbar-actions{display:flex;align-items:center;gap:var(--space-md);min-width:0;flex-shrink:0}.nav-btn{background:transparent;border:none;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.nav-btn:hover{background-color:#ffffff1a}.nav-btn.active{background-color:#fff3}.nav-icon{width:24px;height:24px}.profile-info{display:flex;align-items:center;gap:var(--space-sm)}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-sm);background:transparent;border:none;color:#fff;cursor:pointer;font:inherit;padding:0}.profile-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:180px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:var(--transition-fast);z-index:200}.profile-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.profile-item{width:100%;background:transparent;border:none;padding:.6rem .75rem;text-align:left;color:var(--text-main);font-size:.9rem;cursor:pointer}.profile-item:hover{background-color:#0000000a}.conversation-list{overflow-y:auto;flex:1;padding:var(--space-sm)}.conversation-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer;position:relative}.conversation-item:hover{background-color:#0033a00d}.conversation-item.resolved{opacity:.6}.conversation-item.resolved .conversation-title{color:var(--text-muted)}.resolved-checkmark{color:#2e933c;font-weight:700;margin-left:4px}.conversation-item.active{background-color:#0033a01a;border-left:3px solid var(--brand-blue)}.conversation-item.unread:after{content:"";position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--brand-orange);border-radius:50%}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.conversation-title{font-weight:500;font-size:.9rem}.conversation-meta{font-size:.75rem;color:var(--text-muted)}.conversation-detail{display:flex;flex-direction:column;flex:1;overflow:hidden}.conversation-header-detail{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column}.conversation-header-mobile-row{display:none;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.conversation-header-main{display:flex;justify-content:space-between;align-items:center;min-width:0}.conversation-title-group{min-width:0;flex:1}.conversation-title-detail{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0;max-width:100%;overflow:hidden;font-size:1.25rem;font-weight:600;margin:0}.conversation-title-ticket{flex:0 0 auto}.conversation-title-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-title-group{cursor:pointer}.conversation-title-group.expanded .conversation-title-text{white-space:normal;word-break:break-word}.form-expand-btn{display:none;width:100%;padding:var(--space-sm);background:transparent;border:none;cursor:pointer;justify-content:center;align-items:center}.form-expand-btn .chevron{transition:transform .2s ease}.form-expand-btn .chevron.up{animation:chevronPulse 2s ease-in-out infinite}@keyframes chevronPulse{0%,to{transform:translateY(0)}15%{transform:translateY(-3px)}30%{transform:translateY(0)}45%{transform:translateY(-2px)}60%{transform:translateY(0)}}.new-message-form.collapsed,.hr-new-message-form.collapsed{display:none}.conversation-actions{display:flex;gap:var(--space-sm)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.message-row{display:flex;width:100%}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-sm)}.message-bubble.sent{background-color:var(--brand-blue);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.received{background-color:#f0f2f5;color:var(--text-main);border-bottom-left-radius:var(--radius-sm)}.message-bubble.hr{background-color:var(--brand-blue);color:#fff}.message-bubble.hr .message-content,.message-bubble.hr .message-meta,.message-bubble.hr .message-sender,.message-bubble.hr .message-timestamp{color:#fff}.message-bubble.hr.received{border-left:3px solid var(--brand-blue)}.message-bubble.user{background-color:#e5e5ea;color:var(--text-main)}.message-bubble.user .message-content,.message-bubble.user .message-meta,.message-bubble.user .message-sender,.message-bubble.user .message-timestamp{color:var(--text-main)}.message-bubble.user.received{border-left:3px solid rgba(0,0,0,.08)}.message-bubble.anonymous{background-color:#f0f2f5;color:var(--text-main);border-left:3px solid var(--brand-orange)}.message-bubble.anonymous .message-content,.message-bubble.anonymous .message-meta,.message-bubble.anonymous .message-sender,.message-bubble.anonymous .message-timestamp{color:var(--text-main)}.message-bubble.sent.hr{background-color:var(--brand-blue)}.message-content{margin:0;font-size:.9rem;line-height:1.4}.message-translation{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.message-bubble.sent .message-translation{border-top-color:#ffffff24}.translation-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:4px}.translated-message-content{opacity:.98}.message-meta{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:.75rem}.message-sender{color:#fffc}.message-bubble.received .message-sender{color:var(--text-muted)}.message-timestamp{color:#fff9}.message-bubble.received .message-timestamp{color:var(--text-muted)}.new-message-form{padding:var(--space-md);border-top:1px solid var(--border-subtle);background-color:var(--bg-surface)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.85rem;font-weight:500;color:var(--text-main)}.form-input{width:100%;padding:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px #0033a01a}.form-textarea{min-height:100px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:var(--space-sm)}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-blue)}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary{background-color:var(--brand-blue);color:#fff;box-shadow:inset 0 1px #fff3}.btn-primary:hover{background-color:var(--brand-blue-light)}.btn-secondary{background-color:transparent;color:var(--brand-blue);border:1px solid var(--brand-blue)}.btn-secondary:hover{background-color:#0033a00d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-small{padding:.25rem .75rem;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-xl);text-align:center}.empty-state h3{margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,51,160,.1);border-radius:50%;border-top-color:var(--brand-blue);animation:spin 1s ease-in-out infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:var(--space-xl)}.error-container h2{color:#e74c3c;margin-bottom:var(--space-md)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,Courier New,monospace;transition:background-color .2s ease,color .2s ease}.origin-badge{display:inline-flex;align-items:center;margin-left:var(--space-sm);padding:.15rem .5rem;border-radius:8px;font-size:.65rem;font-weight:500;background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.status-button{border:none;cursor:pointer;background:transparent;transition:background-color .2s ease,color .2s ease}.status-button.status-resolved{cursor:default}.status-button.status-open:hover{background-color:#2e933c26;color:var(--forest-green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1273;display:flex;align-items:center;justify-content:center;z-index:300;animation:modalFade .2s ease-out}.modal-card{width:min(420px,90vw);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);padding:var(--space-lg);animation:modalRise .2s ease-out}.modal-card h3{margin:0 0 var(--space-sm) 0}.modal-card p{margin:0 0 var(--space-md) 0;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.status-pending{background-color:#ff66001a;color:var(--brand-orange)}.anonymous-indicator{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.8rem}.anonymous-icon{width:16px;height:16px}.decal-stripe{position:absolute;height:3px;background:linear-gradient(90deg,var(--brand-blue) 0%,var(--brand-orange) 100%)}.conversation-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-blue) 40px,var(--brand-orange) 80px,transparent 80px)}.message-bubble:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-blue) 20px,var(--brand-orange) 40px,transparent 40px);opacity:.2}.glass-effect{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.hr-answering-machine{display:grid;grid-template-columns:320px 1fr;flex:1;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-app)}.hr-sidebar{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 120px)}.hr-content-area{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.hr-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.hr-conversation-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.hr-conversation-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);position:relative}.hr-conversation-item:hover{background-color:#0033a00d}.hr-conversation-item.resolved{opacity:.6}.hr-conversation-item.resolved .hr-conversation-title{color:var(--text-muted)}.hr-conversation-item.active{background-color:#0033a01a;border-left:3px solid var(--brand-blue)}.hr-conversation-item.unread:after{content:"";position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--brand-orange);border-radius:50%}.hr-conversation-content{display:flex;flex-direction:column;gap:4px}.hr-conversation-title{font-weight:500;font-size:.9rem}.hr-conversation-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:var(--space-sm);align-items:center}.hr-conversation-meta .participant-name{font-size:.7rem}.hr-conversation-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.hr-conversation-actions{display:flex;gap:var(--space-sm);align-items:center}.hr-messages-container{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.hr-new-message-form{padding:var(--space-md);border-top:1px solid var(--border-subtle);background-color:var(--bg-surface)}.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-xl);text-align:center}.hr-conversation-management{flex:1;padding:var(--space-md);background-color:var(--bg-app);display:flex;flex-direction:column}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.management-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.tab-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:var(--transition-fast)}.tab-btn.active{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.tab-btn:hover{color:var(--brand-blue)}.management-controls{margin-bottom:var(--space-md)}.search-box{max-width:400px}.management-content{flex:1;display:flex;gap:var(--space-md);overflow:hidden}.assignment-panel{width:300px;background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md)}.assignment-form{display:flex;flex-direction:column;gap:var(--space-md)}.conversation-table{flex:1;overflow:hidden;background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:auto}.conversation-table.with-assignment{flex:none;width:calc(100% - 320px)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-sm) var(--space-md);text-align:left;background-color:var(--bg-surface);position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border-subtle)}.data-table th.status-col,.data-table td.status-col{width:140px;min-width:140px}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.data-table tbody tr{cursor:pointer}.data-table tr:hover{background-color:#0033a008}.resolved-row{opacity:.7}.resolved-row td{text-decoration:line-through}.text-center{text-align:center}.select-compact{padding:.35rem .5rem;font-size:.85rem;background-color:var(--bg-surface)}.status-open{background-color:#0033a01a;color:var(--brand-blue)}.status-resolved{background-color:#2e933c1a;color:var(--forest-green)}.btn-success{background-color:var(--forest-green);color:#fff}.btn-success:hover{background-color:#258a32}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--brand-blue)}input:focus+.slider{box-shadow:0 0 1px var(--brand-blue)}input:checked+.slider:before{transform:translate(14px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.flex{display:flex}.items-center{align-items:center}.gap-sm{gap:8px}.language-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.language-option{padding:12px 16px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;transition:all .2s}.language-option:hover{background:var(--bg-app);border-color:var(--brand-blue)}.language-option.active{background:#0033a00d;border-color:var(--brand-blue);color:var(--brand-blue);font-weight:600}.mobile-only{display:none}.desktop-only{display:inline-flex}.fab-button{position:fixed;right:var(--space-lg);bottom:var(--space-lg);width:56px;height:56px;border-radius:50%;background-color:var(--brand-blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:none;cursor:pointer;z-index:500;transition:transform .2s ease,background-color .2s ease}.fab-button:hover{background-color:var(--brand-blue-light);transform:scale(1.05)}.fab-button:active{transform:scale(.95)}@media (max-width: 768px){.mobile-only{display:inline-flex}.desktop-only,.main-content.sidebar-active .content-area,.main-content.content-active .sidebar{display:none}.main-content.content-active .content-area,.main-content.sidebar-active .sidebar{display:flex;width:100%}.hr-answering-machine.sidebar-active .hr-content-area,.hr-answering-machine.content-active .hr-sidebar{display:none}.hr-answering-machine.content-active .hr-content-area,.hr-answering-machine.sidebar-active .hr-sidebar{display:flex;width:100%}.hr-answering-machine,.main-content{grid-template-columns:1fr;padding:var(--space-sm)}.sidebar,.hr-sidebar,.content-area,.hr-content-area{height:calc(100vh - 100px)}.navbar{padding:var(--space-xs) var(--space-sm)}.navbar-title span{display:none}.navbar-title .nav-icon{width:28px;height:28px}.nav-btn{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.navbar-actions{gap:var(--space-sm)}.profile-menu{flex-shrink:0}.navbar-mobile-menu{position:relative;flex-shrink:0}.hamburger-button{background:transparent;border:none;color:#fff;padding:var(--space-xs);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:160px;z-index:200;display:flex;flex-direction:column}.conversation-header-mobile-row{display:flex}.conversation-header-main{flex-direction:column;align-items:flex-start}.conversation-actions.desktop-only{display:none}.hr-conversation-header{flex-direction:column;align-items:flex-start}.hr-conversation-actions.desktop-only{display:none}.form-expand-btn{display:flex}.conversation-title-group{width:100%}.conversation-title-group:not(.expanded) .conversation-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title-group.expanded .conversation-title-text{white-space:normal;overflow:visible;text-overflow:clip}.mobile-dropdown-item{width:100%;background:transparent;border:none;padding:.7rem 1rem;text-align:left;color:var(--text-main);font-size:.9rem;cursor:pointer;transition:background-color .15s ease}.mobile-dropdown-item:hover{background:#1919700f}.mobile-dropdown-item.active{color:var(--brand-blue);font-weight:600}}.landing-page{flex:1;display:flex;flex-direction:column;background-color:var(--bg-app);min-height:100vh}.landing-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);position:relative;background:linear-gradient(180deg,var(--bg-app) 0%,rgba(25,25,112,.02) 100%)}.landing-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-blue) 30%,var(--brand-orange) 50%,transparent 70%)}.landing-hero-content{max-width:480px;z-index:2}.landing-brand-mark{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.landing-logo-icon{width:160px;height:160px;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;animation:logoSpin 20s linear infinite}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-logo-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 32px rgba(25,25,112,.2))}.landing-title-main{font-size:2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-md);line-height:1.2;color:var(--text-main)}.landing-subtitle-main{font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-xl);max-width:400px;margin-left:auto;margin-right:auto}.landing-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;border-radius:12px;box-shadow:0 4px 16px #19197040;transition:transform .15s ease,box-shadow .15s ease}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1919704d}.landing-trust{background:var(--bg-surface);padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--border-subtle)}.trust-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle)}.trust-item:last-child{border-bottom:none}.trust-icon{flex-shrink:0;width:40px;height:40px;background:#1919700f;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--brand-blue)}.trust-icon svg{width:22px;height:22px}.trust-content h4{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.trust-content p{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.landing-footer{padding:var(--space-lg);text-align:center;background:var(--bg-surface);border-top:1px solid var(--border-subtle);position:relative}.footer-decal{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--brand-orange),var(--brand-blue));border-radius:0 0 2px 2px}.footer-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xs);color:var(--text-muted);font-size:.85rem}.footer-divider{opacity:.3}.footer-copyright{color:var(--text-muted);font-size:.75rem;opacity:.6}@media (max-width: 768px){.landing-hero{padding:var(--space-xl) var(--space-md);min-height:60vh}.landing-title-main{font-size:1.75rem}.landing-subtitle-main{font-size:.95rem}.landing-trust{padding:var(--space-lg) var(--space-md)}.trust-item{padding:var(--space-sm) 0}.trust-icon{width:36px;height:36px}.trust-content h4{font-size:.85rem}.trust-content p{font-size:.8rem}.footer-content{flex-direction:column;gap:var(--space-xs)}}
