:root{--primary-color: #6366f1;--primary-hover: #5855eb;--primary-light: #e0e7ff;--secondary-color: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--voice-color: #f093fb;--voice-hover: #f5576c;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}[data-theme=dark]{--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: #312e81;--secondary-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--border-light: #1e293b;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--voice-color: #f093fb;--voice-hover: #f5576c;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center;padding:1rem}[data-theme=dark] body{background:linear-gradient(135deg,#1e293b,#0f172a)}.app-container{display:flex;height:100vh;width:100%;max-width:1400px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transition:all .3s ease;position:relative}.selectable-content{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:auto;position:relative}.selectable-content p,.selectable-content span,.selectable-content h3,.selectable-content strong,.selectable-content .info-item span,.selectable-content .job-requirement span{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.selectable-content .business-icon,.selectable-content .product-image,.selectable-content .president-avatar,.selectable-content svg,.selectable-content button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.text-selection-highlight{background:linear-gradient(120deg,#6366f133,#6366f11a);border-radius:.25rem;padding:.125rem .25rem;margin:-.125rem -.25rem;transition:all .3s ease;position:relative}.selection-actions{position:fixed;top:-50px;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:.5rem;display:flex;gap:.5rem;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-actions.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.selection-actions:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-primary)}.selection-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.selection-action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.selection-action-btn svg{width:14px;height:14px;flex-shrink:0}.selection-action-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.selection-action-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.selection-context-info{position:fixed!important;bottom:2rem;right:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;max-width:300px;box-shadow:var(--shadow-xl);z-index:10000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.selection-context-info.show{opacity:1;visibility:visible;transform:translateY(0)}.selection-context-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.selection-context-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.selection-context-close{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.selection-context-close:hover{background:var(--error-color);color:#fff}.selection-context-close svg{width:12px;height:12px}.selection-context-text{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem;max-height:60px;overflow:hidden;text-overflow:ellipsis}.selection-context-source{font-size:.7rem;color:var(--text-muted);margin-bottom:.75rem;padding:.25rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.selection-context-actions{display:flex;gap:.5rem}.selection-context-btn{flex:1;padding:.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.selection-context-btn:hover,.selection-context-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sidebar{width:320px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:relative;transition:all .3s ease}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--border-color) 20%,var(--border-color) 80%,transparent 100%)}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--border-light)}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.logo-icon svg{width:24px;height:24px}.logo-text h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.logo-text span{font-size:.875rem;color:var(--text-muted);font-weight:500}.sidebar-content{flex:1;padding:1.5rem;overflow-y:auto}.status-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.status-indicator{width:12px;height:12px;border-radius:50%;position:relative}.status-indicator.online{background:var(--success-color);box-shadow:0 0 0 2px #10b98133}[data-theme=dark] .status-indicator.online{box-shadow:0 0 0 2px #34d39933}.status-indicator.online:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--success-color);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.status-text{display:flex;flex-direction:column}.status-title{font-weight:600;color:var(--text-primary);font-size:.875rem}.status-subtitle{font-size:.75rem;color:var(--text-muted)}.info-section{margin-top:2rem}.info-section h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.feature-list{list-style:none;space-y:.75rem}.feature-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;transition:all .2s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.feature-list li:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translate(4px)}.feature-list li.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translate(4px)}.feature-list li svg{width:16px;height:16px;color:currentColor;flex-shrink:0}.voice-controls{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem;margin-top:1rem}.volume-control{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.volume-control label{font-size:.75rem;color:var(--text-secondary);font-weight:500;min-width:40px}.volume-slider{flex:1;height:4px;background:var(--border-light);border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-sm)}#volumeValue{font-size:.75rem;color:var(--text-muted);min-width:35px;text-align:right}.voice-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.voice-indicator{width:8px;height:8px;background:var(--success-color);border-radius:50%}.settings-controls{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem;margin-top:1rem}.theme-toggle{display:flex;align-items:center}.theme-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;width:100%;position:relative;overflow:hidden}.theme-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.theme-btn:active{transform:translateY(0)}.theme-icon{width:16px;height:16px;transition:all .3s ease}.theme-btn .moon-icon{opacity:0;transform:rotate(180deg) scale(.8);position:absolute;left:.75rem}[data-theme=dark] .theme-btn .sun-icon{opacity:0;transform:rotate(180deg) scale(.8)}[data-theme=dark] .theme-btn .moon-icon{opacity:1;transform:rotate(0) scale(1);position:static}.theme-text{font-weight:500}.history-controls,.help-controls{display:flex;gap:.5rem;margin-top:1rem}.control-btn,.help-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.control-btn:hover,.help-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.control-btn svg,.help-btn svg{width:14px;height:14px}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.company-info{text-align:center;font-size:.75rem;color:var(--text-muted)}.company-info strong{display:block;color:var(--text-secondary);font-weight:600;margin-top:.25rem}.main-content{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);position:relative;overflow:hidden}.page-content{display:none;flex-direction:column;height:100%;overflow:hidden}.page-content.active{display:flex}.chat-page{background:var(--bg-primary)}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);position:relative}.chat-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--border-color) 80%,transparent 100%)}.chat-title h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.chat-subtitle{font-size:.875rem;color:var(--text-muted)}.chat-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-muted);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.action-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn#toggleMode{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite,voiceGlow 2s ease-in-out infinite;border-color:transparent;color:#fff;box-shadow:0 0 20px #ff6b6b66}.action-btn#toggleMode:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(45deg);animation:shimmer 2s linear infinite}.action-btn#toggleMode:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:calc(var(--radius-md) - 2px);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;animation:innerGlow 2s ease-in-out infinite}.action-btn#toggleMode:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px #ff6b6b99,0 0 40px #4ecdc44d;animation:gradientShift 1s ease-in-out infinite,voiceGlow 1s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes voiceGlow{0%,to{box-shadow:0 0 20px #ff6b6b66,0 0 30px #4ecdc433}50%{box-shadow:0 0 30px #ff6b6bcc,0 0 40px #4ecdc466,0 0 50px #45b7d14d}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes innerGlow{0%,to{opacity:0}50%{opacity:1}}.action-btn.voice-mode{background:linear-gradient(135deg,var(--voice-color) 0%,var(--voice-hover) 100%)!important;border-color:var(--voice-hover);color:#fff;animation:voiceActiveGlow 2s ease-in-out infinite;box-shadow:0 0 25px #f093fb99}@keyframes voiceActiveGlow{0%,to{box-shadow:0 0 25px #f093fb99}50%{box-shadow:0 0 35px #f093fbe6,0 0 45px #f5576c66}}.action-btn svg{width:18px;height:18px;z-index:1}.mobile-menu-btn{display:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:11;position:relative}.mobile-sidebar-overlay{display:none!important}.messages-area{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.welcome-message{display:flex;align-items:flex-start;gap:1rem;max-width:600px;margin-bottom:2rem}.welcome-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-md)}.welcome-avatar svg{width:20px;height:20px}.welcome-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.welcome-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.welcome-shortcuts{margin-top:1rem}.shortcut-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);background:var(--bg-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.shortcut-hint kbd{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--text-primary);box-shadow:0 1px 0 var(--border-color)}.message{display:flex;margin-bottom:1.5rem;animation:messageSlide .4s ease-out;position:relative}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;padding:1rem 1.25rem;border-radius:var(--radius-xl);position:relative;box-shadow:var(--shadow-sm);word-wrap:break-word;line-height:1.6}.message.user .message-content{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message.assistant .message-content{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-sm)}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 .75rem;flex-shrink:0}.message.user .message-avatar{background:var(--primary-light);color:var(--primary-color);order:2}.message.assistant .message-avatar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff}.message-avatar svg{width:16px;height:16px}.copy-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;box-shadow:var(--shadow-sm)}.message:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.copy-btn svg{width:12px;height:12px}.loading-message{justify-content:flex-start}.loading-message .message-content{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-secondary);display:flex;align-items:center;gap:.75rem}.loading-dots{display:flex;gap:.25rem}.loading-dots span{width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.streaming-message .message-content{position:relative}.streaming-message .message-content:after{content:"|";animation:blink 1s infinite;color:var(--primary-color);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.interim-text{opacity:.6;font-style:italic;color:var(--text-muted)}.typing-indicator{display:none;align-items:center;gap:.75rem;padding:0 2rem 1rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.typing-indicator.show{display:flex;opacity:1;transform:translateY(0)}.typing-avatar{width:32px;height:32px;background:var(--primary-light);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.typing-avatar svg{width:16px;height:16px}.typing-text{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.typing-dots{display:flex;gap:.25rem}.typing-dots span{width:4px;height:4px;background:var(--primary-color);border-radius:50%;animation:typingDots 1.4s ease-in-out infinite both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.input-area{padding:1.5rem 2rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-light);position:relative}.input-area:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--border-color) 80%,transparent 100%)}.input-container{max-width:800px;margin:0 auto}.input-wrapper{display:flex;align-items:flex-end;gap:.75rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:.75rem;transition:all .2s ease;position:relative}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-primary)}#messageInput{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary);resize:none;outline:none;min-height:20px;max-height:120px;font-family:inherit;line-height:1.5;display:flex;align-items:center;padding:.5rem 0}#messageInput::-moz-placeholder{color:var(--text-muted)}#messageInput::placeholder{color:var(--text-muted)}#messageInput:disabled{opacity:.6;cursor:not-allowed}.send-btn{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-md);flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.send-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg)}.send-btn:active{transform:translateY(0) scale(1)}.send-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.send-btn svg{width:18px;height:18px;transition:transform .2s ease}.send-btn:hover:not(:disabled) svg{transform:rotate(45deg)}.input-footer{margin-top:.75rem;text-align:center}.input-hint{font-size:.75rem;color:var(--text-muted)}.voice-input-area{padding:2rem;background:var(--bg-primary);border-top:1px solid var(--border-light);position:relative}.voice-input-area:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--border-color) 80%,transparent 100%)}.voice-container{max-width:500px;margin:0 auto;text-align:center}.voice-button{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border:none;cursor:pointer;position:relative;margin:0 auto 1.5rem;display:block;transition:all .3s ease;box-shadow:var(--shadow-xl);color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.voice-button:hover{transform:scale(1.05)}.voice-button.recording{animation:voicePulse 1.5s infinite;background:linear-gradient(135deg,var(--voice-color) 0%,var(--voice-hover) 100%)}@keyframes voicePulse{0%{box-shadow:0 0 #f5576cb3}70%{box-shadow:0 0 0 30px #f5576c00}to{box-shadow:0 0 #f5576c00}}.voice-icon{width:48px;height:48px}.voice-status-text{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.voice-footer{text-align:center}.voice-hint{font-size:.75rem;color:var(--text-muted)}.page-header{padding:2rem;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;text-align:center}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{font-size:1.125rem;opacity:.9}.page-body{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-secondary)}.page-body::-webkit-scrollbar{width:6px}.page-body::-webkit-scrollbar-track{background:transparent}.page-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.page-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.content-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.content-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.company-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.info-item strong{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:1rem;color:var(--text-primary);font-weight:500}.vision-card,.mission-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-light)}.vision-card h3,.mission-card h3{font-size:1.125rem;font-weight:600;color:var(--primary-color);margin-bottom:.75rem}.vision-card p,.mission-card p{color:var(--text-secondary);line-height:1.6}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.business-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease}.business-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.business-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.business-icon svg{width:30px;height:30px}.business-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.business-card p{color:var(--text-secondary);line-height:1.6}.product-list{display:flex;flex-direction:column;gap:2rem}.product-item{display:flex;gap:2rem;background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease}.product-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.product-image{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.product-image svg{width:40px;height:40px}.product-content{flex:1}.product-content h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.product-features{display:flex;gap:.5rem;flex-wrap:wrap}.feature-tag{background:var(--primary-light);color:var(--primary-color);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.president-profile{display:flex;align-items:center;gap:2rem;background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.president-avatar{width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.president-avatar svg{width:50px;height:50px}.president-info h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.president-title{font-size:1rem;color:var(--text-muted);font-weight:500}.column-list{display:flex;flex-direction:column;gap:1.5rem}.column-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease}.column-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.column-date{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.column-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.column-item p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.read-more{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.read-more:hover{color:var(--primary-hover);text-decoration:underline}.recruitment-message{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center}.recruitment-message h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.recruitment-message p{color:var(--text-secondary);line-height:1.6;font-size:1.125rem}.job-positions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.job-item{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease}.job-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.job-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.job-details{display:flex;flex-direction:column;gap:1rem}.job-requirement{display:flex;flex-direction:column;gap:.5rem}.job-requirement strong{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.job-requirement span{color:var(--text-secondary);line-height:1.5}.benefits-section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.benefits-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .2s ease}.benefit-item:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translate(4px)}.benefit-item svg{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.benefit-item span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.benefit-item:hover span{color:var(--primary-color)}.voice-error{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--error-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;transition:all .3s ease;z-index:1000}.voice-error.show{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:all .3s ease}.modal-overlay.show .modal-content{transform:scale(1) translateY(0)}.shortcuts-modal{width:800px;max-width:90vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;border:none;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.modal-close:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.modal-close svg{width:16px;height:16px}.modal-body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 120px)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.shortcut-category h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.shortcut-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .2s ease}.shortcut-item:hover{background:var(--primary-light);border-color:var(--primary-color);transform:translate(4px)}.shortcut-keys{display:flex;gap:.25rem;align-items:center}.shortcut-keys kbd{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--text-primary);box-shadow:0 1px 0 var(--border-color);min-width:24px;text-align:center}.shortcut-desc{font-size:.875rem;color:var(--text-secondary);flex:1;text-align:right;margin-left:1rem}.shortcuts-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.shortcuts-note{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary)}.shortcuts-note svg{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.toast{position:fixed;top:2rem;right:2rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:1rem 1.5rem;transform:translate(100%);opacity:0;transition:all .3s ease;z-index:1000}.toast.show{transform:translate(0);opacity:1}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{width:20px;height:20px;color:var(--success-color)}.toast-message{font-size:.875rem;color:var(--text-primary);font-weight:500}@media (max-width: 1024px){body{padding:.5rem}.app-container{border-radius:var(--radius-lg)}.sidebar{width:280px}.messages-area,.page-body{padding:1.5rem}.input-area,.voice-input-area{padding:1rem 1.5rem 1.5rem}.shortcuts-grid{grid-template-columns:1fr}.shortcuts-modal{width:600px}.business-grid,.company-info-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){body{padding:0;align-items:stretch}.app-container{border-radius:0;height:100vh;max-height:100vh}.mobile-menu-btn{display:flex;order:-1;margin-right:.5rem}.mobile-sidebar-overlay{display:none!important}.sidebar{position:absolute;left:-320px;top:0;height:100%;z-index:1000;transition:left .3s ease;box-shadow:var(--shadow-xl)}.sidebar.open{left:0}.chat-header,.page-header{padding:1rem 1.5rem}.messages-area,.page-body,.input-area,.voice-input-area{padding:1rem}.message-content{max-width:85%;padding:.875rem 1rem}.welcome-message{flex-direction:column;text-align:center;align-items:center}.welcome-avatar{margin-bottom:1rem}.voice-button{width:100px;height:100px}.voice-icon{width:40px;height:40px}.toast{top:1rem;right:1rem;left:1rem;transform:translateY(-100%)}.toast.show{transform:translateY(0)}.shortcuts-modal{width:95vw}.modal-body{padding:1rem}.shortcuts-grid{gap:1.5rem}.product-item,.president-profile{flex-direction:column;text-align:center}.page-header h1{font-size:1.5rem}.page-header p{font-size:1rem}.selection-actions{flex-direction:column;gap:.25rem;padding:.5rem;min-width:200px}.selection-action-btn{padding:.5rem;font-size:.7rem}.selection-context-info{bottom:1rem;right:1rem;left:1rem;max-width:none}}@media (max-width: 480px){.chat-header h2{font-size:1.125rem}.chat-subtitle{font-size:.8rem}.message-content{max-width:90%;padding:.75rem;font-size:.875rem}.input-wrapper{padding:.5rem}#messageInput{font-size:.875rem}.send-btn{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0}.send-btn svg{width:16px;height:16px}.chat-header{position:relative;z-index:10}.voice-button{width:80px;height:80px}.voice-icon{width:32px;height:32px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem;position:relative;z-index:10}.shortcut-desc{text-align:left;margin-left:0}.content-section,.business-card,.product-item,.column-item,.job-item{padding:1.5rem}.selection-actions{top:-60px;min-width:180px}.selection-action-btn{padding:.4rem;font-size:.65rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.input-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 3px #000}.send-btn,.voice-button{border:2px solid #000}}[data-theme=dark] .input-wrapper:focus-within{box-shadow:0 0 0 3px #818cf84d}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
