*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f0f4f8;display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000014;max-width:400px;padding:2.5rem;width:100%}.login-card h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.subtitle{color:#64748b;font-size:.9rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group input{border-radius:6px;font-size:14px;padding:10px 12px}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.error-message{background-color:#fef2f2;margin-bottom:1rem}.login-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:background-color .2s,transform .1s;width:100%}.login-btn:hover:not(:disabled){background-color:#1d4ed8}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.footer-text{color:#94a3b8;font-size:.8rem;margin-top:1.5rem;text-align:center}.dashboard{background-color:#f0f4f8;display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#1e293b;box-shadow:0 2px 8px #0000001a;color:#fff;padding:0}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.85rem 1.5rem;width:100%}.navbar h1{font-size:1.15rem;font-weight:600;margin:0}.navbar-right{align-items:center;display:flex;gap:1rem}.username{color:#94a3b8;font-size:.85rem}.metrics-btn{background-color:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:7px 14px;transition:background-color .2s}.metrics-btn:hover{background-color:#1d4ed8}.logout-btn{background-color:#dc2626;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:7px 14px;transition:background-color .2s}.logout-btn:hover{background-color:#b91c1c}.dashboard-content{flex:1 1;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header h2{color:#1e293b;font-size:1.35rem;font-weight:600;margin:0}.create-btn{background-color:#16a34a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:9px 18px;transition:background-color .2s,transform .1s}.create-btn:hover{background-color:#15803d}.create-btn:active{transform:translateY(1px)}.error-banner{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;color:#dc2626;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1.25rem;padding:12px 16px}.error-banner p{margin:0}.close-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}.create-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000a;margin-bottom:1.5rem;padding:1.5rem}.create-form h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#334155;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #cbd5e1;border-radius:5px;font-family:inherit;font-size:.9rem;max-width:350px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a;outline:none}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed}.submit-btn{background-color:#16a34a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:9px 18px;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#15803d}.submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;border-top:3px solid #2563eb;box-shadow:0 2px 6px #0000000a;padding:1.25rem}.stat-card h3{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#1e293b;font-size:2rem;font-weight:600;margin:0}.agents-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000a;padding:1.5rem}.agents-section h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.empty-state,.loading-message{color:#64748b;padding:2rem;text-align:center}.empty-state{background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:6px}.empty-state p{margin:.4rem 0}.empty-hint{color:#94a3b8;font-size:.85rem}.agents-list{grid-gap:.75rem;display:grid;gap:.75rem}.agent-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;transition:border-color .2s,box-shadow .2s}.agent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.agent-info h4{color:#1e293b;font-size:1rem;font-weight:500;margin:0 0 .3rem}.agent-id{color:#64748b;font-family:monospace;font-size:.8rem;margin:0}.agent-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.metrics-btn-small{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background-color .2s}.metrics-btn-small:hover{background-color:#1d4ed8}.token-badge{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-family:monospace;font-size:.8rem;padding:6px 12px;transition:all .2s}.token-badge:hover{background-color:#e2e8f0;border-color:#cbd5e1}.token-badge.copied{background-color:#16a34a;border-color:#16a34a;color:#fff}.delete-btn{background-color:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 14px;transition:background-color .2s}.delete-btn:hover{background-color:#b91c1c}.agent-footer{border-top:1px solid #e2e8f0;color:#64748b;padding-top:.75rem}.agent-footer small{font-size:.8rem}@media (max-width:768px){.navbar-content{flex-direction:column;gap:.75rem}.dashboard-content{padding:1rem}.agent-header,.header{align-items:flex-start;flex-direction:column;gap:.75rem}.agent-actions{flex-direction:column;width:100%}.form-group input{max-width:100%}}.metrics-page{background-color:#f0f4f8;min-height:100vh}.metrics-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:1.5rem}.controls-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{color:#334155;display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:10px}.clear-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;font-size:.75rem;padding:4px 10px;transition:background-color .2s}.clear-btn:hover{background:#b91c1c}.select-input{border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.select-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.time-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.time-btn{background:#fff;border:1px solid #cbd5e1;border-radius:5px;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.time-btn:hover{background:#eff6ff;border-color:#2563eb}.time-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.metrics-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:350px;overflow-y:auto;padding:10px}.metric-checkbox{align-items:center;border-radius:5px;display:flex;margin-bottom:4px;padding:8px 10px;transition:background-color .15s}.metric-checkbox:hover{background:#e2e8f0}.metric-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;margin-right:10px;width:16px}.metric-checkbox label{color:#475569;cursor:pointer;font-size:.82rem;font-weight:400;margin:0;-webkit-user-select:none;user-select:none}.loading-indicator{background:#fef3c7;border-left:3px solid #f59e0b;color:#92400e}.error-message,.loading-indicator{border-radius:6px;font-size:.85rem;padding:12px;text-align:center}.error-message{background:#fef2f2;border-left:3px solid #dc2626;color:#dc2626}.charts-panel{display:flex;flex-direction:column;gap:1.25rem}.no-data{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000a;padding:3rem 1.5rem;text-align:center}.no-data p{color:#64748b;font-size:.95rem;margin:0 0 8px}.no-data .hint,.no-metrics-msg .hint{color:#94a3b8;font-size:.8rem;font-style:italic}.agent-info-box{background:#1e293b;border-radius:6px;color:#fff;margin-bottom:1.25rem;padding:14px}.agent-info-box h3{font-size:.95rem;font-weight:500;margin:0 0 4px}.agent-id-small{font-family:monospace;font-size:.7rem;margin:0;opacity:.7}.no-metrics-msg{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:6px;color:#64748b;padding:1.5rem;text-align:center}.no-metrics-msg p{margin:0 0 4px}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000a;padding:1.25rem}.chart-container h3{border-bottom:2px solid #2563eb;color:#1e293b;font-size:.95rem;font-weight:500;margin:0 0 14px;padding-bottom:10px}.chart-wrapper{height:280px;position:relative}.nav-btn{background:#475569;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 14px;transition:background-color .2s}.nav-btn:hover{background:#334155}@media (max-width:1024px){.metrics-container{grid-template-columns:1fr}.controls-panel{position:relative;top:0}}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.c6bc99ba.css.map*/