:root{--vps-accent:#c1954e;--vps-bg:#ffffff;--vps-text:#222;--vps-border:#ddd}.vps-open-chat{position:fixed;right:20px;bottom:20px;z-index:99998;background:var(--vps-accent);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:all 0.3s ease}.vps-open-chat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .2)}.vps-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999;background:rgb(0 0 0 / .5);backdrop-filter:blur(2px)}.vps-hidden{display:none!important}.vps-modal-panel{width:420px;max-width:95%;max-height:90vh;background:var(--vps-bg);color:var(--vps-text);border-radius:12px;box-shadow:0 12px 48px rgb(0 0 0 / .3);overflow:hidden;display:flex;flex-direction:column;animation:slideUp 0.3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vps-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--vps-accent);color:#fff}.vps-brand{display:flex;align-items:center;gap:10px}.vps-logo{max-height:36px;display:block}.vps-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.vps-close{background:#fff0;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s}.vps-close:hover{background:rgb(255 255 255 / .1)}.vps-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.vps-messages{overflow-y:auto;flex:1;padding-right:8px;min-height:300px;max-height:400px;display:flex;flex-direction:column;gap:12px}.vps-messages::-webkit-scrollbar{width:6px}.vps-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.vps-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.vps-messages::-webkit-scrollbar-thumb:hover{background:#aaa}.vps-message{padding:10px 14px;border-radius:12px;max-width:85%;word-wrap:break-word;line-height:1.5;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.vps-user{background:#e3f2fd;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}.vps-bot{background:#f5f5f5;align-self:flex-start;border-bottom-left-radius:4px}.vps-loading{font-style:italic;color:#666;margin:6px 0;padding-left:14px}.vps-form{display:flex;gap:8px;margin-top:4px;border-top:1px solid var(--vps-border);padding-top:12px}.vps-form input{flex:1;padding:10px 12px;border:1px solid var(--vps-border);border-radius:8px;font-size:14px;outline:none;transition:border-color 0.2s}.vps-form input:focus{border-color:var(--vps-accent)}.vps-send{background:var(--vps-accent);color:#fff;border:0;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:all 0.2s}.vps-send:hover{opacity:.9;transform:translateY(-1px)}.vps-send:active{transform:translateY(0)}.vps-quick-add{margin-top:8px;background:#2d6a2d;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all 0.2s}.vps-quick-add:hover{background:#236323}.vps-quick-add:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.vps-modal-panel{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.vps-messages{max-height:calc(100vh - 200px)}.vps-open-chat{right:15px;bottom:15px;padding:10px 16px;font-size:14px}}