.app-layout{min-height:100vh}.app-sider{background:linear-gradient(180deg,#1e293b,#0f172a)!important;box-shadow:2px 0 8px #00000026;z-index:100;overflow:auto;height:100vh;position:sticky!important;top:0;left:0}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column}.sider-logo{display:flex;align-items:center;padding:20px 16px;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.sider-logo-icon{font-size:24px;color:#818cf8;flex-shrink:0}.sider-logo-text{font-size:17px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap}.app-sider .ant-menu{background:transparent!important;border-right:none!important}.app-sider .ant-menu-item{margin:4px 8px!important;border-radius:8px!important;height:44px!important;line-height:44px!important;color:#ffffffa6!important;font-size:14px}.app-sider .ant-menu-item:hover{color:#fff!important;background:#ffffff0f!important}.app-sider .ant-menu-item-selected{background:linear-gradient(135deg,#6366f1,#818cf8)!important;color:#fff!important;font-weight:600}.app-sider .ant-menu-item .anticon{font-size:18px}.app-header{background:#fff!important;padding:0 24px!important;height:60px!important;line-height:60px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 4px #0000000a;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center}.user-btn{color:#64748b!important;font-size:14px;height:36px;border-radius:8px}.user-btn:hover{background:#f1f5f9!important;color:#334155!important}.collapse-trigger{font-size:18px;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:6px;transition:all .2s}.collapse-trigger:hover{background:#f1f5f9;color:#334155}.page-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.app-content{margin-left:0;padding:24px;background:#f8fafc;min-height:calc(100vh - 60px)}.dashboard-stat-card{border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #0000000a;transition:all .3s ease;overflow:hidden;position:relative}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.dashboard-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-purple:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dashboard-stat-card .ant-card-body{padding:20px 20px 16px}.dashboard-stat-card .ant-statistic-title{font-size:13px;color:#94a3b8;margin-bottom:8px}.dashboard-stat-card .ant-statistic-content-prefix{margin-right:8px}.dashboard-chart-card{border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #0000000a}.dashboard-chart-card .ant-card-head{border-bottom:1px solid #f1f5f9;padding:0 20px;min-height:48px}.dashboard-chart-card .ant-card-head-title{font-size:15px;font-weight:600;color:#334155}.dashboard-chart-card .ant-card-body{padding:12px 16px 16px}.filter-card{margin-bottom:14px;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #0000000a}.filter-card .ant-card-body{padding:14px 16px}.table-card{border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #0000000a}.table-card .ant-card-body{padding:0}.table-card .ant-table-thead>tr>th{background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;padding:12px 14px}.table-card .ant-table-tbody>tr>td{padding:12px 14px;font-size:13px;color:#334155}.table-card .ant-table-tbody>tr:hover>td{background:#fbfdff}.call-id{display:inline-block;max-width:260px;padding:2px 6px;border-radius:4px;background:#eef2ff;color:#1e3a8a;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-id:hover{background:#e0e7ff}@media (max-width: 768px){.app-content{padding:16px}.dashboard-stat-card .ant-card-body{padding:14px}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f2f5;position:relative}.login-container{width:100%;max-width:368px;padding:0 20px}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.login-logo-icon{font-size:40px;color:#1677ff}.login-brand-title{margin:0!important;font-size:28px!important;font-weight:700!important;color:#000000e0!important;letter-spacing:1px}.login-desc{color:#00000073!important;font-size:14px!important;margin-bottom:0!important}.login-form-wrapper{background:transparent}.login-form-wrapper .ant-tabs-nav:before{border:none!important}.login-form-wrapper .ant-tabs-tab{font-size:16px;padding:12px 0}.login-input-icon{color:#00000040}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-submit-btn{height:44px!important;font-size:16px!important;font-weight:500!important;border-radius:8px!important}.login-footer{position:absolute;bottom:24px;text-align:center;color:#00000059;font-size:13px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle-btn{font-size:18px;color:#64748b!important;width:36px;height:36px;border-radius:8px;margin-right:8px}.theme-toggle-btn:hover{background:#f1f5f9!important;color:#334155!important}[data-theme=dark] .app-header{background:#141414!important;border-bottom-color:#303030;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .page-title{color:#ffffffd9}[data-theme=dark] .collapse-trigger{color:#ffffffa6}[data-theme=dark] .collapse-trigger:hover{background:#1f1f1f;color:#ffffffd9}[data-theme=dark] .user-btn{color:#ffffffa6!important}[data-theme=dark] .user-btn:hover{background:#1f1f1f!important;color:#ffffffd9!important}[data-theme=dark] .theme-toggle-btn{color:#ffffffa6!important}[data-theme=dark] .theme-toggle-btn:hover{background:#1f1f1f!important;color:#ffffffd9!important}[data-theme=dark] .app-content{background:#000}[data-theme=dark] .app-sider{background:linear-gradient(180deg,#141414,#0a0a0a)!important;box-shadow:2px 0 8px #0006}[data-theme=dark] .sider-logo{border-bottom-color:#ffffff0f}[data-theme=dark] .dashboard-stat-card{background:#141414;border-color:#303030;box-shadow:0 1px 3px #0003}[data-theme=dark] .dashboard-stat-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .dashboard-stat-card .ant-statistic-title{color:#ffffff73}[data-theme=dark] .dashboard-stat-card .ant-statistic-content{color:#ffffffd9}[data-theme=dark] .dashboard-chart-card{background:#141414;border-color:#303030;box-shadow:0 1px 3px #0003}[data-theme=dark] .dashboard-chart-card .ant-card-head{border-bottom-color:#303030}[data-theme=dark] .dashboard-chart-card .ant-card-head-title{color:#ffffffd9}[data-theme=dark] .filter-card,[data-theme=dark] .table-card{background:#141414;border-color:#303030}[data-theme=dark] .table-card .ant-table-thead>tr>th{background:#1f1f1f!important;color:#ffffffa6;border-bottom-color:#303030}[data-theme=dark] .table-card .ant-table-tbody>tr>td{color:#ffffffd9;border-bottom-color:#303030}[data-theme=dark] .table-card .ant-table-tbody>tr:hover>td{background:#1f1f1f!important}[data-theme=dark] .call-id{background:#1e1e3a;color:#818cf8}[data-theme=dark] .call-id:hover{background:#2e2e5a}[data-theme=dark] .login-page{background:#000}[data-theme=dark] .login-brand-title{color:#ffffffd9!important}[data-theme=dark] .login-desc{color:#ffffff73!important}[data-theme=dark] .login-footer{color:#ffffff59}[data-theme=dark] .login-input-icon{color:#ffffff40}[data-theme=dark] .loading-spinner{border-color:#303030;border-top-color:#818cf8}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#f2f5fa}#root{min-height:100vh}