*{box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;line-height:1.5;margin:0;padding:0}.crm-container{display:flex;height:100vh;overflow:hidden;width:100vw}.left-panel{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex:7 1;justify-content:center;overflow-y:auto;padding:24px}.right-panel{background-color:#fff;border-left:1px solid #e2e8f0;flex:3 1;overflow-y:auto;padding:16px}.interaction-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;max-width:900px;padding:32px;width:100%}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1048a3bb,#6c2020 100%,#e2c6d9c8 0);-webkit-background-clip:text;background-clip:text;color:#383f4c;font-size:28px;font-weight:700;margin:0 0 28px;text-align:start}.form-section{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#475569;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.highlight{background-color:#fef3c7!important;border-color:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b33!important}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.sentiment-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.sentiment-group label{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s ease}.sentiment-group label:hover{background-color:#f1f5f9}.sentiment-group input[type=radio]{margin:0}.form-group:not(.sentiment-group) input[readonly],.form-group:not(.sentiment-group) textarea[readonly]{background-color:#f1f5f9}@media (max-width:1024px){.left-panel{padding:20px}.interaction-form{margin:0 8px;padding:24px}}@media (max-width:768px){.crm-container{flex-direction:column;height:auto}.left-panel,.right-panel{flex:none;height:auto;width:100%}.left-panel{padding:16px}.form-row{grid-template-columns:1fr}.page-title{font-size:24px}.interaction-form{border-radius:12px;margin:0 4px;padding:20px}}@media (max-width:480px){.sentiment-group{flex-direction:column;gap:8px}.sentiment-group label{justify-content:flex-start}}.left-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track,.right-panel::-webkit-scrollbar-track{background:#f1f5f9}.left-panel::-webkit-scrollbar-thumb,.right-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.left-panel::-webkit-scrollbar-thumb:hover,.right-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}input,select,textarea{font-family:inherit}.ai-chat{display:flex;flex-direction:column;height:100%}.chat-window{background:#fff;border-radius:10px;flex:1 1;margin-bottom:10px;overflow-y:auto;padding:15px}.chat-bubble{border-radius:15px;font-size:16px;margin:25px 20px;max-width:90%;padding:10px 15px}.chat-bubble.user{align-self:flex-end;background:#e3f2fd}.chat-bubble.ai{background:#e8f5e9}.chat-input{display:flex;gap:10px}.chat-input input{background:#fff;border:1px solid #d1d5db;border-radius:999px;flex:1 1;padding:10px 12px}button{background:#1976d2;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background-color .15s ease,box-shadow .15s ease}button:hover{background:#0f5ec0;box-shadow:0 1px 4px #0f172a40}@media (max-width:960px){.crm-container{flex-direction:column;height:auto}.right-panel{width:100%}.interaction-form{padding:20px 18px}}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;height:20px;left:12px;position:absolute;width:20px;z-index:1}.input-with-icon input{padding-left:44px!important}.ai-suggestions{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-height:80px;padding:12px}.suggestion-item{align-items:flex-start;background:#fff;border-left:3px solid #3b82f6;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.suggestion-icon{color:#3b82f6;flex-shrink:0;height:16px;margin-top:2px;width:16px}
/*# sourceMappingURL=main.1ec09940.css.map*/