@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_8dec50e9-module__V6cRDq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_8dec50e9-module__V6cRDq__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--font-family:var(--font-inter), system-ui, -apple-system, sans-serif;--bg-app:#f4f7fb;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--bg-primary:#6366f1;--bg-primary-hover:#4f46e5;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0cc;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-lg:0 25px 50px -12px #0000001f;--shadow-premium:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--sidebar-width:260px;--topbar-height:64px}.dark{--bg-app:#0b0f19;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-glass:#0f172abf;--bg-primary:#818cf8;--bg-primary-hover:#6366f1;--primary-gradient:linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-color:#33415580;--shadow-sm:0 4px 6px -1px #0003;--shadow-md:0 10px 15px -3px #0000004d;--shadow-lg:0 25px 50px -12px #00000080;--hover-overlay:#ffffff0d;--badge-green-bg:#10b98133;--badge-green-text:#34d399;--badge-red-bg:#ef444433;--badge-red-text:#f87171;--badge-blue-bg:#3b82f633;--badge-blue-text:#60a5fa;--badge-purple-bg:#8b5cf633;--badge-purple-text:#a78bfa;--badge-yellow-bg:#f59e0b33;--badge-yellow-text:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--border-color);align-items:center;padding:0 24px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.logo-icon{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:39px;height:32px;display:flex;box-shadow:0 2px 8px #4338ca4d}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px;transition:transform .2s}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item:hover svg{transform:translate(3px)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-item.active svg{stroke:#fff}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.topbar h1{color:var(--text-primary);font-size:18px;font-weight:600}.topbar-actions{align-items:center;gap:16px;display:flex}.icon-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.icon-button:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.user-profile{cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.user-profile:hover{background-color:var(--bg-surface-hover)}.avatar{width:32px;height:32px;color:var(--bg-primary);background-color:#eef2ff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.user-role{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.2}.content-area{flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:15px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);animation:fadeInUp .6s ease outset both;flex-direction:column;gap:20px;padding:32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.metric-card:hover{box-shadow:var(--shadow-premium);border-color:var(--bg-primary);transform:translateY(-8px)scale(1.02)}.metric-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.metric-header svg{color:var(--text-tertiary);width:20px;height:20px}.metric-value{color:var(--text-primary);letter-spacing:-.5px;font-size:32px;font-weight:700}.metric-trend{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-text{color:var(--text-secondary);font-weight:400}.charts-section{grid-template-columns:2fr 1fr;gap:24px;display:grid}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-action{color:var(--bg-primary);font-size:13px;font-weight:500;text-decoration:none}.card-action:hover{text-decoration:underline}.card-body{flex-direction:column;min-height:300px;padding:24px;display:flex}.placeholder-chart{border-radius:var(--radius-md);width:100%;color:var(--text-tertiary);background:repeating-linear-gradient(45deg,#f9fafb,#f9fafb 10px,#f3f4f6 10px 20px);border:1px dashed #d1d5db;flex:1;justify-content:center;align-items:center;font-weight:500;display:flex}.recent-calls-list{flex-direction:column;gap:16px;display:flex}.call-item{border-bottom:1px solid var(--bg-surface-hover);align-items:center;gap:16px;padding-bottom:16px;display:flex}.call-item:last-child{border-bottom:none;padding-bottom:0}.call-avatar{background-color:var(--bg-app);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.call-details{flex:1}.call-name{color:var(--text-primary);font-size:14px;font-weight:600}.call-time{color:var(--text-secondary);margin-top:2px;font-size:12px}.call-status{border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:500}.status-completed{background-color:var(--badge-green-bg);color:var(--badge-green-text)}.status-missed{background-color:var(--badge-red-bg);color:var(--badge-red-text)}.mobile-toggle{display:none}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;margin-right:16px;padding:4px;display:block}.topbar{justify-content:flex-start;padding:0 20px}.topbar h1{flex:1;font-size:18px}.content-area{padding:20px}.user-info{display:none}.user-profile{padding:6px}}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--bg-surface-hover);vertical-align:middle;padding:16px 24px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--hover-overlay)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green,.status-completed{background-color:var(--badge-green-bg);color:var(--badge-green-text)}.badge-red,.status-missed{background-color:var(--badge-red-bg);color:var(--badge-red-text)}.badge-blue{background-color:var(--badge-blue-bg);color:var(--badge-blue-text)}.badge-purple{background-color:var(--badge-purple-bg);color:var(--badge-purple-text)}.badge-yellow{background-color:var(--badge-yellow-bg);color:var(--badge-yellow-text)}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;background-color:var(--bg-surface);cursor:pointer;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;transition:all .2s;display:flex}.upload-dropzone.drag-active{border-color:var(--bg-primary);background-color:#eef2ff}.upload-icon{width:48px;height:48px;color:var(--bg-primary);background:#eef2ff;border-radius:50%;padding:12px}.upload-title{color:var(--text-primary);font-size:18px;font-weight:600}.upload-subtitle{color:var(--text-secondary);font-size:14px}.upload-button{background-color:var(--bg-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-weight:500;transition:background-color .2s}.upload-button:hover{background-color:var(--bg-primary-hover)}.upload-button:disabled{background-color:var(--text-tertiary);cursor:not-allowed}.secondary-button{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:10px 24px;font-weight:500;transition:background-color .2s}.secondary-button:hover{background-color:var(--bg-surface-hover)}.success-message{color:#065f46;border-radius:var(--radius-md);background-color:#d1fae5;align-items:center;gap:8px;margin-top:16px;padding:16px;font-weight:500;display:flex}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background-color:var(--bg-surface);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--bg-primary);box-shadow:0 0 0 3px #4338ca26}.filters-bar{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:#f8fafc;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.filter-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.page-button{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.page-button:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary)}.page-button.active{background-color:var(--bg-primary);border-color:var(--bg-primary);color:#fff}.page-button:disabled{opacity:.5;cursor:not-allowed}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.steps-container{justify-content:space-between;align-items:center;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex;position:relative}.steps-container:before{content:"";background:var(--border-color);z-index:1;height:2px;position:absolute;top:18px;left:0;right:0}.step{z-index:2;background:var(--bg-app);flex-direction:column;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.step-circle{background:var(--bg-surface);border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.step.active .step-circle{background:var(--bg-primary);border-color:var(--bg-primary);color:#fff;box-shadow:0 0 15px #6366f166}.step.completed .step-circle{color:#fff;background:#10b981;border-color:#10b981}.step-label{color:var(--text-secondary);font-size:12px;font-weight:500}.step.active .step-label{color:var(--text-primary);font-weight:600}.preview-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.preview-table-container thead{background:var(--bg-surface-hover)}.preview-table-container th{color:var(--text-primary);background:var(--bg-surface-hover);z-index:10;font-weight:600;position:sticky;top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.action-link{color:var(--bg-primary);align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.action-link:hover{text-decoration:underline;transform:translate(2px)}.card{animation:.6s both fadeInUp}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--bg-primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}