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}.customer-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.customer-page.call-active{padding:0}.ended-container,.form-container,.waiting-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.ended-container h2,.form-container h1,.waiting-container h2{color:#333;margin:0 0 10px}.ended-container p,.form-container p,.waiting-container p{color:#666;margin-bottom:30px}.form-group input:focus{border-color:#667eea}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s,box-shadow .2s;width:100%}button:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:4px solid #e1e1e1;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.call-info{background:#f5f5f5;border-radius:6px;font-family:monospace;font-size:14px;padding:10px}.agent-page{background:#f5f7fa;min-height:100vh}.agent-page.dashboard{padding:20px}.agent-page.call-active{display:flex;flex-direction:column}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin:100px auto;max-width:400px;padding:40px;text-align:center;width:100%}.login-container h1{color:#333;margin:0 0 10px}.login-container p{color:#666;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e1e1;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#2196f3;outline:none}.login-container button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .3s;width:100%}.login-container button:hover{background:#1976d2}.error{background:#ffe6e6;border-radius:8px;color:#d32f2f;margin-bottom:20px;padding:12px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.agent-info,.dashboard-header{align-items:center;display:flex}.agent-info{gap:15px}.agent-info h2{color:#333;margin:0}.status-badge{border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px}.status-badge.online{background:#e8f5e9;color:#2e7d32}.status-badge.offline{background:#fafafa;color:#757575}.online-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background .3s}.online-btn:hover{background:#388e3c}.offline-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background .3s}.offline-btn:hover{background:#d32f2f}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;text-align:center}.stat-value{color:#2196f3;display:block;font-size:36px;font-weight:700}.stat-label{color:#666;display:block;margin-top:5px}.queue-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.queue-container h3{color:#333;margin:0 0 20px}.empty-queue{color:#666;padding:40px;text-align:center}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-item{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:background .3s}.queue-item:hover{background:#e3f2fd}.call-details{display:flex;flex-direction:column;gap:4px}.customer-name{color:#333;font-weight:600}.customer-email{color:#666;font-size:14px}.call-time{color:#999;font-size:12px}.accept-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.accept-btn:hover{background:#388e3c}.accept-btn:disabled{background:#ccc;cursor:not-allowed}.call-header{align-items:center;background:#333;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.call-header .call-info{display:flex;gap:20px}.end-call-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.end-call-btn:hover{background:#d32f2f}.recordings-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:25px}.recordings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.recordings-header h3{color:#333;margin:0}.toggle-recordings-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .3s}.toggle-recordings-btn:hover{background:#1976d2}.recordings-list{display:flex;flex-direction:column;gap:10px}.empty-recordings{color:#666;padding:30px;text-align:center}.recording-item{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:background .3s}.recording-item:hover{background:#e3f2fd}.recording-details{display:flex;flex-direction:column;gap:4px}.recording-customer{color:#333;font-weight:600}.recording-date{color:#666;font-size:14px}.recording-size{color:#999;font-size:12px}.recording-actions{display:flex;gap:10px}.download-btn,.play-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background .3s}.play-btn{background:#4caf50;color:#fff}.play-btn:hover{background:#388e3c}.download-btn{background:#ff9800;color:#fff}.download-btn:hover{background:#f57c00}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}.dashboard-header{gap:15px;text-align:center}.agent-info,.dashboard-header,.recording-item{flex-direction:column}.recording-item{align-items:flex-start;gap:10px}.recording-actions{width:100%}.download-btn,.play-btn{flex:1 1;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.home-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.home-container{color:#fff;text-align:center}.home-container h1{font-size:48px;font-weight:700;margin-bottom:10px}.home-container>p{color:#ffffffb3;font-size:18px;margin-bottom:50px}.home-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.btn{align-items:center;border-radius:16px;display:flex;flex-direction:column;font-size:24px;font-weight:600;min-width:250px;padding:40px 50px;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.btn span{font-size:14px;font-weight:400;margin-top:8px;opacity:.8}.btn-customer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-agent{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}@media (max-width:600px){.home-container h1{font-size:32px}.home-buttons{flex-direction:column}.btn{min-width:100%}}
/*# sourceMappingURL=main.7a7f90ef.css.map*/