:root{--hr-primary:#0066cc;--hr-primary-hover:#0052a3;--hr-bg:#f7f9fc;--hr-white:#ffffff;--hr-border:#e5e7eb;--hr-text:#1f2937;--hr-muted:#9ca3af;--hr-badge:#ff4444}#hr-chatbot{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;z-index:9999}#hr-chatbot *,#hr-chatbot *::before,#hr-chatbot *::after{box-sizing:border-box}.hr-chat-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--hr-primary);border-radius:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:all 0.3s ease;color:#fff;z-index:99999}.hr-chat-button:hover{transform:scale(1.05);box-shadow:0 6px 16px rgb(0 0 0 / .2)}.hr-chat-badge{position:absolute;top:-8px;right:-8px;background:var(--hr-badge);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.hr-chat-window{position:fixed;bottom:24px;right:24px;width:380px;height:600px;max-height:calc(100vh - 48px);background:var(--hr-white);border-radius:16px;box-shadow:0 8px 32px rgb(0 0 0 / .12);display:flex;flex-direction:column;overflow:hidden;z-index:99999;touch-action:manipulation}.hr-chat-header{background:var(--hr-primary);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:68px}.hr-chat-header>div{flex:1;min-width:0}.hr-chat-header strong{font-size:16px;display:block;margin-bottom:2px}.hr-chat-status{font-size:12px;opacity:.9}.hr-chat-close{background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s;flex-shrink:0;margin-left:12px;position:relative;z-index:100}.hr-chat-close:hover{background:rgb(255 255 255 / .1)}.hr-chat-close:active{background:rgb(255 255 255 / .2);transform:scale(.95)}.hr-chat-messages{flex:1;overflow-y:auto;padding:20px;background:var(--hr-bg)}.hr-chat-message{margin-bottom:16px;display:flex}.hr-chat-bot{justify-content:flex-start}.hr-chat-user{justify-content:flex-end}.hr-chat-bubble{max-width:75%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word}.hr-chat-bot .hr-chat-bubble{background:var(--hr-white);border:1px solid var(--hr-border);color:var(--hr-text)}.hr-chat-user .hr-chat-bubble{background:var(--hr-primary);color:#fff}.hr-typing-indicator{display:flex;gap:4px;padding:8px 0}.hr-typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--hr-muted);animation:hr-typing-bounce 1.4s infinite}.hr-typing-indicator span:nth-child(2){animation-delay:0.2s}.hr-typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes hr-typing-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.hr-chat-photo-preview{max-width:200px;border-radius:10px;display:block;margin-top:4px}.hr-chat-input-area{padding:12px 16px;background:var(--hr-white);border-top:1px solid var(--hr-border);display:flex;gap:8px;align-items:center;flex-shrink:0}#hr-chat-input{flex:1;border:1px solid var(--hr-border);border-radius:24px;padding:12px 16px;font-size:16px;outline:none;transition:border-color 0.2s;color:var(--hr-text);font-family:inherit;-webkit-appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}#hr-chat-input::placeholder{color:var(--hr-muted)}#hr-chat-input:focus{border-color:var(--hr-primary)}.hr-chat-send-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:var(--hr-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;padding:0;flex-shrink:0}.hr-chat-send-btn:hover{background:var(--hr-primary-hover)}.hr-chat-send-btn:active{transform:scale(.95)}.hr-chat-send-btn svg{display:block;width:20px;height:20px;flex-shrink:0}.hr-chat-attach-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:var(--hr-bg);border:1px solid var(--hr-border);color:var(--hr-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0;flex-shrink:0}.hr-chat-attach-btn:hover{border-color:var(--hr-primary);color:var(--hr-primary);background:var(--hr-white)}.hr-chat-attach-btn:active{transform:scale(.95)}.hr-chat-attach-btn svg{display:block;width:20px;height:20px;flex-shrink:0}@media (max-width:768px){.hr-chat-window{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hr-chat-header{padding:20px;min-height:60px}.hr-chat-close{width:40px;height:40px;font-size:36px;position:relative;z-index:10}.hr-chat-messages{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.hr-chat-input-area{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.hr-chat-button{bottom:20px;right:20px;width:64px;height:64px;bottom:max(20px, calc(env(safe-area-inset-bottom) + 8px))}}@media (hover:none) and (pointer:coarse){.hr-chat-close{min-width:44px;min-height:44px;font-size:36px}}body.hr-chat-open{overflow:hidden;position:fixed;width:100%;height:100%}.hr-chat-messages::-webkit-scrollbar{width:6px}.hr-chat-messages::-webkit-scrollbar-track{background:#fff0}.hr-chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hr-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--hr-muted)}