:root{--color-brand-50:#f0f4ff;--color-brand-100:#e0e9ff;--color-brand-200:#c7d6fe;--color-brand-300:#a4bbfc;--color-brand-400:#7b96f8;--color-brand-500:#5a71f2;--color-brand-600:#4654e6;--color-brand-700:#3a43cb;--color-brand-800:#3239a4;--color-brand-900:#2e3582;--color-brand-950:#1e2152;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-200:#bfdbfe;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--surface-ground:#f8fafc;--surface-card:#fff;--surface-overlay:#0f172acc;--surface-sidebar:linear-gradient(180deg,#0f172a,#1e293b);--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-px:1px;--space-0\.5:0.125rem;--space-1:0.25rem;--space-1\.5:0.375rem;--space-2:0.5rem;--space-2\.5:0.625rem;--space-3:0.75rem;--space-3\.5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px 0 #0000000a;--shadow-brand:0 4px 14px 0 #5a71f240;--shadow-success:0 4px 14px 0 #10b98140;--shadow-danger:0 4px 14px 0 #ef444440;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--sidebar-width:260px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:#f8fafc;background:var(--surface-ground);color:#0f172a;color:var(--color-slate-900);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal);min-height:100vh}::selection{background:#c7d6fe;background:var(--color-brand-200);color:#2e3582;color:var(--color-brand-900)}:focus-visible{outline:2px solid #5a71f2;outline:2px solid var(--color-brand-500);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-slate-900);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.25;line-height:var(--leading-tight)}h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.05em;letter-spacing:var(--tracking-tighter);margin-bottom:.5rem;margin-bottom:var(--space-2)}h2{font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--space-4)}h3{font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium);margin-bottom:.75rem;margin-bottom:var(--space-3)}p{color:#475569;color:var(--color-slate-600);font-size:.875rem;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed)}code{background:#f1f5f9;background:var(--color-slate-100);border-radius:.375rem;border-radius:var(--radius-md);color:#3a43cb;color:var(--color-brand-700);font-family:SF Mono,Fira Code,JetBrains Mono,Monaco,Consolas,monospace;font-size:.875em;font-weight:500;font-weight:var(--font-medium);padding:.125rem .375rem;padding:var(--space-0\.5) var(--space-1\.5)}.app-container{background:#f8fafc;background:var(--surface-ground);display:flex;min-height:100vh}.main-content{animation:contentFadeIn .5s cubic-bezier(0,0,.2,1);animation:contentFadeIn var(--duration-500) var(--ease-out);flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;padding:2rem 2.5rem;padding:var(--space-8) var(--space-10)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);background:var(--surface-sidebar);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;width:260px;width:var(--sidebar-width);z-index:100}.logo{border-bottom:1px solid #ffffff0f;padding:1.5rem 1.25rem;padding:var(--space-6) var(--space-5)}.logo h2{color:#fff;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);margin-bottom:.125rem;margin-bottom:var(--space-0\.5)}.logo p{color:#94a3b8;color:var(--color-slate-400);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;letter-spacing:var(--tracking-wider);margin:0;text-transform:uppercase}.nav-menu{flex:1 1;list-style:none;padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.nav-menu li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.nav-menu a{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--color-slate-400);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.nav-menu a:hover{background:#ffffff0f;color:#fff}.nav-menu a.active{background:#ffffff1a;color:#fff;font-weight:600;font-weight:var(--font-semibold)}.nav-menu a.active:before{background:#5a71f2;background:var(--color-brand-500);border-radius:9999px;border-radius:var(--radius-full);content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{flex-shrink:0;height:20px;opacity:.8;width:20px}.nav-menu a.active .nav-icon,.nav-menu a:hover .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:1rem;padding:var(--space-4) var(--space-4)}.user-info{align-items:center;background:#ffffff0a;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem;padding:var(--space-3)}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{text-transform:capitalize}.btn-logout,.user-role{color:#94a3b8;color:var(--color-slate-400);font-size:.75rem;font-size:var(--text-xs)}.btn-logout{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;font-weight:var(--font-medium);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out);white-space:nowrap}.btn-logout:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.card{background:#fff;background:var(--surface-card);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.card:hover{border-color:#cbd5e1;border-color:var(--color-slate-300);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md)}.stats-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.stat-card{background:#fff;background:var(--surface-card);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6);position:relative;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.stat-card:before{background:linear-gradient(90deg,#5a71f2,#7b96f8);background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-400));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform var(--duration-300) var(--ease-out)}.stat-card:hover{border-color:#c7d6fe;border-color:var(--color-brand-200);box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:hover:before{transform:scaleX(1)}.stat-card h3{color:#64748b;color:var(--color-slate-500);font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;letter-spacing:var(--tracking-wider);margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.stat-value{color:#0f172a;color:var(--color-slate-900);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1;line-height:var(--leading-none)}.service-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.service-card{background:#fff;background:var(--surface-card);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.25rem;padding:var(--space-5);text-align:center;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.service-card:hover{border-color:#a4bbfc;border-color:var(--color-brand-300);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card h3{color:#1e293b;color:var(--color-slate-800);font-size:.875rem;font-size:var(--text-sm);margin-bottom:.75rem;margin-bottom:var(--space-3)}.service-card h3,.status{font-weight:600;font-weight:var(--font-semibold)}.status{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2);letter-spacing:.025em;letter-spacing:var(--tracking-wide);padding:.375rem .75rem;padding:var(--space-1\.5) var(--space-3);text-transform:uppercase;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out)}.status,.status:before{border-radius:9999px;border-radius:var(--radius-full)}.status:before{content:"";flex-shrink:0;height:6px;width:6px}.status.active,.status.completed,.status.healthy,.status.running{background:#ecfdf5;background:var(--color-success-50);color:#047857;color:var(--color-success-700)}.status.active:before,.status.completed:before,.status.healthy:before,.status.running:before{animation:statusPulse 2s ease-in-out infinite;background:#10b981;background:var(--color-success-500);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--color-success-100)}.status.degraded,.status.ringing{background:#fffbeb;background:var(--color-warning-50);color:#d97706;color:var(--color-warning-600)}.status.degraded:before,.status.ringing:before{animation:statusPulse 1.5s ease-in-out infinite;background:#f59e0b;background:var(--color-warning-500);box-shadow:0 0 0 3px #fef3c7;box-shadow:0 0 0 3px var(--color-warning-100)}.status.down,.status.failed,.status.stopped,.status.unhealthy{background:#fef2f2;background:var(--color-danger-50);color:#b91c1c;color:var(--color-danger-700)}.status.down:before,.status.failed:before,.status.stopped:before,.status.unhealthy:before{background:#ef4444;background:var(--color-danger-500);box-shadow:0 0 0 3px #fee2e2;box-shadow:0 0 0 3px var(--color-danger-100)}.status.inactive{background:#f1f5f9;background:var(--color-slate-100);color:#475569;color:var(--color-slate-600)}.status.inactive:before{animation:none;background:#94a3b8;background:var(--color-slate-400);box-shadow:0 0 0 3px #e2e8f0;box-shadow:0 0 0 3px var(--color-slate-200)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-online{color:#059669;color:var(--color-success-600)}.status-offline,.status-online{font-weight:700;font-weight:var(--font-bold)}.status-offline{color:#dc2626;color:var(--color-danger-600)}.status-unknown{color:#d97706;color:var(--color-warning-600);font-weight:700;font-weight:var(--font-bold)}.badge{align-items:center;background:#f1f5f9;background:var(--color-slate-100);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.375rem;border-radius:var(--radius-md);color:#334155;color:var(--color-slate-700);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:.25rem .625rem;padding:var(--space-1) var(--space-2\.5);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out)}.badge:hover{background:#e2e8f0;background:var(--color-slate-200)}.badge.inbound{background:#eff6ff;background:var(--color-info-50);border-color:#bfdbfe;border-color:var(--color-info-200);color:#2563eb;color:var(--color-info-600)}.badge.outbound{background:#f1f5f9;background:var(--color-slate-100);border-color:#e2e8f0;border-color:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.table-container{background:#fff;background:var(--surface-card);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8fafc;background:var(--color-slate-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-slate-200)}.data-table th{color:#475569;color:var(--color-slate-600);font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;letter-spacing:var(--tracking-wider);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-slate-100);color:#334155;color:var(--color-slate-700);font-size:.875rem;font-size:var(--text-sm)}.data-table tbody tr{transition:background .15s cubic-bezier(0,0,.2,1);transition:background var(--duration-150) var(--ease-out)}.data-table tbody tr:hover{background:#f8fafc;background:var(--color-slate-50)}.data-table tbody tr:last-child td{border-bottom:none}button{border:none;cursor:pointer;font-family:inherit;font-weight:600;font-weight:var(--font-semibold);overflow:hidden;position:relative;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--color-slate-700) 0,var(--color-slate-800) 100%);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-small{align-items:center;background:#fff;border:1px solid #cbd5e1;border:1px solid var(--color-slate-300);border-radius:.5rem;border-radius:var(--radius-lg);color:#334155;color:var(--color-slate-700);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.375rem;gap:var(--space-1\.5);justify-content:center;margin-right:.5rem;margin-right:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-small:hover:not(:disabled){background:#f8fafc;background:var(--color-slate-50);border-color:#94a3b8;border-color:var(--color-slate-400);transform:translateY(-1px)}.btn-small.btn-primary{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);border-color:#0000;color:#fff}.btn-small.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--color-slate-700) 0,var(--color-slate-800) 100%)}.btn-small.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-danger-500) 0,var(--color-danger-600) 100%);border-color:#0000;color:#fff}.btn-small.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--color-danger-600) 0,var(--color-danger-700) 100%);box-shadow:0 4px 14px 0 #ef444440;box-shadow:var(--shadow-danger)}.filters{flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.filters,.filters label{align-items:center;display:flex}.filters label{color:#334155;color:var(--color-slate-700);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2)}.filters select,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--color-slate-300);border-radius:.5rem;border-radius:var(--radius-lg);box-sizing:border-box;color:#0f172a;color:var(--color-slate-900);font-family:inherit;font-size:.875rem;font-size:var(--text-sm);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out);width:100%}select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;cursor:pointer;height:auto;line-height:1.5;line-height:var(--leading-normal);padding-right:2.5rem;padding-right:var(--space-10)}select::-ms-expand{display:none}textarea{line-height:1.625;line-height:var(--leading-relaxed);min-height:80px;resize:vertical}.filters select:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#5a71f2;border-color:var(--color-brand-500);box-shadow:0 0 0 3px #e0e9ff;box-shadow:0 0 0 3px var(--color-brand-100)}.filters select:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#94a3b8;border-color:var(--color-slate-400)}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--color-slate-400)}.form-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label{color:#334155;color:var(--color-slate-700);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-grid input,.form-grid select{width:100%}.provider-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.provider-options{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin:1rem 0;margin:var(--space-4) 0}.provider-btn{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);color:#334155;color:var(--color-slate-700);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-transform:capitalize;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.provider-btn:hover{background:#f0f4ff;background:var(--color-brand-50);border-color:#a4bbfc;border-color:var(--color-brand-300);transform:translateY(-1px)}.provider-btn.active{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);border-color:#0000;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);color:#fff}.current-provider{background:#f8fafc;background:var(--color-slate-50);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.current-provider strong{color:#0f172a;color:var(--color-slate-900);font-weight:600;font-weight:var(--font-semibold)}.config-group{margin-bottom:2rem;margin-bottom:var(--space-8)}.config-group-header{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);border-radius:.75rem .75rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;margin-bottom:0;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.config-group-header h3{color:#fff;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0;text-transform:capitalize}.config-group-table{border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;overflow:hidden}.config-group-table .data-table thead{display:none}.modal-overlay{align-items:center;animation:modalFadeIn .2s cubic-bezier(0,0,.2,1);animation:modalFadeIn var(--duration-200) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;background:var(--surface-overlay);display:flex;inset:0;justify-content:center;padding:1.5rem;padding:var(--space-6);position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(0,0,.2,1);animation:modalSlideUp var(--duration-300) var(--ease-out);background:#fff;background:var(--surface-card);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;padding:var(--space-8);position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:#f1f5f9;background:var(--color-slate-100);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--color-slate-500);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--text-xl);height:36px;justify-content:center;position:absolute;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out);width:36px}.modal-close:hover{background:#e2e8f0;background:var(--color-slate-200);color:#334155;color:var(--color-slate-700);transform:rotate(90deg)}.call-details{background:#f8fafc;background:var(--color-slate-50);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);margin:1.5rem 0;margin:var(--space-6) 0;padding:1.25rem;padding:var(--space-5)}.call-details p{color:#334155;color:var(--color-slate-700);font-size:.875rem;font-size:var(--text-sm);margin:.5rem 0;margin:var(--space-2) 0}.call-details strong{color:#0f172a;color:var(--color-slate-900)}.conversation{margin-top:1.5rem;margin-top:var(--space-6)}.transcript{background:#f8fafc;background:var(--color-slate-50);border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-xl);max-height:500px;overflow-y:auto;padding:1.25rem;padding:var(--space-5)}.message{background:#fff;border-left:4px solid #cbd5e1;border-left:4px solid var(--color-slate-300);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #00000008;box-shadow:var(--shadow-xs);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-150) var(--ease-out)}.message:hover{box-shadow:0 1px 3px 0 #0000000a,0 1px 2px -1px #0000000a;box-shadow:var(--shadow-sm);transform:translateX(4px)}.message.user{background:#f0f4ff;background:var(--color-brand-50);border-left-color:#5a71f2;border-left-color:var(--color-brand-500)}.message.assistant{background:#ecfdf5;background:var(--color-success-50);border-left-color:#10b981;border-left-color:var(--color-success-500)}.message strong{display:block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;letter-spacing:var(--tracking-wider);margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.loading,.message strong{color:#64748b;color:var(--color-slate-500)}.loading{align-items:center;animation:loadingPulse 2s ease-in-out infinite;display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium);justify-content:center;min-height:300px}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.error{background:#fef2f2;background:var(--color-danger-50);border-left:4px solid #ef4444;border-left:4px solid var(--color-danger-500);border-radius:.75rem;border-radius:var(--radius-xl);color:#b91c1c;color:var(--color-danger-700);font-weight:500;font-weight:var(--font-medium);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.toast-container{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);position:fixed;right:1.5rem;right:var(--space-6);top:1.5rem;top:var(--space-6);z-index:9999}.toast{align-items:center;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);animation:toastSlideIn var(--duration-300) var(--ease-bounce);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000f;box-shadow:var(--shadow-xl);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:1rem;gap:var(--space-4);justify-content:space-between;max-width:450px;min-width:320px;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#ecfdf5;background:var(--color-success-50);border:1px solid #a7f3d0;border:1px solid var(--color-success-200);color:#047857;color:var(--color-success-700)}.toast-error{background:#fef2f2;background:var(--color-danger-50);border:1px solid #fecaca;border:1px solid var(--color-danger-200);color:#b91c1c;color:var(--color-danger-700)}.toast-info{background:#eff6ff;background:var(--color-info-50);border:1px solid #bfdbfe;border:1px solid var(--color-info-200);color:#2563eb;color:var(--color-info-600)}.toast-warning{background:#fffbeb;background:var(--color-warning-50);border:1px solid #fde68a;border:1px solid var(--color-warning-200);color:#d97706;color:var(--color-warning-600)}.toast-close{background:none;border:none;cursor:pointer;font-size:1.125rem;font-size:var(--text-lg);line-height:1;opacity:.5;padding:0;transition:opacity .15s;transition:opacity var(--duration-150)}.toast-close:hover{opacity:1}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative}.login-container:before{animation:loginGradient 20s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#5a71f226 0,#0000 50%),radial-gradient(circle at 70% 70%,#10b9811a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes loginGradient{0%,to{transform:translate(0)}50%{transform:translate(-5%,-5%)}}.login-card{animation:loginCardAppear .5s cubic-bezier(0,0,.2,1);animation:loginCardAppear var(--duration-500) var(--ease-out);background:#fff;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-2xl);max-width:400px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes loginCardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);overflow:hidden;padding:2rem 1.5rem;padding:var(--space-8) var(--space-6);position:relative;text-align:center}.login-header:after{background:linear-gradient(90deg,#7b96f8,#5a71f2);background:linear-gradient(90deg,var(--color-brand-400),var(--color-brand-500));border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-header h1{color:#fff;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:.025em;letter-spacing:var(--tracking-wide);margin-bottom:.25rem;margin-bottom:var(--space-1)}.login-header p{color:#94a3b8;color:var(--color-slate-400);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin:0}.login-form{padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.login-form h2{color:#1e293b;color:var(--color-slate-800);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.login-error{animation:shake .3s cubic-bezier(0,0,.2,1);animation:shake var(--duration-300) var(--ease-out);background:#fef2f2;background:var(--color-danger-50);border:1px solid #fecaca;border:1px solid var(--color-danger-200);border-radius:.5rem;border-radius:var(--radius-lg);color:#b91c1c;color:var(--color-danger-700);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group label{color:#334155;color:var(--color-slate-700);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group input{border:1px solid #cbd5e1;border:1px solid var(--color-slate-300);border-radius:.75rem;border-radius:var(--radius-xl);font-size:1rem;font-size:var(--text-base);padding:1rem;padding:var(--space-4);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);width:100%}.form-group input:focus{border-color:#5a71f2;border-color:var(--color-brand-500);box-shadow:0 0 0 4px #e0e9ff;box-shadow:0 0 0 4px var(--color-brand-100)}.login-btn{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--color-slate-800) 0,var(--color-slate-900) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-xl);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);width:100%}.login-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{background:#94a3b8;background:var(--color-slate-400);cursor:not-allowed}.recharts-surface{border-radius:.5rem;border-radius:var(--radius-lg)}.recharts-text{fill:#64748b;fill:var(--color-slate-500);font-family:inherit;font-size:.75rem;font-size:var(--text-xs)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e8f0;stroke:var(--color-slate-200)}.recharts-legend-wrapper{padding-top:1rem!important;padding-top:var(--space-4)!important}.recharts-tooltip-wrapper{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-slate-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-slate-300);border:2px solid #f1f5f9;border:2px solid var(--color-slate-100)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--color-slate-400)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.text-center{text-align:center}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}@media (max-width:1024px){:root{--sidebar-width:240px}.main-content{padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.stats-grid{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){:root{--sidebar-width:220px}.main-content{padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.provider-grid{grid-template-columns:1fr}h1{font-size:1.5rem;font-size:var(--text-2xl)}}@media (max-width:640px){.sidebar{height:auto;position:relative;width:100%}.main-content{margin-left:0;padding:1rem;padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.modal-content{margin:1rem;margin:var(--space-4);padding:1.25rem;padding:var(--space-5)}}.pulse-animation{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media print{.sidebar{display:none}.main-content{margin-left:0;padding:0}.btn-primary,.btn-small,button{display:none}.card{border:1px solid #cbd5e1;border:1px solid var(--color-slate-300);box-shadow:none;break-inside:avoid;page-break-inside:avoid}}
/*# sourceMappingURL=main.1cb31619.css.map*/