body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:420px;padding:2.5rem;width:100%}.login-box h2{color:#343a40;font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.login-box form button[type=submit]{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:background-color .2s,transform .2s;width:100%}.login-box form button[type=submit]:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.login-box form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.auth-link{color:#6c757d;margin-top:1.5rem;text-align:center}.auth-link a{color:#4caf50;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;margin-bottom:1.5rem;padding:1rem;text-align:center}.otp-container{display:flex;gap:10px;justify-content:center;margin:2rem 0}.otp-input{border:1px solid #ced4da;border-radius:8px;font-size:1.5rem;height:50px;text-align:center;transition:border-color .2s,box-shadow .2s;width:45px}.otp-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.dashboard{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;margin:20px auto;max-width:1400px;overflow:hidden}.header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;justify-content:space-between;padding:15px 30px}.header,.header-left{align-items:center;display:flex}.logo{height:40px;margin-right:15px}.header-center h1{font-size:1.75rem;font-weight:500;margin:0}.header-right{align-items:center;display:flex;gap:20px}.header-right p{color:#ffffffe6;margin:0}.logout-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background-color:#d32f2f}.stats{grid-gap:20px;border-bottom:1px solid #e9ecef;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:24px 30px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.stat-number{font-size:2.5rem;font-weight:300;line-height:1;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.stat-number.pending{color:#dc3545}.stat-number.active{color:#007bff}.stat-number.bot-active{color:#343a40}.stat-number.completed{color:#28a745}.stat-number.bot-completed{color:#343a40}.stat-number.total{color:#6f42c1}.tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin-bottom:-1px;padding:18px;text-align:center;transition:all .2s}.tab:hover{background:#e9ecef}.tab.active{background:#fff;border-bottom-color:#4caf50;color:#4caf50}.tab-content{background-color:#f8f9fa;padding:30px}.cards-list-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state{background-color:#fff;border-radius:8px;color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.history-container{align-items:flex-start;display:flex;flex-direction:row;gap:30px}.history-column{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;flex:1 1;min-width:0;padding:25px}.history-column-header{border-bottom:1px solid #dee2e6;color:#343a40;font-size:1.4rem;font-weight:600;margin-bottom:20px;padding-bottom:15px}.agent-subsection{width:100%}.agent-subsection h3{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 15px}.history-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.history-column-header.with-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.history-column-header.with-filter h2{font-size:1.4rem;margin:0}.agent-filter-container{align-items:center;display:flex;gap:10px}.agent-filter-container label{color:#6c757d;font-size:.9rem;font-weight:400}.agent-filter-dropdown{background-color:#fff;border:1px solid #ced4da;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.agent-filter-dropdown:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5040;outline:none}.handover-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;padding:20px;transition:all .2s ease-in-out}.handover-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-4px)}.handover-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.customer-info{color:#343a40;font-size:1.1rem;font-weight:600}.session-id{background:#f1f3f4;border-radius:5px;color:#6c757d;font-family:monospace;font-size:.8rem;padding:4px 8px}.handover-details{color:#666;flex-grow:1;margin-bottom:15px}.handover-details p{margin:5px 0}.handover-actions{display:flex;gap:10px;justify-content:flex-end}.btn{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.chat-modal{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.chat-window{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:500px;width:95vw}.chat-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:16px 20px}.close-chat-modal{background:none;border:none;color:#888;cursor:pointer;font-size:1.6rem;line-height:1;padding:5px}.chat-history{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.message-row{display:flex;margin-bottom:15px;max-width:100%}.message-content{max-width:80%}.message-meta{align-items:baseline;display:flex;margin-bottom:5px;padding:0 2px}.message-sender{color:#495057;font-size:.8rem;font-weight:600;margin-right:8px}.message-timestamp{color:#adb5bd;font-size:.75rem}.message-bubble{border-radius:18px;line-height:1.45;padding:10px 15px;word-break:break-word}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-row.incoming .message-bubble{background:#e9ecef;border-bottom-left-radius:4px;color:#212529}.message-row.outgoing .message-bubble{background:#007bff;border-bottom-right-radius:4px;color:#fff}.chat-input-row{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px}.quick-replies-toggle-btn{background:none;border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:background-color .2s}.quick-replies-toggle-btn:hover{background:#f5f5f5}.chat-input-container{display:flex;flex:1 1;gap:10px}.chat-input-container input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;padding:10px 15px}.chat-input-container input:focus{border-color:#007bff;outline:none}.chat-input-container button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.chat-input-container button:disabled{background:#ccc;cursor:not-allowed}.chat-input-container button:hover:not(:disabled){background:#45a049}@media (max-width:992px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.history-container{flex-direction:column}}@media (max-width:576px){.stats{grid-template-columns:1fr}}.quick-replies-wrapper{align-items:center;display:flex;position:relative}.quick-replies-toggle-btn{align-items:center;background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.quick-replies-toggle-btn:hover{background-color:#e9e9e9}.quick-replies-popup{background-color:#fff;border:1px solid #f0f0f0;border-radius:16px;bottom:100%;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;gap:8px;left:0;margin-bottom:10px;max-width:90vw;padding:10px;position:absolute;width:380px;z-index:1000}.quick-reply-option{background-color:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;color:#333;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease,border-color .2s ease;width:100%}.quick-reply-option:hover{background-color:#f0f2f5;border-color:#dcdcdc}
/*# sourceMappingURL=main.c645c169.css.map*/