@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";.neu{--neu-bg: #e8e4f3;--neu-light: #ffffff;--neu-dark: #cac2e4;--clay-ambient: rgba(116,98,180,.42);--neu-shadow: 20px 20px 44px -18px var(--clay-ambient), inset 6px 6px 13px var(--neu-light), inset -6px -6px 13px var(--neu-dark);--neu-shadow-sm: 11px 11px 24px -12px var(--clay-ambient), inset 4px 4px 9px var(--neu-light), inset -4px -4px 9px var(--neu-dark);--neu-inset: inset 5px 5px 12px var(--neu-dark), inset -5px -5px 12px var(--neu-light);--neu-inset-sm: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--app-bg: var(--neu-bg);--bg-primary: var(--neu-bg);--bg-secondary: var(--neu-bg);--bg-card: var(--neu-bg);--bg-card-hover: #eeebf7;--bg-hover: #ded9ee;--text-primary: #37325a;--text-secondary: #6d6790;--text-tertiary: #a29cc2;--border-color: transparent;--card-border: transparent;--glass-border: transparent}.neu,body.neu,html.neu body{background:radial-gradient(120% 85% at 8% -12%,#f1eefa,transparent 55%),radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--primary, #7c5cff) 10%,var(--neu-bg)),transparent 45%),var(--neu-bg)!important;background-attachment:fixed!important;color:#37325a;font-family:Nunito,system-ui,-apple-system,sans-serif}.neu h1,.neu h2,.neu h3,.neu h4,.neu .page-title,.neu button,.neu .btn,.neu-brand,.neu-logo,.neu-tab,.neu .client-stat-block,.neu .stat-tile,.neu .stat-block{font-family:Fredoka,system-ui,sans-serif}.neu [class$=-card],.neu [class*="-card "],.neu .card,.neu .client-chart-card,.neu .client-vs-card,.neu .stat-card,.neu .panel,.neu .glass{background:var(--neu-bg)!important;border:none!important;border-radius:30px!important;box-shadow:var(--neu-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.neu .client-stat-block,.neu .stat-block,.neu .stat-tile{background:var(--neu-bg)!important;border:none!important;border-radius:24px!important;box-shadow:var(--neu-shadow)!important;color:var(--text-primary)!important}.neu .client-stat-block:hover,.neu [class$=-card]:hover{box-shadow:var(--neu-shadow-sm)!important}.neu button,.neu .btn{border:none!important;border-radius:16px!important;box-shadow:var(--neu-shadow-sm);background:var(--neu-bg);color:var(--text-primary);font-weight:500;transition:box-shadow .15s ease,transform .1s ease}.neu button:hover:not(:disabled),.neu .btn:hover:not(:disabled){box-shadow:var(--neu-shadow);transform:translateY(-2px)}.neu button:active:not(:disabled),.neu .btn:active:not(:disabled){box-shadow:var(--neu-inset-sm);transform:translateY(0)}.neu .btn-primary,.neu button[type=submit]:not(.link),.neu .client-login-btn{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 84%,#fff),var(--primary))!important;color:#fff!important;box-shadow:12px 12px 26px -12px var(--clay-ambient),inset 3px 3px 7px #ffffff61,inset -3px -3px 7px #0000002e!important}.neu input:not([type=color]):not([type=checkbox]):not([type=radio]),.neu select,.neu textarea{background:var(--neu-bg)!important;border:none!important;border-radius:15px!important;box-shadow:var(--neu-inset)!important;color:var(--text-primary)!important;font-family:Nunito,sans-serif!important}.neu table{background:transparent!important}.neu th{color:var(--text-secondary)!important;background:transparent!important;border:none!important}.neu td{border-color:#5a469614!important;color:var(--text-primary)!important}.neu h1,.neu h2,.neu h3,.neu h4,.neu .page-title{color:var(--text-primary)!important}.neu p,.neu span,.neu label,.neu li,.neu div{color:inherit}.neu .text-secondary,.neu .muted{color:var(--text-secondary)!important}.neu-app{min-height:100vh;background:transparent;display:flex;flex-direction:column}.neu-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:14px 24px;margin:10px;background:var(--neu-bg);border-radius:26px;box-shadow:16px 16px 34px -18px var(--clay-ambient),inset 5px 5px 11px var(--neu-light),inset -5px -5px 11px var(--neu-dark)}.neu-brand{display:flex;align-items:center}.neu-logo{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 82%,#fff),var(--primary));color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px;box-shadow:7px 7px 15px -5px var(--clay-ambient),inset 3px 3px 6px #fff6,inset -3px -3px 6px #00000029}.neu-tabs{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.neu-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:15px;color:var(--text-secondary);font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap;transition:color .15s ease,box-shadow .15s ease,transform .12s ease}.neu-tab:hover{color:var(--text-primary);transform:translateY(-1px)}.neu-tab.active{color:var(--primary);box-shadow:var(--neu-inset)}.neu-header-right{display:flex;align-items:center;gap:14px}.neu-accent-picker{position:relative;width:36px;height:36px;border-radius:12px;cursor:pointer;box-shadow:var(--neu-shadow-sm);display:inline-flex;align-items:center;justify-content:center}.neu-accent-picker .swatch{width:18px;height:18px;border-radius:7px;box-shadow:0 0 0 2px #fff9}.neu-accent-picker input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.neu-client{display:flex;align-items:center;gap:10px}.neu-avatar{width:38px;height:38px;border-radius:13px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 82%,#fff),var(--primary));color:#fff;font-weight:700;font-size:13px;font-family:Fredoka,sans-serif;box-shadow:5px 5px 11px -4px var(--clay-ambient),inset 2px 2px 5px #fff6,inset -2px -2px 5px #00000026}.neu-client-meta{display:flex;flex-direction:column;line-height:1.2}.neu-client-name{font-size:13px;font-weight:700;color:var(--text-primary)}.neu-balance{font-size:12px;color:#12a06b}.neu-balance.danger{color:#e23b5a}.neu-logout{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;cursor:pointer;background:var(--neu-bg);color:#e23b5a;border:none;box-shadow:var(--neu-shadow-sm)}.neu-logout:hover{box-shadow:var(--neu-shadow)}.neu-main{flex:1}.neu-page{max-width:1400px;margin:0 auto;padding:24px}.neu .main-content{margin-left:0!important}@media (max-width: 820px){.neu-header{flex-wrap:wrap}.neu-tabs{order:3;width:100%;overflow-x:auto}.neu-tab span{display:none}}.neu .client-stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.neu .client-stat-block{display:flex;align-items:center;gap:16px;background:var(--neu-bg)!important;border:none!important;border-radius:26px!important;padding:20px 22px!important;box-shadow:var(--neu-shadow)!important}.neu .client-stat-icon{width:54px!important;height:54px!important;flex-shrink:0;border-radius:18px!important;display:grid;place-items:center;color:#fff!important;box-shadow:inset 2px 2px 5px #fff6,inset -3px -3px 6px #0000002e,6px 6px 14px -6px var(--clay-ambient)!important}.neu .client-stat-icon svg{color:#fff!important;stroke:#fff!important}.neu .client-stat-value{font-family:Fredoka,sans-serif!important;font-size:30px!important;font-weight:600!important;color:var(--text-primary)!important;line-height:1.05;font-variant-numeric:tabular-nums}.neu .client-stat-label{font-size:12px!important;color:var(--text-secondary)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;margin-top:5px}.neu .client-stat-block.blue .client-stat-icon{background:linear-gradient(145deg,#7fb2ff,#4f8ff0)!important}.neu .client-stat-block.green .client-stat-icon{background:linear-gradient(145deg,#4fd8b6,#2fbf9b)!important}.neu .client-stat-block.purple .client-stat-icon{background:linear-gradient(145deg,#b49bff,#9b7dff)!important}.neu .client-stat-block.amber .client-stat-icon{background:linear-gradient(145deg,#ffc069,#f6a340)!important}.neu .client-stat-block.gray .client-stat-icon{background:linear-gradient(145deg,#b3bad9,#98a0c9)!important}.neu .client-charts-row{gap:18px!important}.neu .client-chart-card{padding:24px!important;border-radius:28px!important}.neu .client-chart-card h3{font-family:Fredoka,sans-serif!important;font-size:17px!important;color:var(--text-primary)!important}.neu .client-legend-color{width:12px!important;height:12px!important;border-radius:5px!important}.neu .client-legend-label{color:var(--text-secondary)!important}.neu .client-legend-value{color:var(--text-primary)!important;font-weight:700!important}.neu .client-no-data{color:var(--text-tertiary)!important}.neu .client-stats-tabs{background:var(--neu-bg)!important;border-radius:18px!important;box-shadow:var(--neu-inset-sm)!important;padding:6px!important;gap:6px!important}.neu .client-stats-tab{border-radius:13px!important;font-family:Fredoka,sans-serif!important;box-shadow:none!important;background:transparent!important}.neu .client-stats-tab.active{color:var(--primary)!important;box-shadow:var(--neu-shadow-sm)!important}.neu .client-table-container{background:var(--neu-bg)!important;border:none!important;border-radius:28px!important;box-shadow:var(--neu-shadow)!important;padding:22px!important;margin-top:18px}.neu .client-table-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.neu .client-table-actions{display:flex;align-items:center;gap:10px}.neu .client-table th{font-family:Fredoka,sans-serif!important;text-transform:uppercase;font-size:11.5px;letter-spacing:.05em;color:var(--text-tertiary)!important;padding:10px 12px!important;text-align:left}.neu .client-table td{padding:13px 12px!important;border-color:#7864be1a!important}.neu .td-number{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary)!important;letter-spacing:.01em}.neu .td-time{color:var(--text-secondary)!important;white-space:nowrap}.neu .client-dispo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:12.5px;color:var(--c)!important;background:color-mix(in srgb,var(--c) 16%,var(--neu-bg))!important;box-shadow:var(--neu-inset-sm)}.neu .client-csv-btn{display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif!important;font-weight:600;font-size:13.5px;color:#fff!important;border:none;cursor:pointer;padding:11px 18px!important;border-radius:14px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 84%,#fff),var(--primary))!important;box-shadow:10px 10px 22px -10px var(--clay-ambient),inset 3px 3px 7px #ffffff59,inset -3px -3px 7px #0000002e!important}.neu .client-csv-btn:hover:not(:disabled){transform:translateY(-2px)}.neu .client-csv-btn:disabled{opacity:.5;cursor:not-allowed}.neu .client-play-btn{width:42px!important;height:42px!important;border-radius:14px!important;display:inline-grid;place-items:center;color:var(--primary)!important;background:var(--neu-bg)!important;box-shadow:var(--neu-shadow-sm)!important}.neu .client-play-btn.playing{color:#fff!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 84%,#fff),var(--primary))!important;box-shadow:var(--neu-inset-sm)!important}.neu .client-no-rec{color:var(--text-tertiary)!important}.neu .client-clear-filter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)!important;background:var(--neu-bg)!important;box-shadow:var(--neu-shadow-sm)!important;border-radius:13px!important;padding:10px 14px!important}.neu .client-call-count{font-size:13px;color:var(--text-tertiary)!important;font-weight:600;margin-left:8px}.spin{animation:clayspin 1s linear infinite}@keyframes clayspin{to{transform:rotate(360deg)}}.client-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:var(--space-lg)}.client-login-container{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.client-login-header{text-align:center;margin-bottom:var(--space-xl)}.client-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.client-logo .logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.client-logo .logo-text{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.client-login-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.client-login-header p{font-size:.875rem;color:var(--text-muted)}.client-login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.client-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.client-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.client-form-group input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-fast)}.client-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.client-form-group input::placeholder{color:var(--text-muted)}.client-login-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm)}.client-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.client-login-btn:disabled{opacity:.7;cursor:not-allowed}.client-error-message{padding:var(--space-sm) var(--space-md);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--primary-light);font-size:.875rem}.client-login-footer{margin-top:var(--space-lg);text-align:center}.client-login-footer p{font-size:.8125rem;color:var(--text-muted)}.client-login-footer a{color:var(--primary);text-decoration:none}.client-login-footer a:hover{text-decoration:underline}.client-layout{min-height:100vh;background:var(--bg-dark);display:flex}.client-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.client-sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);min-height:76px;display:flex;align-items:center}.client-sidebar-logo{display:flex;align-items:center;gap:var(--space-md)}.client-sidebar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#fff}.client-sidebar-logo .logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.client-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.client-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-fast);position:relative}.client-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.client-nav-item.active{background:linear-gradient(135deg,#dc262626,#dc26260d);border:1px solid rgba(220,38,38,.2);color:var(--primary)}.client-nav-item svg{width:20px;height:20px;flex-shrink:0}.client-sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-color)}.client-user-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);margin-bottom:var(--space-sm)}.client-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0}.client-user-details{flex:1;min-width:0;display:flex;flex-direction:column}.client-user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-balance{font-size:.75rem;color:var(--success);font-weight:500}.client-user-balance.low{color:var(--danger)}.client-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.client-logout-btn:hover{color:var(--danger);border-color:#dc26264d;background:#dc26261a}.client-main{flex:1;margin-left:260px;padding:var(--space-xl);min-height:100vh}.client-page-header{margin-bottom:var(--space-lg)}.client-page-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.client-page-header p{font-size:.875rem;color:var(--text-muted)}.grace-period-banner{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#f59e0b1f,#ef444414);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.grace-period-banner.urgent{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d}.grace-period-content{display:flex;align-items:center;gap:var(--space-md)}.grace-period-icon{width:40px;height:40px;background:#f59e0b26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--warning);flex-shrink:0}.grace-period-banner.urgent .grace-period-icon{background:#dc262626;color:var(--danger)}.grace-period-text h3{font-size:.875rem;font-weight:600;color:var(--warning-light);margin-bottom:2px}.grace-period-banner.urgent .grace-period-text h3{color:var(--primary-light)}.grace-period-text p{font-size:.8125rem;color:var(--text-secondary)}.grace-period-btn{padding:var(--space-sm) var(--space-md);background:var(--warning);color:#0f172a;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.grace-period-btn:hover{background:var(--warning-light);transform:translateY(-1px)}.client-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md)}.client-loading p{color:var(--text-muted);font-size:.875rem}.client-stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.client-stat-block{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid transparent;display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast)}.client-stat-block:hover{transform:translateY(-2px)}.client-stat-block.green{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e33}.client-stat-block.green:hover{border-color:#22c55e59}.client-stat-block.blue{background:linear-gradient(135deg,#3b82f61a,#6366f10d);border-color:#3b82f633}.client-stat-block.blue:hover{border-color:#3b82f659}.client-stat-block.purple{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-color:#8b5cf633}.client-stat-block.purple:hover{border-color:#8b5cf659}.client-stat-block.orange{background:linear-gradient(135deg,#f59e0b1a,#f973160d);border-color:#f59e0b33}.client-stat-block.orange:hover{border-color:#f59e0b59}.client-stat-block.red{background:linear-gradient(135deg,#dc26261a,#b91c1c0d);border-color:#dc262633}.client-stat-block.red:hover{border-color:#dc262659}.client-stat-block.amber{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33}.client-stat-block.amber:hover{border-color:#f59e0b59}.client-stat-block.gray{background:linear-gradient(135deg,#6b72801a,#4b55630d);border-color:#6b728033}.client-stat-block.gray:hover{border-color:#6b728059}.client-stat-block.cyan{background:linear-gradient(135deg,#06b6d41a,#14b8a60d);border-color:#06b6d433}.client-stat-block.cyan:hover{border-color:#06b6d459}.client-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-stat-block.green .client-stat-icon{background:#22c55e26;color:var(--success)}.client-stat-block.blue .client-stat-icon{background:#3b82f626;color:var(--info)}.client-stat-block.purple .client-stat-icon{background:#8b5cf626;color:var(--secondary)}.client-stat-block.orange .client-stat-icon{background:#f59e0b26;color:var(--warning)}.client-stat-block.red .client-stat-icon{background:#dc262626;color:var(--danger)}.client-stat-block.amber .client-stat-icon{background:#f59e0b26;color:#f59e0b}.client-stat-block.gray .client-stat-icon{background:#6b728026;color:#6b7280}.client-stat-block.cyan .client-stat-icon{background:#06b6d426;color:#06b6d4}.client-stat-content{flex:1;min-width:0}.client-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.client-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.client-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.client-table-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.client-table-header h2{font-size:1rem;font-weight:600;color:var(--text-primary)}.client-table{width:100%;border-collapse:collapse}.client-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.client-table td{padding:var(--space-md);font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.client-table tbody tr{transition:background var(--transition-fast)}.client-table tbody tr:hover{background:var(--bg-card-hover)}.client-table tbody tr:last-child td{border-bottom:none}.dialer-name{font-weight:500;color:var(--text-primary)}.dialer-host{font-size:.75rem;color:var(--text-muted)}.bot-sip{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:.8125rem}.bot-name{font-size:.75rem;color:var(--text-muted)}.bot-count{font-weight:500;color:var(--text-primary)}.vm-info{font-size:.75rem;color:var(--text-muted);font-family:monospace}.client-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.client-status.online,.client-status.active{background:#22c55e1f;color:var(--success)}.client-status.offline,.client-status.inactive{background:#64748b1f;color:var(--text-muted)}.client-status.error,.client-status.crashed{background:#dc26261f;color:var(--danger)}.client-status.pending{background:#f59e0b1f;color:var(--warning)}.client-status.in_progress{background:#3b82f61f;color:var(--info)}.client-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bot-actions{display:flex;align-items:center;gap:var(--space-xs)}.client-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.client-action-btn:disabled{opacity:.5;cursor:not-allowed}.client-action-btn.primary{background:#3b82f61f;color:var(--info)}.client-action-btn.primary:hover:not(:disabled){background:#3b82f633}.client-action-btn.danger{background:#dc26261f;color:var(--danger)}.client-action-btn.danger:hover:not(:disabled){background:#dc262633}.client-action-btn.success{background:#22c55e1f;color:var(--success)}.client-action-btn.success:hover:not(:disabled){background:#22c55e33}.client-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.client-search{flex:1;min-width:200px;max-width:300px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.client-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.client-search svg{color:var(--text-muted);flex-shrink:0}.client-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.client-search input::placeholder{color:var(--text-muted)}.client-filter-group{display:flex;align-items:center;gap:var(--space-sm)}.client-filter-group svg{color:var(--text-muted)}.client-filter-group select{padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px}.client-filter-group select:hover{border-color:var(--primary)}.client-filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.billing-summary-content{padding:var(--space-lg)}.billing-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.billing-summary-row:last-child{border-bottom:none}.billing-label{font-size:.875rem;color:var(--text-muted)}.billing-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.billing-value.warning{color:var(--warning)}.client-section{margin-bottom:var(--space-lg)}.stats-overview-content{padding:var(--space-lg)}.stats-bar-container{display:flex;flex-direction:column;gap:var(--space-md)}.stats-bar{height:24px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;display:flex}.stats-bar-segment{height:100%;transition:width .3s ease}.stats-bar-segment.online{background:linear-gradient(90deg,#22c55e,#16a34a)}.stats-bar-segment.offline{background:linear-gradient(90deg,#64748b,#475569)}.stats-bar-segment.error{background:linear-gradient(90deg,#dc2626,#b91c1c)}.stats-bar-legend{display:flex;align-items:center;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.online{background:#22c55e}.legend-dot.offline{background:#64748b}.legend-dot.error{background:#dc2626}.client-table tfoot tr{border-top:2px solid var(--border-color)}.client-table tfoot td{padding:var(--space-md);font-size:.875rem;color:var(--text-primary)}@media (max-width: 1024px){.client-sidebar{width:260px;transform:translate(-100%);transition:transform var(--transition-base)}.client-sidebar.open{transform:translate(0)}.client-main{margin-left:0;padding:var(--space-md)}.client-stat-blocks{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.client-stat-blocks{grid-template-columns:1fr}.grace-period-banner{flex-direction:column;text-align:center}.grace-period-content{flex-direction:column}.client-filters{flex-direction:column;align-items:stretch}.client-search{max-width:none}.client-filter-group{justify-content:space-between}.client-filter-group select{flex:1}}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 768px){.dashboard-two-col{grid-template-columns:1fr}}.client-table-subtitle{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.call-stats-date-nav{display:flex;align-items:center;gap:6px}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s;padding:0}.date-nav-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--primary)}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-nav-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-muted);cursor:pointer;position:relative;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .15s}.date-nav-label:hover{border-color:var(--primary);color:var(--text-primary)}.date-nav-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2;font-size:16px}.date-nav-picker{padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;outline:none}.date-nav-picker:hover{border-color:var(--primary)}.date-nav-picker:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ef44441a}.date-nav-today-btn{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);background:#3b82f61a;color:#3b82f6;cursor:pointer;transition:all .15s}.date-nav-today-btn:hover{background:#3b82f633}.date-nav-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.dashboard-status-content{padding:var(--space-lg)}.dashboard-status-bar{height:12px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;display:flex;margin-bottom:var(--space-lg)}.dashboard-status-segment{height:100%;transition:width .3s ease}.dashboard-status-segment.active{background:linear-gradient(90deg,#10b981,#059669)}.dashboard-status-segment.waiting{background:linear-gradient(90deg,#f59e0b,#d97706)}.dashboard-status-segment.dial-level-0{background:linear-gradient(90deg,#ef4444,#dc2626)}.dashboard-status-segment.offline{background:linear-gradient(90deg,#6b7280,#4b5563)}.dashboard-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media (max-width: 640px){.dashboard-status-cards{grid-template-columns:repeat(2,1fr)}}.dashboard-status-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-status-card:hover{transform:translateY(-2px)}.dashboard-status-card.active{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.dashboard-status-card.waiting{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.dashboard-status-card.dial-level-0{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.dashboard-status-card.offline{background:#6b72801a;border:1px solid rgba(107,114,128,.2);color:#6b7280}.dashboard-status-card .status-count{font-size:1.5rem;font-weight:700;color:inherit}.dashboard-status-card .status-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;opacity:.9}.dashboard-dispo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);padding:var(--space-lg)}.dashboard-dispo-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-dispo-card:hover{transform:translateY(-2px)}.dashboard-dispo-card .dispo-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.dashboard-dispo-card .dispo-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dashboard-dispo-card .dispo-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);text-align:center}.dashboard-dispo-card.calls{background:#3b82f614;border:1px solid rgba(59,130,246,.15)}.dashboard-dispo-card.calls .dispo-icon{background:#3b82f626;color:#3b82f6}.dashboard-dispo-card.xfer{background:#10b98114;border:1px solid rgba(16,185,129,.15)}.dashboard-dispo-card.xfer .dispo-icon{background:#10b98126;color:#10b981}.dashboard-dispo-card.am{background:#8b5cf614;border:1px solid rgba(139,92,246,.15)}.dashboard-dispo-card.am .dispo-icon{background:#8b5cf626;color:#8b5cf6}.dashboard-dispo-card.ni{background:#f59e0b14;border:1px solid rgba(245,158,11,.15)}.dashboard-dispo-card.ni .dispo-icon{background:#f59e0b26;color:#f59e0b}.dashboard-dispo-card.na{background:#6b728014;border:1px solid rgba(107,114,128,.15)}.dashboard-dispo-card.na .dispo-icon{background:#6b728026;color:#6b7280}.dashboard-dispo-card.dnc{background:#ef444414;border:1px solid rgba(239,68,68,.15)}.dashboard-dispo-card.dnc .dispo-icon{background:#ef444426;color:#ef4444}.dashboard-dispo-card.dnq{background:#f9731614;border:1px solid rgba(249,115,22,.15)}.dashboard-dispo-card.dnq .dispo-icon{background:#f9731626;color:#f97316}.dashboard-dispo-card.rate{background:#06b6d414;border:1px solid rgba(6,182,212,.15)}.dashboard-dispo-card.rate .dispo-icon{background:#06b6d426;color:#06b6d4}[data-theme=light] .client-layout{background:var(--bg-dark)}[data-theme=light] .client-sidebar{background:var(--bg-card);border-right-color:var(--border-color)}[data-theme=light] .client-sidebar-logo .logo-text,[data-theme=light] .client-user-name{color:var(--text-primary)}[data-theme=light] .client-nav-item{color:var(--text-secondary)}[data-theme=light] .client-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=light] .client-nav-item.active{background:linear-gradient(135deg,#dc26261a,#dc26260d);color:var(--primary)}[data-theme=light] .client-page-header h1{color:var(--text-primary)}[data-theme=light] .client-page-header p{color:var(--text-muted)}[data-theme=light] .client-stat-value{color:var(--text-primary)}[data-theme=light] .client-stat-label{color:var(--text-muted)}[data-theme=light] .client-table-container{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .client-table-header{background:var(--bg-elevated);border-bottom-color:var(--border-color)}[data-theme=light] .client-table-header h2{color:var(--text-primary)}[data-theme=light] .client-table th{background:var(--bg-elevated);color:var(--text-muted);border-bottom-color:var(--border-color)}[data-theme=light] .client-table td{color:var(--text-secondary);border-bottom-color:var(--border-color)}[data-theme=light] .client-table tbody tr:hover{background:var(--bg-card-hover)}[data-theme=light] .dialer-name,[data-theme=light] .bot-sip,[data-theme=light] .bot-count,[data-theme=light] .billing-value{color:var(--text-primary)}[data-theme=light] .client-logout-btn{color:var(--text-muted);border-color:var(--border-color)}[data-theme=light] .client-logout-btn:hover{color:var(--danger);border-color:#dc26264d;background:#dc26260d}[data-theme=light] .grace-period-banner{background:linear-gradient(135deg,#f59e0b14,#ef44440d)}[data-theme=light] .grace-period-text p{color:var(--text-secondary)}.client-page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.client-sync-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;transition:all var(--transition-fast)}.client-sync-status.connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.client-sync-status.reconnecting{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2);animation:pulse 1.5s infinite}.client-sync-status.disconnected{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.client-sync-toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease}.client-sync-toast svg{color:#10b981}.client-sync-toast span{font-size:.875rem;color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes highlightNew{0%{background-color:#22c55e4d}to{background-color:transparent}}.call-row.highlight-new{animation:highlightNew 2s ease-out}.spin{animation:spin 1s linear infinite}:root{--primary: #f2994a;--primary-dark: #d97b2e;--primary-light: #f7ad63;--primary-glow: rgba(242, 153, 74, .4);--secondary: #f2c14e;--secondary-dark: #d9a52e;--secondary-light: #f7d888;--success: #5ac47d;--success-light: #86d9a1;--warning: #f2c14e;--warning-light: #f7d888;--danger: #ef6a6a;--info: #63b3f5;--bg-dark: #0d0b0a;--bg-darker: #0a0807;--bg-card: rgba(20, 20, 23, .34);--bg-card-hover: rgba(34, 34, 39, .44);--bg-elevated: rgba(28, 28, 33, .5);--bg-input: rgba(0, 0, 0, .22);--bg-tertiary: rgba(255, 255, 255, .05);--glass-bg: rgba(20, 20, 23, .34);--glass-solid: rgba(14, 14, 16, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .4);--glass-blur: saturate(1.3) blur(22px);--text-primary: #f6f4f1;--text-secondary: #a9a29a;--text-muted: #7c766e;--text-disabled: #5c574f;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .13);--border-focus: var(--primary);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 4px 12px rgba(0, 0, 0, .36);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .46);--shadow-glow: 0 0 0 1px rgba(94, 106, 210, .35), 0 4px 24px rgba(94, 106, 210, .22);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--transition-spring: .46s cubic-bezier(.34, 1.4, .5, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gradient-bg-1: rgba(242, 193, 78, .16);--gradient-bg-2: rgba(242, 153, 74, .14);--gradient-bg-3: rgba(120, 110, 180, .08)}[data-theme=light]{--bg-dark: #f5f5f7;--bg-darker: #e8e8ec;--bg-card: #ffffff;--bg-card-hover: #f9f9fb;--bg-elevated: #fafafa;--bg-input: #f0f0f3;--bg-tertiary: #f3f4f6;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #6b7280;--text-disabled: #9ca3af;--border-color: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(94, 106, 210, .2);--primary-glow: rgba(94, 106, 210, .25);--gradient-bg-1: rgba(94, 106, 210, .08);--gradient-bg-2: rgba(113, 112, 255, .05);--gradient-bg-3: rgba(255, 255, 255, .5)}[data-theme=light] .btn:before{background:#00000014}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-primary:hover{color:#fff;background:linear-gradient(135deg,var(--primary-dark) 0%,#4d57b5 100%)}[data-theme=light] .btn-danger{color:#fff}[data-theme=light] .btn-danger:hover{color:#fff;background:linear-gradient(135deg,#5e6ad2,#3f47a0)}[data-theme=light] .btn-success{color:#fff}[data-theme=light] .btn-success:hover{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}[data-theme=light] .btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}[data-theme=light] .btn-secondary:hover{background:var(--bg-darker);color:var(--text-primary);border-color:var(--border-light)}[data-theme=light] .btn-ghost{color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.light .btn:before{background:#00000014}.light .btn-primary,.light .btn-primary:hover,.light .btn-danger,.light .btn-danger:hover,.light .btn-success,.light .btn-success:hover{color:#fff}.light .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#4d57b5 100%)}.light .btn-danger:hover{background:linear-gradient(135deg,#5e6ad2,#3f47a0)}.light .btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.light .btn-secondary{background:var(--bg-card);color:var(--text-primary)}.light .btn-secondary:hover{background:var(--bg-darker);color:var(--text-primary)}.light .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}:root{--app-bg: radial-gradient(58% 52% at 50% -6%, var(--gradient-bg-1), transparent 60%), radial-gradient(36% 44% at 6% 38%, var(--gradient-bg-2), transparent 60%), radial-gradient(44% 50% at 100% 80%, var(--gradient-bg-2), transparent 62%), radial-gradient(40% 40% at 88% 8%, var(--gradient-bg-3), transparent 60%), linear-gradient(150deg, #171310 0%, #0d0b0a 45%, #100c0a 100%)}body{font-family:var(--font-family);background:var(--app-bg);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow),color var(--transition-slow)}body:before{content:none}@keyframes gradientShift{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;padding:var(--space-xl);transition:margin-left var(--transition-base)}@media (max-width: 1024px){.main-content{margin-left:0;padding:var(--space-md)}}.page-container{max-width:1600px;margin:0 auto}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.card-title{font-size:1.25rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #5e6ad266}.btn-primary:hover{box-shadow:0 6px 20px #5e6ad280;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#4d57b5 100%);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#fff}.btn-success:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.btn-danger:hover{box-shadow:0 6px 20px #5e6ad266;transform:translateY(-1px)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-icon.sm{width:32px;height:32px}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:44px}.input-with-icon .icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}textarea.input{min-height:100px;resize:vertical}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;min-height:38px}select.input:hover{border-color:var(--primary)}select:not(.input){padding:var(--space-sm) 32px var(--space-sm) var(--space-md);min-height:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}select:not(.input):hover{border-color:var(--primary)}select:not(.input):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select.select-sm{min-height:28px;padding:4px 28px 4px 8px;font-size:.75rem;background-size:10px;background-position:right 8px center}select.select-lg{min-height:44px;padding:10px 36px 10px 14px;font-size:1rem;background-size:14px;background-position:right 12px center}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox{width:18px;height:18px;border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:36px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;color:var(--text-primary)}.dropdown-trigger:hover{border-color:var(--primary)}.dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.dropdown-trigger .placeholder{color:var(--text-muted)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:4px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.dropdown-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:.875rem}.dropdown-item:hover{background:var(--bg-card-hover)}.dropdown-item.active,.dropdown-item.selected{background:#5e6ad21f;color:var(--primary)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-header{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.searchable-select{position:relative;width:100%;font-size:.8125rem}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.searchable-select-trigger:hover{border-color:var(--primary)}.searchable-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.searchable-select-trigger .placeholder{color:var(--text-muted)}.searchable-select-trigger .chevron{transition:transform .2s;color:var(--text-muted);flex-shrink:0;margin-left:var(--space-sm)}.searchable-select-trigger .chevron.rotated{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}.searchable-select-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-elevated)}.searchable-select-search svg{color:var(--text-muted);flex-shrink:0}.searchable-select-search input{flex:1;border:none;background:transparent;outline:none;font-size:.8125rem;color:var(--text-primary)}.searchable-select-search input::placeholder{color:var(--text-muted)}.searchable-select-search .clear-search{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;color:var(--text-muted)}.searchable-select-search .clear-search:hover{background:var(--bg-card-hover);color:var(--text-primary)}.searchable-select-options{max-height:240px;overflow-y:auto;padding:4px}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:transparent}.searchable-select-options::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.searchable-select-option{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-option:hover{background:var(--bg-card-hover)}.searchable-select-option.selected{background:#5e6ad21f;color:var(--primary);font-weight:500}.searchable-select-empty{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:.75rem}.searchable-select-dropdown.flip-up{top:auto;bottom:calc(100% + 4px);animation:dropdownFadeInUp .15s ease}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .dropdown-menu,[data-theme=light] .searchable-select-dropdown{box-shadow:0 8px 24px #0000001f}[data-theme=light] select:not(.input){background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-elevated);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary)}.badge-primary{background:#5e6ad226;color:var(--primary-light)}.badge-success{background:#22c55e26;color:var(--success-light)}.badge-warning{background:#f59e0b26;color:var(--warning-light)}.badge-info{background:#3b82f626;color:#93c5fd}.badge-secondary{background:#7170ff26;color:var(--secondary-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.call-detail-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:750px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.call-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-card)}.call-detail-modal .modal-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.call-detail-modal .close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all .2s}.call-detail-modal .close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.call-detail-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--bg-card)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:var(--space-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-lg)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.stat-icon.red{background:#5e6ad226;color:var(--primary)}.stat-icon.blue{background:#3b82f626;color:var(--info)}.stat-icon.green{background:#22c55e26;color:var(--success)}.stat-icon.purple{background:#7170ff26;color:var(--secondary)}.stat-icon.orange{background:#f59e0b26;color:var(--warning)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:2000}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideLeft var(--transition-base) ease-out}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-xl);color:var(--text-muted);margin-bottom:var(--space-lg)}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.empty-state-description{color:var(--text-muted);max-width:400px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.stat-block{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid transparent;transition:all .2s ease}.stat-block-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.stat-block-content{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-block.purple{background:linear-gradient(135deg,#7170ff14,#8b5cf60a);border-color:#7170ff26}.stat-block.blue{background:linear-gradient(135deg,#3b82f614,#06b6d40a);border-color:#3b82f626}.stat-block.orange{background:linear-gradient(135deg,#f59e0b14,#f973160a);border-color:#f59e0b26}.stat-block.green{background:linear-gradient(135deg,#10b98114,#14b8a60a);border-color:#10b98126}.stat-block.pink{background:linear-gradient(135deg,#ec489914,#f43f5e0a);border-color:#ec489926}.stat-block.red{background:linear-gradient(135deg,#5e6ad214,#c521210a);border-color:#5e6ad226}.stat-block.cyan{background:linear-gradient(135deg,#06b6d414,#14b8a60a);border-color:#06b6d426}.stat-block:hover{transform:translateY(-1px)}.stat-block.purple:hover{border-color:#7170ff4d}.stat-block.blue:hover{border-color:#3b82f64d}.stat-block.orange:hover{border-color:#f59e0b4d}.stat-block.green:hover{border-color:#10b9814d}.stat-block.pink:hover{border-color:#ec48994d}.stat-block.red:hover{border-color:#5e6ad24d}.stat-block.cyan:hover{border-color:#06b6d44d}.stat-block.purple .stat-block-icon{background:#7170ff26;color:#6366f1}.stat-block.blue .stat-block-icon{background:#3b82f626;color:#3b82f6}.stat-block.orange .stat-block-icon{background:#f59e0b26;color:#f59e0b}.stat-block.green .stat-block-icon{background:#10b98126;color:#10b981}.stat-block.pink .stat-block-icon{background:#ec489926;color:#ec4899}.stat-block.red .stat-block-icon{background:#5e6ad226;color:#5e6ad2}.stat-block.cyan .stat-block-icon{background:#06b6d426;color:#06b6d4}.stat-block-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-block-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.stat-block-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.stat-block.purple .stat-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-block.blue .stat-bar-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.stat-block.orange .stat-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-block.green .stat-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.stat-block.pink .stat-bar-fill{background:linear-gradient(90deg,#ec4899,#f472b6)}.stat-block.red .stat-bar-fill{background:linear-gradient(90deg,#4d57b5,#5e6ad2)}.stat-block.cyan .stat-bar-fill{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.stat-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-bar-fill.critical{background:linear-gradient(90deg,#4d57b5,#5e6ad2)}[data-theme=light] .stat-block{border-color:transparent}[data-theme=light] .stat-block.purple{background:linear-gradient(135deg,#7170ff0f,#8b5cf605);border-color:#7170ff1f}[data-theme=light] .stat-block.blue{background:linear-gradient(135deg,#3b82f60f,#06b6d405);border-color:#3b82f61f}[data-theme=light] .stat-block.orange{background:linear-gradient(135deg,#f59e0b0f,#f9731605);border-color:#f59e0b1f}[data-theme=light] .stat-block.green{background:linear-gradient(135deg,#10b9810f,#14b8a605);border-color:#10b9811f}[data-theme=light] .stat-block.pink{background:linear-gradient(135deg,#ec48990f,#f43f5e05);border-color:#ec48991f}[data-theme=light] .stat-block.red{background:linear-gradient(135deg,#5e6ad20f,#c5212105);border-color:#5e6ad21f}[data-theme=light] .stat-block.cyan{background:linear-gradient(135deg,#06b6d40f,#14b8a605);border-color:#06b6d41f}[data-theme=light] .stat-block-bar{background:#0000000f}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)}button,a,.btn,.card,input,textarea,select,[role=button],.nav-link,.badge,.chip,.tab{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:hover,button:hover{transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}tbody tr{transition:background-color var(--transition-fast)}@keyframes linearContentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-content,.main-content>*,main>*{animation:linearContentIn var(--transition-slow) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sidebar,.card,.modal,.modal-content,.dropdown-menu,.dropdown-menu-fixed,.empty-state,[class$=-card],[class*="-card "],[class$=-panel],[class*="-panel "],[class$=-sidebar],[class*="-sidebar "]{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.sidebar,.card,.modal,.modal-content,[class$=-card],[class*="-card "],[class$=-panel],[class*="-panel "]{border:1px solid var(--border-color);border-top-color:var(--border-light);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0d}.table,.data-table,.backup-table,.table-container,.table-wrapper,.dcl-table-wrapper{background:var(--glass-solid)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.table thead th,.data-table thead th,.backup-table thead th{background:#0000003d!important;-webkit-backdrop-filter:none;backdrop-filter:none}.input,input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],select,textarea{background:var(--bg-input)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#1a1206;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}.badge[class*=-card],.chip[class*=-card]{backdrop-filter:none;-webkit-backdrop-filter:none}