@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#1173d4;--primary-hover:#0d5aa8;--primary-light:#e8f2fb;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--background-light:#fff;--background-dark:#0f172a;--background-gray:#f8fafc;--background-gray-dark:#1e293b;--user-bubble:#e3f2fd;--agent-bubble:#f5f5f5;--text-main:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-color-dark:#334155;--gradient-blue-purple:linear-gradient(135deg,#667eea,#764ba2);--gradient-blue-purple-light:linear-gradient(135deg,#667eea14,#764ba214);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-gray);color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;margin:0}.app{height:100vh;width:100vw}.text-primary{color:#1173d4;color:var(--primary)}.bg-primary{background-color:#1173d4;background-color:var(--primary)}.bg-background-light{background-color:#fff;background-color:var(--background-light)}.bg-background-dark{background-color:#0f172a;background-color:var(--background-dark)}.bg-user-bubble{background-color:#e3f2fd;background-color:var(--user-bubble)}.bg-agent-bubble{background-color:#f5f5f5;background-color:var(--agent-bubble)}.text-text-main{color:#1e293b;color:var(--text-main)}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark .overflow-y-auto::-webkit-scrollbar-track{background:#374151}.dark .overflow-y-auto::-webkit-scrollbar-thumb{background:#6b7280}.dark .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}.overflow-x-auto::-webkit-scrollbar{height:8px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark .overflow-x-auto::-webkit-scrollbar-track{background:#374151}.dark .overflow-x-auto::-webkit-scrollbar-thumb{background:#6b7280}.dark .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-bounce{animation:bounce 1.4s ease-in-out infinite}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus\:outline-0:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:border-primary:focus{border-color:#1173d4;border-color:var(--primary)}.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue-purple)}.bg-gradient-primary-light{background:linear-gradient(135deg,#667eea14,#764ba214);background:var(--gradient-blue-purple-light)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue-purple);-webkit-background-clip:text;background-clip:text;color:#0000}.btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue-purple);box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.btn-gradient:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a}.animated-gradient{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:640px){button,input,select,textarea{min-height:44px}.space-y-6>*+*{margin-top:1rem}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{overflow-x:hidden}.overflow-x-auto{-webkit-overflow-scrolling:touch}input,textarea{font-size:16px}}.layout-container,.layout-content-container{overflow-x:hidden}.flex.flex-1.flex-col{min-width:0;overflow-x:hidden}.login-container{align-items:center;background:#f8fafc;background:var(--background-gray);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.login-container:before{background:linear-gradient(135deg,#667eea14,#764ba214);background:var(--gradient-blue-purple-light);content:"";height:40%;left:0;position:absolute;right:0;top:0;z-index:0}.login-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:440px;padding:3rem;position:relative;width:100%;z-index:1}.login-title{color:#1e293b;color:var(--text-main);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.login-subtitle{color:#64748b;color:var(--text-secondary);font-size:.9375rem;font-weight:400;margin:0}.login-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;font-size:.875rem;padding:.875rem 1rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-label{font-size:.875rem;font-weight:500;letter-spacing:-.01em}.login-input,.login-label{color:#1e293b;color:var(--text-main)}.login-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9375rem;margin-top:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-input::placeholder{color:#94a3b8;color:var(--text-muted)}.login-input:focus,.login-input:hover{border-color:#1173d4;border-color:var(--primary)}.login-input:focus{box-shadow:0 0 0 3px #1173d41a;outline:none}.login-input:disabled{background:#f8fafc;background:var(--background-gray);cursor:not-allowed;opacity:.6}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue-purple);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.dashboard-container{background:#f8fafc;background:var(--background-gray);display:flex;flex-direction:column;min-height:100vh;padding:0}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header h1{color:#1e293b;color:var(--text-main);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 .25rem}.dashboard-header p{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:0}.outline-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-main);cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:-.01em;padding:.625rem 1.25rem;transition:all .2s ease}.outline-button:hover{background:#f8fafc;background:var(--background-gray);border-color:#1173d4;border-color:var(--primary);color:#1173d4;color:var(--primary)}.danger-button,.inline-button,.link-button,.primary-button,.secondary-button{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:-.01em;padding:.625rem 1.25rem;transition:all .2s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue-purple);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.primary-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:#e8f2fb;background:var(--primary-light);border:1px solid #1173d433;color:#1173d4;color:var(--primary)}.secondary-button:hover:not(:disabled){background:#1173d426}.danger-button{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.danger-button:hover:not(:disabled){background:#ef444426}.inline-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1173d4;color:var(--primary);font-size:.8125rem;margin-right:.5rem;padding:.5rem 1rem}.inline-button:hover:not(:disabled){background:#e8f2fb;background:var(--primary-light);border-color:#1173d4;border-color:var(--primary)}.link-button{background:none;border:none;color:#1173d4;color:var(--primary);font-weight:500;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.alert{border:1px solid;border-radius:8px;border-radius:var(--radius-sm);font-size:.875rem;margin:1rem 2rem;padding:.875rem 1rem}.alert.error{background:#ef444414;border-color:#ef444433;color:#dc2626}.alert.success{background:#10b98114;border-color:#10b98133;color:#059669}.dashboard-section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-header h2{font-size:1.25rem;margin:0}.section-header h2,.section-header h3{color:#1e293b;color:var(--text-main);font-weight:600;letter-spacing:-.01em}.section-header h3{font-size:1.125rem;margin:0 0 1rem}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow)}.card h2,.card h3{color:#1e293b;color:var(--text-main);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}.form-grid{display:flex;flex-direction:column;gap:1.25rem}.grid-two{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-two label,.stacked-form label{color:#1e293b;color:var(--text-main);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:-.01em}.grid-two input,.grid-two select,.grid-two textarea,.stacked-form input,.stacked-form select,.stacked-form textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-main);font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.grid-two input::placeholder,.stacked-form input::placeholder,.stacked-form textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.grid-two input:hover,.grid-two select:hover,.grid-two textarea:hover,.stacked-form input:hover,.stacked-form select:hover,.stacked-form textarea:hover{border-color:#1173d4;border-color:var(--primary)}.grid-two input:focus,.grid-two select:focus,.grid-two textarea:focus,.stacked-form input:focus,.stacked-form select:focus,.stacked-form textarea:focus{border-color:#1173d4;border-color:var(--primary);box-shadow:0 0 0 3px #1173d41a;outline:none}.stacked-form{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.table-container{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);overflow-x:auto}table{background:#fff;border-collapse:collapse;width:100%}th{background:#f8fafc;background:var(--background-gray);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}td,th{padding:1rem;text-align:left}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-main);font-size:.9375rem}tbody tr{transition:background-color .15s ease}tbody tr:hover{background-color:#f8fafc;background-color:var(--background-gray)}tbody tr:last-child td{border-bottom:none}.compact-table td,.compact-table td:nth-child(3),.compact-table td:nth-child(4),.compact-table th,.compact-table th:nth-child(3),.compact-table th:nth-child(4){padding:.875rem 1.25rem;vertical-align:middle}.row-selected{background:#e8f2fb!important;background:var(--primary-light)!important}.metrics{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:2.5rem;padding:1.25rem 0}.metrics div{display:flex;flex-direction:column;gap:.375rem}.metrics span{color:#64748b;color:var(--text-secondary);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metrics strong{color:#1e293b;color:var(--text-main);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#e8f2fb;background:var(--primary-light);border:1px solid #1173d433;border-radius:8px;border-radius:var(--radius-sm);gap:.5rem;padding:1.25rem}.audit-log,.metric-card{display:flex;flex-direction:column}.audit-log{gap:.75rem;max-height:400px;overflow-y:auto}.audit-log-item{background:#f8fafc;background:var(--background-gray);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.375rem;padding:.875rem 1rem;transition:all .15s ease}.audit-log-item:hover{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.audit-log-item small{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.status-active{color:#059669}.status-active,.status-inactive{font-size:.875rem;font-weight:600;text-transform:capitalize}.status-inactive{color:#7c3aed}.status-suspended{color:#d97706}.status-expired,.status-suspended{font-size:.875rem;font-weight:600;text-transform:capitalize}.status-expired{color:#dc2626}.two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.checkbox{align-items:center;display:flex;font-size:.875rem;gap:.625rem}.checkbox input[type=checkbox]{accent-color:#1173d4;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}@media (max-width:768px){.dashboard-section{gap:1.25rem;padding:1.25rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.card{padding:1.25rem}.grid-two,.two-column{grid-template-columns:1fr}.metrics{flex-direction:column;gap:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:640px){.login-card{padding:2rem 1.5rem}.dashboard-section{padding:1rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.75rem 2rem}.modal-header h2{color:#1e293b;color:var(--text-main);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;padding:.5rem;transition:all .2s ease;width:36px}.modal-close:hover{background:#f8fafc;background:var(--background-gray);color:#1e293b;color:var(--text-main)}.modal-body{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.credentials-warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;border-radius:var(--radius-sm);padding:1rem 1.25rem}.credentials-warning strong{color:#d97706;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.credentials-warning p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.credentials-display{display:flex;flex-direction:column;gap:1.25rem}.credential-item{display:flex;flex-direction:column;gap:.625rem}.credential-item label{color:#1e293b;color:var(--text-main);font-size:.875rem;font-weight:500;letter-spacing:-.01em}.credential-field{align-items:center;display:flex;gap:.75rem}.credential-field code{background:#f8fafc;background:var(--background-gray);flex:1 1;font-family:Courier New,Monaco,monospace;font-size:.9375rem;line-height:1.5;padding:.875rem 1rem;word-break:break-all}.copy-button,.credential-field code{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-main)}.copy-button{background:#0000;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:#1173d4;background:var(--primary);border-color:#1173d4;border-color:var(--primary);color:#fff}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1.5rem}@media (max-width:640px){.modal-content{margin:.5rem}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.credential-field{align-items:stretch;flex-direction:column}.copy-button{width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}
/*# sourceMappingURL=main.4881ec22.css.map*/