.layout{display:flex;height:100vh;overflow:hidden;background:#f5f6fa}.sidebar{width:260px;background:linear-gradient(180deg,#1e1e2e,#2d2d44);display:flex;flex-direction:column;transition:width .3s ease}.layout.sidebar-collapsed .sidebar{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:16px}.logo span:first-child{font-size:24px}.toggle-btn{width:32px;height:32px;border:none;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-btn:hover{background:#fff3}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:8px;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.layout.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.layout.sidebar-collapsed .nav-item span{display:none}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-details{flex:1}.user-name{color:#fff;font-weight:500}.user-role{font-size:12px;color:#ffffff80}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#ef44441a;color:#ef4444;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef444433}.layout.sidebar-collapsed .logout-btn{justify-content:center;padding:12px}.layout.sidebar-collapsed .logout-btn span{display:none}.main-content{flex:1;overflow-y:auto;height:100%;min-width:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2e,#2d2d44);padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.login-header h1{font-size:24px;color:#1e1e2e;margin:0 0 8px}.login-header p{color:#666;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.login-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{font-size:12px;color:#999;margin:0}.dashboard{padding:24px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:28px;color:#1e1e2e;margin:0 0 8px}.dashboard-header p{color:#666;margin:0}.alerts-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.alert-card{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;animation:alertPulse 2s ease-in-out infinite}.alert-critical{background:linear-gradient(135deg,#dc262614,#dc262626);border:1px solid rgba(220,38,38,.3)}.alert-critical .alert-icon{color:#dc2626}.alert-warning{background:linear-gradient(135deg,#f59e0b14,#f59e0b26);border:1px solid rgba(245,158,11,.3)}.alert-warning .alert-icon{color:#f59e0b}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:700;font-size:14px;margin-bottom:2px}.alert-critical .alert-title{color:#dc2626}.alert-warning .alert-title{color:#b45309}.alert-message{font-size:13px;color:#444}.alert-action{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#667eea;text-decoration:none;white-space:nowrap}.alert-action:hover{text-decoration:underline}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.85}}.alert-critical{animation:alertPulseCritical 1.5s ease-in-out infinite}@keyframes alertPulseCritical{0%,to{opacity:1;box-shadow:0 0 #dc262633}50%{opacity:.9;box-shadow:0 0 16px #dc262626}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info{flex:1}.stat-value{font-size:26px;font-weight:700;color:#1e1e2e}.stat-title{font-size:13px;color:#666;margin-top:2px}.today-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.overview-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000d}.overview-number{font-size:32px;font-weight:800;color:#1e1e2e}.overview-number.highlight-green{color:#10b981}.overview-number.highlight-orange{color:#f59e0b}.overview-number.highlight-red{color:#dc2626}.overview-label{font-size:13px;color:#666;margin-top:4px}.dashboard-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.dashboard-grid-2col{grid-template-columns:1fr}}.dashboard-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.dashboard-section h2{font-size:16px;color:#1e1e2e;margin:0 0 20px;display:flex;align-items:center;gap:8px}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{display:flex;align-items:center;gap:12px;padding:8px 0}.category-left{display:flex;align-items:center;gap:8px;min-width:120px}.category-icon{font-size:18px}.category-label{font-size:14px;font-weight:500;color:#333}.category-right{flex:1;display:flex;align-items:center;gap:10px}.category-bar-wrapper{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.category-bar{height:100%;border-radius:4px;transition:width .5s ease;min-width:4px}.category-count{font-size:15px;font-weight:700;color:#1e1e2e;min-width:28px;text-align:right}.category-pct{font-size:12px;color:#999;min-width:40px;text-align:right}.hourly-chart{display:flex;align-items:flex-end;gap:2px;height:140px;padding:0 4px}.hourly-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hourly-bars{flex:1;width:100%;display:flex;gap:1px;align-items:flex-end}.hourly-bar{flex:1;border-radius:2px 2px 0 0;min-height:1px;transition:height .3s ease}.bar-total{background:#667eea4d}.bar-escalated{background:#ef4444}.hourly-label{font-size:9px;color:#999;margin-top:4px}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-dot{width:10px;height:10px;border-radius:2px}.dot-total{background:#667eea66}.dot-escalated{background:#ef4444}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state p{margin-top:12px;font-size:14px}.status-grid{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.offline{background:#ef4444}.status-item span:nth-child(2){flex:1;font-weight:500;color:#333}.status-text{color:#666;font-size:14px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-card{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;text-decoration:none;transition:all .2s;font-size:14px}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-card span{font-weight:600}.conversations-page-v2{display:flex;height:100vh;background:#f0f2f5;gap:1px;overflow:hidden}.conv-sidebar{width:320px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e8e8e8}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.sidebar-header h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.icon-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.icon-btn:hover{background:#f5f5f5;color:#1890ff}.sidebar-search{padding:12px 16px;border-bottom:1px solid #f0f0f0}.search-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f7fa;border-radius:8px;color:#999}.search-input input{flex:1;border:none;background:transparent;outline:none;font-size:14px}.sidebar-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e8e8e8;border-radius:16px;background:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.filter-tag:hover{border-color:#1890ff;color:#1890ff}.filter-tag.active{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.filter-tag span{background:#f0f0f0;padding:2px 6px;border-radius:10px;font-size:11px}.filter-tag.active span{background:#1890ff;color:#fff}.sidebar-list{flex:1;overflow-y:auto}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;gap:12px}.conv-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:all .2s}.conv-item:hover{background:#f5f7fa}.conv-item.active{background:#e6f7ff;border-left:3px solid #1890ff}.conv-item.needs-human{border-left:3px solid #ef4444;background:#fef2f2;animation:needsHumanPulse 2s ease-in-out infinite}.conv-item.needs-human.active{background:#fde8e8;border-left:4px solid #dc2626;animation:none;box-shadow:inset 0 0 0 1px #dc26264d}@keyframes needsHumanPulse{0%,to{background:#fef2f2}50%{background:#fff}}.conv-avatar{position:relative;width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.online-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#52c41a;border:2px solid #fff;border-radius:50%}.conv-content{flex:1;min-width:0}.conv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conv-name{font-weight:500;font-size:14px;color:#1a1a1a}.conv-time{font-size:12px;color:#999}.conv-preview{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.conv-tags{display:flex;gap:6px;align-items:center}.tag{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.tag.ai{background:#e6f7ff;color:#1890ff}.tag.human{background:#fff7e6;color:#fa8c16}.tag.channel{background:#f0f0f0;color:#666}.msg-count{font-size:11px;color:#999}.conv-main{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.main-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbb;gap:16px}.main-empty h3{margin:0;color:#666}.main-empty p{margin:0;font-size:14px}.translate-toolbar{display:flex;align-items:center;gap:8px;padding:6px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0}.btn-sm{padding:4px 12px;font-size:12px;border-radius:14px}.btn-translate{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.btn-translate:hover{border-color:#1890ff;color:#1890ff;background:#e6f7ff}.btn-translate-active{background:#1890ff;border:1px solid #1890ff;color:#fff}.btn-translate-active:hover{background:#40a9ff}.translate-lang-select{padding:4px 8px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;background:#fff;color:#333;outline:none;cursor:pointer}.translate-lang-select:focus{border-color:#1890ff}.bubble-translation{padding:8px 12px;margin-top:4px;background:#1890ff0f;border-left:2px solid #1890ff;border-radius:0 6px 6px 0;font-size:13px;color:#555;line-height:1.5}.bubble-translation.loading{color:#999;font-style:italic;font-size:12px}.bubble-translation p{margin:0 0 2px}.bubble-translation p:last-child{margin-bottom:0}.translation-label{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#1890ff;font-weight:600;text-transform:uppercase;margin-bottom:4px}.message-row.user .bubble-translation{background:#ffffff26;border-left:2px solid rgba(255,255,255,.5);color:#ffffffe6}.message-row.user .translation-label{color:#ffffffb3}.main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.header-user{display:flex;align-items:center;gap:12px}.user-avatar{position:relative;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%}.status-dot.online{background:#52c41a}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:14px;color:#1a1a1a}.user-status{font-size:12px;color:#52c41a}.header-actions{display:flex;gap:8px;align-items:center}.btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff4d}.btn-outline{background:#fff;border:1px solid #d9d9d9;color:#666}.btn-outline:hover{border-color:#1890ff;color:#1890ff}.btn-resolve{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;animation:resolveGlow 2s ease-in-out infinite}.btn-resolve:hover{background:linear-gradient(135deg,#73d13d,#52c41a);box-shadow:0 4px 12px #52c41a66}@keyframes resolveGlow{0%,to{box-shadow:0 0 #52c41a66}50%{box-shadow:0 0 0 6px #52c41a00}}.main-messages{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa}.messages-empty{text-align:center;color:#999;padding:40px}.message-row{display:flex;gap:12px;margin-bottom:16px}.message-row.user{flex-direction:row-reverse}.message-avatar .avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.message-avatar .avatar.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-avatar .avatar.bot{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.message-bubble{max-width:70%}.bubble-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6}.message-row.user .bubble-content{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-bottom-right-radius:4px}.message-row.assistant .bubble-content{background:#fff;color:#1a1a1a;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000f}.bubble-content p{margin:0 0 4px}.bubble-content p:last-child{margin-bottom:0}.bubble-time{font-size:11px;color:#999;margin-top:4px;padding:0 4px}.message-row.user .bubble-time{text-align:right}.main-input{padding:16px 20px;border-top:1px solid #f0f0f0;background:#fff}.input-box{display:flex;gap:12px;align-items:center}.input-box input{flex:1;padding:12px 16px;border:1px solid #e8e8e8;border-radius:24px;font-size:14px;outline:none;transition:all .2s}.input-box input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.send-btn{width:44px;height:44px;border:none;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #1890ff4d}.input-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fffbe6;border-radius:8px;color:#d48806;font-size:13px}.input-notice .pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.conv-info-panel{width:300px;background:#fff;border-left:1px solid #e8e8e8;overflow-y:auto}.info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#bbb;gap:12px}.info-header{padding:16px 20px;border-bottom:1px solid #f0f0f0}.info-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.info-profile{display:flex;flex-direction:column;align-items:center;padding:24px 20px;border-bottom:1px solid #f0f0f0}.profile-avatar{width:72px;height:72px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px}.profile-name{font-weight:600;font-size:16px;color:#1a1a1a;margin-bottom:4px}.profile-id{font-size:12px;color:#999;word-break:break-all;text-align:center;padding:0 10px}.info-section{padding:16px 20px;border-bottom:1px solid #f0f0f0}.info-section h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-item{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px}.info-item svg{color:#999;flex-shrink:0}.info-item .label{color:#666;flex:1}.info-item .value{color:#1a1a1a;font-weight:500}.status-card{padding:12px;background:#fafafa;border-radius:8px}.status-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.ai{background:#e6f7ff;color:#1890ff}.status-badge.human{background:#fff7e6;color:#fa8c16}.quick-actions{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.danger:hover{border-color:#ff4d4f;color:#ff4d4f}.notes-input{width:100%;padding:10px 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;resize:none;outline:none;transition:all .2s}.notes-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}@media(max-width:1200px){.conv-info-panel{display:none}}@media(max-width:900px){.conv-sidebar{width:280px}}@media(max-width:768px){.conv-sidebar{display:none}}.image-preview-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.preview-content{position:relative;max-width:90vw;max-height:90vh}.preview-content img{max-width:100%;max-height:90vh;border-radius:8px;object-fit:contain}.preview-close{position:absolute;top:-40px;right:0;width:36px;height:36px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.preview-close:hover{background:#ffffff4d}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.message-image-thumb{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;cursor:pointer}.message-image-thumb img{width:100%;height:100%;object-fit:cover}.message-image-thumb .image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.message-image-thumb:hover .image-overlay{opacity:1}.input-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:12px;background:#f5f7fa;border-radius:8px}.attachment-preview{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #e8e8e8}.attachment-preview img{width:100%;height:100%;object-fit:cover}.remove-attachment{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ff4d4f;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.translation-preview{background:linear-gradient(135deg,#e6f7ff,#f0f5ff);border:1px solid #91d5ff;border-radius:8px;padding:12px;margin-bottom:12px}.translation-header{display:flex;align-items:center;gap:6px;font-size:12px;color:#1890ff;font-weight:600;margin-bottom:8px}.translation-text{font-size:14px;color:#1a1a1a;line-height:1.6;padding:8px 12px;background:#fff;border-radius:6px;margin-bottom:8px}.translation-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:6px 12px;font-size:12px}.btn-ghost{background:transparent;border:1px solid #d9d9d9;color:#666}.btn-ghost:hover{border-color:#1890ff;color:#1890ff}.attach-btn,.translate-btn{width:40px;height:40px;border:none;background:#f5f7fa;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;flex-shrink:0}.attach-btn:hover,.translate-btn:hover:not(:disabled){background:#e6f7ff;color:#1890ff}.translate-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{font-size:11px;color:#999;text-align:center;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}.input-hint svg{color:#1890ff}.message-videos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.message-video-thumb{position:relative;border-radius:8px;overflow:hidden;background:#000}.message-video-thumb video{display:block}.message-files{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.message-file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:1px solid #e0e4e8;border-radius:8px;text-decoration:none;color:#1a1a1a;transition:all .2s;cursor:pointer}.message-file-item:hover{background:linear-gradient(135deg,#e6f7ff,#d1e9ff);border-color:#91d5ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff26}.message-file-item svg:first-child{color:#1890ff;flex-shrink:0}.message-file-item .file-name{flex:1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-item svg:last-child{color:#999;flex-shrink:0;transition:color .2s}.message-file-item:hover svg:last-child{color:#1890ff}.btn-correction{background:linear-gradient(135deg,#fa8c16,#d46b08);color:#fff}.btn-correction:hover{background:linear-gradient(135deg,#ffa940,#fa8c16);box-shadow:0 4px 12px #fa8c164d}.correction-modal{background:#fff;border-radius:16px;width:560px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 24px 48px #0003;animation:fadeSlideUp .25s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.correction-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.correction-modal-header h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:#1a1a1a;margin:0}.correction-modal-body{padding:24px}.correction-hint{font-size:13px;color:#8c8c8c;background:#fafafa;padding:12px 16px;border-radius:8px;margin:0 0 20px;line-height:1.6;border-left:3px solid #1890ff}.correction-field{margin-bottom:16px}.correction-field label{display:block;font-size:13px;font-weight:600;color:#595959;margin-bottom:6px}.correction-field input,.correction-field select,.correction-field textarea{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;background:#fff;color:#262626;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;font-family:inherit}.correction-field input:disabled{background:#f5f5f5;color:#999}.correction-field textarea{resize:vertical;min-height:70px;line-height:1.5}.correction-field textarea:focus,.correction-field select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.correction-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f0f0f0}.correction-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.knowledge-page{padding:24px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.header-title h1{font-size:28px;color:#1e1e2e;margin:0 0 8px;display:flex;align-items:center;gap:12px}.header-title p{color:#666;margin:0}.btn-add{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.search-bar input{flex:1;border:none;font-size:15px}.search-bar input:focus{outline:none}.search-bar svg{color:#999}.faq-form{background:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.form-header h3{margin:0;font-size:16px;color:#333}.btn-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;border-radius:6px}.btn-close:hover{background:#e5e7eb}.form-body{padding:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-cancel{padding:10px 20px;background:#f5f6fa;color:#666;border:none;border-radius:8px;font-size:14px;cursor:pointer}.btn-cancel:hover{background:#e5e7eb}.btn-save{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-save:hover{background:#059669}.faq-list{display:flex;flex-direction:column;gap:16px}.list-loading,.list-empty{text-align:center;padding:60px 20px;color:#999;background:#fff;border-radius:12px}.faq-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px}.faq-content{flex:1}.faq-question{display:flex;align-items:flex-start;gap:12px;font-size:16px;font-weight:500;color:#333;margin-bottom:12px}.q-label{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#667eea;color:#fff;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.faq-answer{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.a-label{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.answer-text{color:#666;line-height:1.6}.answer-text p{margin:0}.answer-text p+p{margin-top:8px}.faq-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:36px;color:#999}.keyword-tag{padding:4px 10px;background:#f0f9ff;color:#0369a1;border-radius:4px;font-size:12px}.faq-actions{display:flex;flex-direction:column;gap:8px}.btn-edit,.btn-delete{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-edit{background:#f0f9ff;color:#0369a1}.btn-edit:hover{background:#0369a1;color:#fff}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.faq-edit-form{width:100%}.vip-settings{padding:24px}.vip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vip-header h1{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.vip-header p{color:#666;margin:4px 0 0;font-size:14px}.add-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.vip-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.vip-rule-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.vip-rule-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.vip-rule-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--vip-color, #667eea)}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.rule-icon{font-size:32px;line-height:1}.rule-actions{display:flex;gap:8px}.rule-actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease}.edit-btn{background:#e3e8f0;color:#4a5568}.edit-btn:hover{background:#667eea;color:#fff}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#dc2626;color:#fff}.rule-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rule-title h3{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.level-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;background:var(--vip-color, #667eea)}.rule-deposit{background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:12px}.rule-deposit label{display:block;font-size:12px;color:#888;margin-bottom:4px}.rule-deposit .amount{font-size:16px;font-weight:600;color:#1a1a2e}.rule-deposit .currency{font-size:13px;color:#666;margin-left:4px}.rule-benefits{font-size:13px;color:#666;line-height:1.5}.modal-content{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;color:#1a1a2e}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;line-height:1}.close-btn:hover{color:#1a1a2e}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-preview{display:flex;align-items:center;gap:12px}.color-preview input[type=color]{width:50px;height:36px;padding:2px;border-radius:6px;cursor:pointer}.color-preview .preview-box{flex:1;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn{padding:10px 20px;background:#e3e8f0;color:#4a5568;border:none;border-radius:8px;cursor:pointer;font-weight:500}.cancel-btn:hover{background:#d1d5db}.submit-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:#666}@media(max-width:768px){.vip-settings{padding:16px}.vip-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}}.greeting-settings{padding:24px;max-width:1000px}.greeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.greeting-header h1{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.greeting-header p{color:#666;margin:4px 0 0;font-size:14px}.header-actions{display:flex;gap:12px}.save-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.save-btn:disabled{opacity:.6;cursor:not-allowed}.config-toggle{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.config-toggle label{font-weight:500;color:#1a1a2e}.toggle-switch{position:relative;width:48px;height:24px;background:#ccc;border-radius:24px;cursor:pointer;transition:background .3s ease}.toggle-switch.active{background:#667eea}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.active:after{transform:translate(24px)}.messages-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.messages-header h3{margin:0;font-size:16px;color:#1a1a2e}.add-msg-btn{padding:8px 16px;background:#f0f4f8;color:#667eea;border:1px dashed #667eea;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-msg-btn:hover{background:#667eea;color:#fff;border-style:solid}.message-card{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:12px;border:1px solid #e2e8f0;position:relative;transition:all .2s ease}.message-card:hover{border-color:#667eea}.message-card.dragging{opacity:.5;border-color:#667eea}.message-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-number{display:flex;align-items:center;gap:8px;font-weight:500;color:#666;font-size:13px}.drag-handle{cursor:grab;color:#999;padding:4px}.drag-handle:active{cursor:grabbing}.message-actions{display:flex;gap:8px}.message-actions button{padding:6px;background:none;border:none;cursor:pointer;color:#999;border-radius:4px;transition:all .2s ease}.message-actions button:hover{background:#e3e8f0;color:#667eea}.message-actions button.delete:hover{background:#fee2e2;color:#dc2626}.message-type-selector{display:flex;gap:8px;margin-bottom:12px}.type-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.type-btn:hover{border-color:#667eea}.type-btn.active{background:#667eea;color:#fff;border-color:#667eea}.message-content{margin-bottom:12px}.message-content textarea{width:100%;min-height:80px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;box-sizing:border-box;font-family:inherit}.message-content textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.media-upload{margin-bottom:12px}.upload-zone{border:2px dashed #e2e8f0;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:#667eea;background:#f8fafc}.upload-zone.has-media{padding:12px}.upload-icon{font-size:32px;margin-bottom:8px}.upload-text{color:#666;font-size:14px}.upload-hint{color:#999;font-size:12px;margin-top:4px}.media-preview{position:relative;display:inline-block;max-width:100%}.media-preview img,.media-preview video{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.media-preview .remove-media{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.media-preview .remove-media:hover{background:#dc2626}.url-input-group{display:flex;gap:8px}.url-input-group input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.url-input-group input:focus{outline:none;border-color:#667eea}.url-input-group button{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px}.delay-setting{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.delay-setting input{width:80px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.preview-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px}.preview-header{color:#fff;font-size:14px;margin-bottom:16px;opacity:.8}.preview-messages{display:flex;flex-direction:column;gap:12px}.preview-bubble{max-width:80%;padding:12px 16px;background:#fff;border-radius:16px 16px 16px 4px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-bubble p{margin:0;font-size:14px;color:#1a1a2e;line-height:1.5}.preview-bubble img,.preview-bubble video{max-width:100%;max-height:150px;border-radius:8px;margin-top:8px}.empty-messages{text-align:center;padding:40px;color:#666}.empty-messages .icon{font-size:48px;margin-bottom:12px}@media(max-width:768px){.greeting-settings{padding:16px}.greeting-header{flex-direction:column;align-items:flex-start;gap:16px}.message-type-selector{flex-wrap:wrap}}.reissue-records{padding:24px;min-height:100vh;background:#f5f7fb}.reissue-header{margin-bottom:24px}.reissue-header h1{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.reissue-header p{color:#888;margin:0;font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 12px #0000000a;display:flex;align-items:center;gap:14px;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.stat-icon.pending{background:linear-gradient(135deg,#f6ad5520,#f7ce6820);color:#f6ad55}.stat-icon.approved{background:linear-gradient(135deg,#48bb7820,#38a16920);color:#38a169}.stat-icon.today{background:linear-gradient(135deg,#4299e120,#3182ce20);color:#3182ce}.stat-icon.amount{background:linear-gradient(135deg,#ed64a620,#e53e7020);color:#e53e70}.stat-info{flex:1;min-width:0}.stat-label{font-size:12px;color:#888;margin-bottom:2px}.stat-value{font-size:22px;font-weight:700;color:#1a1a2e}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:240px;position:relative}.search-box input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa}.filter-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;min-width:140px;color:#333}.filter-select:focus{outline:none;border-color:#667eea}.refresh-btn{padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea59}.table-container{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.records-table{width:100%;border-collapse:collapse}.records-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#fafbfd;border-bottom:1px solid #eef0f6;white-space:nowrap}.records-table td{padding:14px 16px;font-size:14px;color:#333;border-bottom:1px solid #f3f4f8;vertical-align:middle}.records-table tbody tr{transition:background .15s ease}.records-table tbody tr:hover{background:#f8f9fe}.records-table tbody tr:last-child td{border-bottom:none}.player-cell{font-family:SF Mono,Consolas,monospace;font-size:13px;color:#4a5568}.order-cell{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#667eea;max-width:240px;word-break:break-all;line-height:1.4}.utr-cell{font-family:SF Mono,Consolas,monospace;font-size:13px;color:#e53e70;font-weight:500}.amount-cell{font-weight:600;color:#1a1a2e;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.approved{background:#d1fae5;color:#059669}.status-badge.completed{background:#dbeafe;color:#2563eb}.status-badge.rejected{background:#fee2e2;color:#dc2626}.status-badge.failed{background:#f3f4f6;color:#6b7280}.evidence-tags{display:flex;gap:4px;flex-wrap:wrap}.evidence-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.evidence-tag.screenshot{background:#ede9fe;color:#7c3aed}.evidence-tag.video{background:#fce7f3;color:#db2777}.evidence-tag.pdf{background:#ecfdf5;color:#059669}.source-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500}.source-badge.ai{background:#e0e7ff;color:#4338ca}.source-badge.manual{background:#fef3c7;color:#b45309}.source-badge.evidence_supplement{background:#d1fae5;color:#047857}.action-btns{display:flex;gap:6px}.action-btn{padding:5px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.action-btn.approve{background:#d1fae5;color:#059669}.action-btn.approve:hover{background:#059669;color:#fff}.action-btn.reject{background:#fee2e2;color:#dc2626}.action-btn.reject:hover{background:#dc2626;color:#fff}.action-btn.complete{background:#dbeafe;color:#2563eb}.action-btn.complete:hover{background:#2563eb;color:#fff}.time-cell{font-size:13px;color:#888;white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f3f4f8}.pagination-info{font-size:13px;color:#888}.pagination-btns{display:flex;gap:6px}.page-btn{padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:#333;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:#667eea;color:#fff;border-color:#667eea}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state .icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#1a1a2e}.loading{display:flex;justify-content:center;align-items:center;padding:60px}.loading-spinner{width:40px;height:40px;border:3px solid #e3e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.detail-modal{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-modal h2{margin:0 0 20px;font-size:20px;color:#1a1a2e;display:flex;align-items:center;justify-content:space-between}.detail-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;line-height:1}.detail-section{margin-bottom:20px}.detail-section h3{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-item label{font-size:12px;color:#888}.detail-item span{font-size:14px;color:#1a1a2e;font-weight:500}.detail-item.full{grid-column:1 / -1}@media(max-width:1024px){.records-table th:nth-child(5),.records-table td:nth-child(5){display:none}}@media(max-width:768px){.reissue-records{padding:16px}.toolbar{flex-direction:column}.search-box{min-width:100%}.stats-row{grid-template-columns:repeat(2,1fr)}.records-table th:nth-child(3),.records-table td:nth-child(3),.records-table th:nth-child(7),.records-table td:nth-child(7){display:none}.detail-grid{grid-template-columns:1fr}}.ai-settings-page{padding:28px 32px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:100vh}.settings-header{margin-bottom:28px}.settings-header h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.settings-header p{color:#8c8c8c;font-size:13px;margin:0}.settings-tabs{display:flex;gap:4px;background:#fff;border-radius:10px;padding:3px;margin-bottom:24px;width:fit-content;border:1px solid #e8e8e8}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:#8c8c8c;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.settings-tab:hover{color:#1890ff;background:#f0f5ff}.settings-tab.active{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 8px #1890ff4d}.config-panel{display:grid;gap:20px}.config-card{background:#fff;border-radius:12px;border:1px solid #e8e8e8;overflow:hidden;transition:box-shadow .3s}.config-card:hover{box-shadow:0 4px 16px #0000000f}.config-card-header{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.config-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.config-card-icon.reissue{background:#e6f7ff;color:#1890ff}.config-card-icon.evidence{background:#fff7e6;color:#fa8c16}.config-card-icon.order{background:#f6ffed;color:#52c41a}.config-card-icon.security{background:#fff1f0;color:#f5222d}.config-card-title{font-size:16px;font-weight:700;color:#1a1a1a}.config-card-subtitle{font-size:12px;color:#8c8c8c;margin-top:2px}.config-card-body{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:13px;color:#595959;font-weight:600}.config-field .field-description{font-size:11px;color:#8c8c8c;margin-top:-2px}.config-field input[type=number],.config-field input[type=text]{padding:10px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#262626;font-size:14px;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.config-field input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.toggle-wrapper{display:flex;align-items:center;gap:10px;padding-top:4px}.toggle-switch{position:relative;width:44px;height:24px;background:#d9d9d9;border-radius:12px;cursor:pointer;transition:background .3s;border:none;padding:0}.toggle-switch.active{background:#1890ff}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-switch.active:after{transform:translate(20px)}.toggle-label{font-size:13px;color:#595959;font-weight:500}.rules-panel{display:flex;flex-direction:column;gap:16px}.rules-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.rules-filter{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:6px 14px;border:1px solid #d9d9d9;background:#fff;color:#595959;font-size:13px;border-radius:20px;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:#1890ff;color:#1890ff}.filter-chip.active{background:#e6f7ff;border-color:#1890ff;color:#1890ff;font-weight:600}.add-rule-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s}.add-rule-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1890ff4d}.rule-item{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;display:flex;align-items:flex-start;gap:14px;transition:border-color .2s,box-shadow .2s;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rule-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff14}.rule-item.disabled{opacity:.5}.rule-drag-handle{cursor:grab;color:#bfbfbf;padding:4px 0;flex-shrink:0}.rule-content{flex:1;min-width:0}.rule-text-input{width:100%;padding:8px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#262626;font-size:14px;resize:none;min-height:38px;overflow:hidden;font-family:inherit;line-height:1.5;transition:border-color .2s;box-sizing:border-box}.rule-text-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.rule-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.rule-category-select{padding:4px 10px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;font-size:12px}.priority-label{font-size:11px;color:#8c8c8c;margin-left:4px}.rule-priority-input{width:50px;padding:4px 6px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;font-size:12px;text-align:center}.rule-category-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.rule-category-badge.reissue{background:#e6f7ff;color:#1890ff}.rule-category-badge.withdrawal{background:#fff7e6;color:#fa8c16}.rule-category-badge.general{background:#f6ffed;color:#52c41a}.rule-category-badge.greeting{background:#fff0f6;color:#eb2f96}.rule-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.rule-toggle{width:36px;height:20px;background:#d9d9d9;border-radius:10px;cursor:pointer;transition:background .3s;border:none;padding:0;position:relative}.rule-toggle.active{background:#1890ff}.rule-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #00000026}.rule-toggle.active:after{transform:translate(16px)}.rule-delete-btn{padding:6px;background:transparent;border:1px solid #ffa39e;border-radius:6px;color:#f5222d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.rule-delete-btn:hover{background:#fff1f0;border-color:#ff4d4f}.rules-empty{text-align:center;padding:48px 20px;color:#bfbfbf}.rules-empty-icon{font-size:48px;margin-bottom:12px}.rules-empty h3{color:#8c8c8c;margin:0 0 4px}.rules-empty p{font-size:14px;margin:0}.save-bar{position:sticky;bottom:0;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;margin:32px -32px -28px;box-shadow:0 -4px 12px #0000000a}.save-bar.hidden{display:none}.save-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#d46b08;font-weight:500}.save-actions{display:flex;gap:10px}.save-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn.primary{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 8px #1890ff4d}.save-btn.primary:hover{box-shadow:0 4px 16px #1890ff66;transform:translateY(-1px)}.save-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-btn.secondary{background:#fff;color:#595959;border:1px solid #d9d9d9}.save-btn.secondary:hover{border-color:#1890ff;color:#1890ff}.settings-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:1000;animation:toastIn .3s ease;box-shadow:0 8px 24px #0000001f}.settings-toast.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.settings-toast.error{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.updated-at{font-size:12px;color:#bfbfbf;margin-top:4px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8c8c8c;gap:16px}.spinner{width:36px;height:36px;border:3px solid rgba(24,144,255,.15);border-top-color:#1890ff;border-radius:50%;animation:spin .8s linear infinite}.test-panel{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;margin-top:8px}.test-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.test-panel-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.test-panel-body{padding:20px}.test-input-row{display:flex;gap:10px;margin-bottom:16px}.test-input{flex:1;padding:10px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#262626;font-size:14px;transition:border-color .2s}.test-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.test-input::placeholder{color:#bfbfbf}.test-send-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.test-send-btn:hover:not(:disabled){box-shadow:0 4px 16px #1890ff4d}.test-send-btn:disabled{opacity:.6;cursor:not-allowed}.test-result{animation:fadeSlideIn .3s ease}.test-chat-bubble{padding:14px 18px;border-radius:12px;font-size:14px;line-height:1.6;margin-bottom:12px;max-width:90%;word-break:break-word}.test-chat-bubble.user{background:#e6f7ff;border:1px solid #91d5ff;color:#096dd9;margin-left:auto;border-bottom-right-radius:4px}.test-chat-bubble.ai{background:#fafafa;border:1px solid #e8e8e8;color:#262626;border-bottom-left-radius:4px}.test-chat-label{font-size:11px;color:#8c8c8c;margin-bottom:4px;font-weight:600}.test-triggered-rules{margin-top:12px;padding:12px 16px;background:#fffbe6;border:1px solid #ffe58f;border-radius:10px}.test-triggered-rules h4{font-size:13px;color:#d48806;margin:0 0 8px;display:flex;align-items:center;gap:6px;font-weight:700}.triggered-rule-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:#595959}.relevance-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700}.relevance-badge.high{background:#f6ffed;color:#52c41a}.relevance-badge.medium{background:#fffbe6;color:#faad14}.relevance-badge.low{background:#f5f5f5;color:#8c8c8c}.test-no-triggers{font-size:13px;color:#bfbfbf;font-style:italic}.preview-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.preview-modal{background:#fff;border:1px solid #e8e8e8;border-radius:16px;width:90%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:scaleIn .25s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.preview-modal-header h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.preview-close-btn{background:transparent;border:1px solid #d9d9d9;border-radius:8px;padding:6px 8px;color:#8c8c8c;cursor:pointer;transition:all .2s}.preview-close-btn:hover{background:#f5f5f5;color:#1a1a1a}.preview-modal-body{overflow-y:auto;padding:20px 24px;flex:1}.preview-stats{display:flex;gap:12px;margin-bottom:16px}.preview-stat{padding:8px 14px;background:#f5f7fa;border-radius:8px;font-size:13px;color:#595959;border:1px solid #f0f0f0}.preview-stat strong{color:#1a1a1a}.preview-prompt-text{background:#f5f7fa;border:1px solid #e8e8e8;border-radius:10px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.7;color:#434343;white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow-y:auto}.preview-prompt-text h2,.preview-prompt-text h3{color:#1890ff}.preview-note{margin-top:12px;padding:10px 14px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;font-size:12px;color:#096dd9}.rules-toolbar-actions{display:flex;gap:8px;align-items:center}.toolbar-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#595959;font-size:13px;cursor:pointer;transition:all .2s}.toolbar-action-btn:hover{border-color:#1890ff;color:#1890ff;background:#f0f5ff}@media(max-width:768px){.ai-settings-page{padding:16px}.config-card-body{grid-template-columns:1fr}.settings-tabs{width:100%}.settings-tab{flex:1;justify-content:center}.rules-toolbar{flex-direction:column;align-items:stretch}.model-columns{flex-direction:column!important}}.model-config-card{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#fff 80%,#f5f3ff)}.model-config-card .config-card-body{display:block}.model-config-card .config-card-header{background:linear-gradient(135deg,#fafafa,#f5f3ff)}.config-card-icon.model-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf64d}.model-status-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:2px 10px;border-radius:20px;margin-right:6px}.model-status-badge.chat{background:#10a37f1a;color:#10a37f}.model-status-badge.vision{background:#eab3081a;color:#d97706}.model-update-time{display:inline-block;margin-left:4px;font-size:11px;color:#94a3b8}.model-columns{display:flex;gap:24px}.model-column{flex:1;min-width:0}.model-column-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#334155;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.model-column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-column-dot.chat{background:#10a37f;box-shadow:0 0 6px #10a37f66}.model-column-dot.vision{background:#eab308;box-shadow:0 0 6px #eab30866}.model-column-desc{font-size:12px;font-weight:400;color:#94a3b8;margin-left:auto}.model-cards{display:flex;flex-direction:column;gap:8px}.model-card{position:relative;width:100%;padding:0;border:2px solid #e8e8e8;border-radius:12px;background:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;color:#334155;outline:none}.model-card:hover:not(.active):not(:disabled){border-color:#c4b5fd;box-shadow:0 4px 16px #8b5cf61a;transform:translateY(-1px)}.model-card.active{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#f5f3ff);box-shadow:0 2px 12px #8b5cf626;cursor:default}.model-card:disabled{opacity:.7;cursor:wait}.model-card-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.model-card-top{display:flex;align-items:center;gap:8px;flex-shrink:0}.model-card-name{font-weight:700;font-size:14px;color:#1e293b;letter-spacing:-.01em}.model-card.active .model-card-name{color:#6d28d9}.model-card-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf666;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.model-card-badges{display:flex;gap:5px;flex-wrap:wrap}.model-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;letter-spacing:.02em;white-space:nowrap}.model-badge.provider-openai{background:#10a37f1a;color:#10a37f}.model-badge.provider-vertex{background:#4285f41a;color:#4285f4}.model-badge.cap-vision{background:#eab3081a;color:#d97706}.model-badge.cap-tools{background:#3b82f61a;color:#3b82f6}.escalations-page{padding:28px 32px;max-width:1260px;margin:0 auto;background:#f5f7fa;min-height:100vh}.escalations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.header-icon{color:#fa8c16}.header-subtitle{margin:0;color:#8c8c8c;font-size:13px}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;font-size:13px;cursor:pointer;transition:all .2s}.refresh-btn:hover{border-color:#1890ff;color:#1890ff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid #f0f0f0;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#e6f7ff;color:#1890ff;flex-shrink:0}.stat-icon.warning{background:#fff7e6;color:#fa8c16}.stat-icon.info{background:#e6f7ff;color:#1890ff}.stat-icon.success{background:#f6ffed;color:#52c41a}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.1}.stat-label{font-size:13px;color:#8c8c8c;margin-top:2px;font-weight:500}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-tabs{display:flex;gap:4px;background:#fff;border-radius:8px;padding:3px;border:1px solid #e8e8e8}.filter-tab{display:flex;align-items:center;gap:5px;padding:7px 16px;background:transparent;border:none;border-radius:6px;color:#8c8c8c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-tab:hover{color:#1890ff;background:#f0f5ff}.filter-tab.active{background:#1890ff;color:#fff;font-weight:600}.result-count{font-size:13px;color:#8c8c8c}.filter-right{display:flex;align-items:center;gap:14px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#bfbfbf;pointer-events:none;z-index:1}.search-input{width:260px;padding:7px 32px 7px 30px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;color:#262626;transition:all .2s;outline:none}.search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.search-input::placeholder{color:#bfbfbf}.search-clear{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#d9d9d9;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s;padding:0}.search-clear:hover{background:#bfbfbf}.escalation-list{display:flex;flex-direction:column;gap:12px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#bfbfbf;gap:12px}.empty-state h3{color:#8c8c8c;font-size:16px;margin:0}.empty-state p{color:#bfbfbf;font-size:14px;margin:0}.escalation-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:all .2s}.escalation-card:hover{box-shadow:0 2px 12px #00000014}.escalation-card.pending{border-left:4px solid #fa8c16}.escalation-card.resolved{border-left:4px solid #52c41a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.card-header:hover{background:#fafafa}.card-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.priority-badge.urgent{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.priority-badge.high{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.priority-badge.medium{background:#fffbe6;color:#d4b106;border:1px solid #ffe58f}.priority-badge.low{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-badge{padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.pending{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.status-badge.resolved{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.escalation-reason{color:#262626;font-size:14px;font-weight:600}.card-header-right{display:flex;align-items:center;gap:10px;color:#bfbfbf}.escalation-time{font-size:12px;color:#8c8c8c}.card-summary{padding:0 20px 14px}.summary-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.customer-tag,.msg-count{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:12px;color:#595959;background:#f5f5f5;font-weight:500}.assigned-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:12px;color:#1890ff;background:#e6f7ff;font-weight:500}.vip-badge{background:linear-gradient(135deg,#fa8c16,#f5222d);color:#fff;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;margin-left:3px}.agent-reply-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#237804;border:1.5px solid #95de64;box-shadow:0 1px 4px #52c41a26;animation:agentGlow 3s ease-in-out infinite}@keyframes agentGlow{0%,to{box-shadow:0 1px 4px #52c41a26}50%{box-shadow:0 1px 8px #52c41a4d}}.last-messages{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.last-msg{display:flex;gap:8px;font-size:13px;line-height:1.5;align-items:flex-start}.msg-label{font-weight:700;flex-shrink:0;min-width:35px;font-size:12px;padding-top:1px}.last-msg.user .msg-label{color:#1890ff}.last-msg.ai .msg-label{color:#722ed1}.last-msg.user .msg-text{color:#434343}.last-msg.ai .msg-text{color:#722ed1}.msg-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.agent-replies-preview{margin-top:10px;padding:12px 16px;background:linear-gradient(135deg,#f6ffed,#edf8e6);border:1.5px solid #b7eb8f;border-left:4px solid #52c41a;border-radius:8px}.agent-replies-header{font-size:13px;font-weight:700;color:#237804;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(82,196,26,.2)}.agent-reply-item{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13px;line-height:1.5}.agent-reply-item+.agent-reply-item{border-top:1px dashed rgba(82,196,26,.2)}.reply-time{color:#8c8c8c;font-size:11px;flex-shrink:0;min-width:60px;padding-top:1px}.reply-content{color:#135200;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-replies{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(82,196,26,.2);font-size:12px;color:#52c41a;text-align:center;font-weight:500}.card-detail{border-top:1px solid #f0f0f0;background:#fafafa;padding:20px}.detail-loading{display:flex;align-items:center;gap:8px;padding:24px;color:#8c8c8c;font-size:13px}.detail-section h4{margin:0 0 14px;font-size:15px;font-weight:700;color:#1a1a1a}.chat-messages{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:16px;background:#fff;border-radius:10px;border:1px solid #e8e8e8}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:#f0f0f0;border-radius:5px}.chat-messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:5px}.chat-msg{padding:12px 16px;border-radius:10px;max-width:80%}.chat-msg.user{align-self:flex-start;background:#f0f5ff;border:1px solid #d6e4ff;border-bottom-left-radius:4px}.chat-msg.assistant{align-self:flex-end;background:#f9f0ff;border:1px solid #efdbff;border-bottom-right-radius:4px}.chat-msg.agent-reply{align-self:flex-end;background:linear-gradient(135deg,#f6ffed,#d9f7be)!important;border:2px solid #52c41a!important;border-bottom-right-radius:4px;position:relative;box-shadow:0 2px 8px #52c41a33}.chat-msg.agent-reply:before{content:"🧑‍💼 人工客服";position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;padding:2px 10px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.3px;box-shadow:0 1px 4px #52c41a4d}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.msg-role{font-size:12px;font-weight:700;color:#8c8c8c}.chat-msg.user .msg-role{color:#1890ff}.chat-msg.assistant .msg-role{color:#722ed1}.chat-msg.agent-reply .msg-role{color:#237804;font-size:13px}.msg-time{font-size:11px;color:#bfbfbf}.msg-body{font-size:14px;color:#262626;line-height:1.7;white-space:pre-wrap;word-break:break-word}.chat-msg.agent-reply .msg-body{color:#135200;font-weight:500}.msg-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.msg-image{max-width:200px;max-height:150px;border-radius:8px;cursor:pointer;transition:transform .2s;border:1px solid #e8e8e8}.msg-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.detail-actions{border-top:1px solid #e8e8e8;padding-top:16px;display:flex;flex-direction:column;gap:14px}.reply-section h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#1a1a1a}.reply-input-group{display:flex;flex-direction:column;gap:10px}.reply-input{width:100%;padding:12px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#262626;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.reply-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.reply-input::placeholder{color:#bfbfbf}.reply-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-reply,.btn-takeover,.btn-resolve,.btn-goto-conv{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reply{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 6px #1890ff4d}.btn-reply:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff66}.btn-reply:disabled{opacity:.5;cursor:not-allowed}.btn-takeover{background:#fff;color:#1890ff;border:1px solid #1890ff}.btn-takeover:hover{background:#e6f7ff}.escalation-card .btn-resolve{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;border:none;box-shadow:0 2px 6px #52c41a4d}.escalation-card .btn-resolve:hover{background:linear-gradient(135deg,#73d13d,#52c41a);box-shadow:0 4px 12px #52c41a66}.btn-goto-conv{background:#fff;color:#595959;border:1px solid #d9d9d9}.btn-goto-conv:hover{border-color:#1890ff;color:#1890ff}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:12px 0}.pagination button{padding:8px 18px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;font-size:13px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:13px;color:#8c8c8c}.detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.detail-section-header h4{margin:0;font-size:15px;font-weight:700;color:#1a1a1a}.btn-view-full{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #1890ff40}.btn-view-full:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff59;transform:translateY(-1px)}.more-messages-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:8px;font-size:13px;color:#8c8c8c;background:#f5f5f5;border-radius:6px}.more-messages-hint button{background:none;border:none;color:#1890ff;font-weight:600;font-size:13px;cursor:pointer;transition:color .2s}.more-messages-hint button:hover{color:#096dd9;text-decoration:underline}.conv-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.conv-modal{width:780px;max-width:90vw;height:85vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .25s ease;overflow:hidden}.conv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}.modal-header-left{display:flex;align-items:center;gap:12px;color:#1890ff}.modal-header-left h2{margin:0;font-size:17px;font-weight:700;color:#1a1a1a}.modal-customer{font-size:13px;color:#8c8c8c}.modal-header-right{display:flex;align-items:center;gap:8px}.modal-close-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8c8c8c;transition:all .2s;margin-left:4px}.modal-close-btn:hover{background:#f0f0f0;color:#1a1a1a}.conv-info-bar{display:flex;gap:16px;padding:10px 24px;background:#f5f7fa;border-bottom:1px solid #f0f0f0;font-size:12px;color:#595959;flex-wrap:wrap;flex-shrink:0}.conv-info-bar span{display:inline-flex;align-items:center;gap:4px}.conv-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.conv-modal-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.conv-modal-messages::-webkit-scrollbar{width:6px}.conv-modal-messages::-webkit-scrollbar-track{background:#f5f5f5}.conv-modal-messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px;color:#8c8c8c;font-size:14px}.modal-msg{display:flex;gap:12px;align-items:flex-start}.modal-msg.user,.modal-msg.assistant,.modal-msg.agent-reply{flex-direction:row}.modal-msg-avatar{flex-shrink:0}.avatar-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.avatar-circle.user{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:1px solid #91d5ff}.avatar-circle.ai{background:linear-gradient(135deg,#f9f0ff,#efdbff);border:1px solid #d3adf7}.avatar-circle.agent{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:2px solid #52c41a;box-shadow:0 0 0 2px #52c41a26}.modal-msg-content{flex:1;min-width:0}.modal-msg-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.modal-msg-role{font-size:13px;font-weight:700;color:#595959}.modal-msg.user .modal-msg-role{color:#1890ff}.modal-msg.assistant:not(.agent-reply) .modal-msg-role{color:#722ed1}.modal-msg.agent-reply .modal-msg-role{color:#237804}.modal-msg-time{font-size:11px;color:#bfbfbf}.modal-msg-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.7;color:#262626;white-space:pre-wrap;word-break:break-word}.modal-msg.user .modal-msg-bubble{background:#f0f5ff;border:1px solid #d6e4ff;border-top-left-radius:4px}.modal-msg.assistant:not(.agent-reply) .modal-msg-bubble{background:#f9f0ff;border:1px solid #efdbff;border-top-left-radius:4px}.modal-msg.agent-reply .modal-msg-bubble{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:2px solid #52c41a;border-top-left-radius:4px;color:#135200;font-weight:500;position:relative;box-shadow:0 2px 8px #52c41a26}.modal-msg.agent-reply .modal-msg-bubble:after{content:"人工回复";position:absolute;top:-9px;right:12px;background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;padding:1px 8px;border-radius:8px;font-size:10px;font-weight:700}.modal-msg-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.modal-msg-img{max-width:200px;max-height:150px;border-radius:8px;border:1px solid #e8e8e8;cursor:pointer;transition:transform .2s}.modal-msg-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.conv-modal-footer{border-top:1px solid #f0f0f0;padding:14px 24px;background:#fafafa;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.modal-reply-row{display:flex;gap:10px;align-items:flex-end}.modal-reply-input{flex:1;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:13px;line-height:1.5;resize:none;font-family:inherit;color:#262626;transition:border-color .2s}.modal-reply-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.modal-reply-input::placeholder{color:#bfbfbf}.modal-send-btn{display:inline-flex;align-items:center;gap:5px;padding:10px 20px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.modal-send-btn:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff4d}.modal-send-btn:disabled{opacity:.5;cursor:not-allowed}.modal-action-row{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:768px){.escalations-page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-header-left{flex-direction:column;align-items:flex-start;gap:6px}.chat-msg{max-width:95%}.conv-modal{width:100vw;height:100vh;border-radius:0;max-width:100vw}}.user-management-page{padding:28px 32px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:100vh}.um-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.um-header-left h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.um-header-left p{color:#8c8c8c;font-size:13px;margin:0}.um-btn-create{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #1890ff4d}.um-btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1890ff66}.um-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.um-stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:box-shadow .2s}.um-stat-card:hover{box-shadow:0 2px 12px #0000000f}.um-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-stat-info{display:flex;flex-direction:column}.um-stat-number{font-size:20px;font-weight:700;color:#1a1a1a}.um-stat-label{font-size:12px;color:#8c8c8c}.um-toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.um-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex:1;min-width:220px;max-width:320px}.um-search input{border:none;outline:none;font-size:13px;color:#262626;flex:1;background:transparent}.um-search input::placeholder{color:#bfbfbf}.um-search svg{color:#bfbfbf;flex-shrink:0}.um-filters{display:flex;gap:6px;flex-wrap:wrap}.um-filter-chip{display:flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid #d9d9d9;background:#fff;color:#595959;font-size:13px;border-radius:20px;cursor:pointer;transition:all .2s}.um-filter-chip:hover{border-color:#1890ff;color:#1890ff}.um-filter-chip.active{background:#e6f7ff;border-color:#1890ff;color:#1890ff;font-weight:600}.um-table-wrap{background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.um-table{width:100%;border-collapse:collapse}.um-table thead{background:#fafafa}.um-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0}.um-table td{padding:14px 16px;font-size:13px;color:#434343;border-bottom:1px solid #f5f5f5;vertical-align:middle}.um-table tbody tr:hover{background:#fafcff}.um-table tbody tr:last-child td{border-bottom:none}.um-user-cell{display:flex;align-items:center;gap:10px}.um-user-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.um-user-info{display:flex;flex-direction:column}.um-user-name{font-weight:600;color:#1a1a1a}.um-user-email{font-size:12px;color:#8c8c8c}.um-role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.um-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.um-actions{display:flex;gap:6px}.um-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.um-action-btn.edit{color:#1890ff}.um-action-btn.edit:hover{background:#e6f7ff;border-color:#91d5ff}.um-action-btn.key{color:#faad14}.um-action-btn.key:hover{background:#fffbe6;border-color:#ffe58f}.um-action-btn.delete{color:#f5222d}.um-action-btn.delete:hover{background:#fff1f0;border-color:#ffa39e}.um-empty{text-align:center;padding:48px!important;color:#bfbfbf}.um-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#8c8c8c}.um-spinner{width:32px;height:32px;border:3px solid rgba(24,144,255,.15);border-top-color:#1890ff;border-radius:50%;animation:um-spin .8s linear infinite}@keyframes um-spin{to{transform:rotate(360deg)}}.um-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:um-fadeIn .2s ease}@keyframes um-fadeIn{0%{opacity:0}to{opacity:1}}.um-modal{background:#fff;border-radius:16px;width:90%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:um-slideUp .25s ease}.um-modal.small{max-width:420px}@keyframes um-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:16px 16px 0 0}.um-modal-header.danger{background:#fff2f0;border-bottom-color:#ffccc7}.um-modal-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.um-modal-header.danger h3{color:#cf1322}.um-modal-close{background:transparent;border:1px solid #d9d9d9;border-radius:6px;padding:4px;color:#8c8c8c;cursor:pointer;transition:all .2s;display:flex;align-items:center}.um-modal-close:hover{background:#f5f5f5;color:#1a1a1a}.um-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.um-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f0f0f0}.um-form-field{margin-bottom:16px}.um-form-field label{display:block;font-size:13px;font-weight:600;color:#434343;margin-bottom:6px}.um-form-field input,.um-form-field select{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;color:#262626;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fff}.um-form-field input:focus,.um-form-field select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.um-form-field input::placeholder{color:#bfbfbf}.um-role-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.um-role-option{padding:10px 12px;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .2s}.um-role-option:hover{border-color:#91d5ff;background:#f0f5ff}.um-role-option.selected{border-color:#1890ff;background:#e6f7ff}.um-role-option-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.um-role-option-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.um-role-option-name{font-size:13px;font-weight:700;color:#1a1a1a}.um-role-option-desc{font-size:11px;color:#8c8c8c;line-height:1.4}.um-delete-confirm p{margin:0 0 8px;color:#434343;font-size:14px}.um-delete-note{color:#8c8c8c!important;font-size:12px!important}.um-btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.um-btn.primary{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 6px #1890ff4d}.um-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #1890ff66}.um-btn.primary:disabled{opacity:.6;cursor:not-allowed}.um-btn.secondary{background:#fff;color:#595959;border:1px solid #d9d9d9}.um-btn.secondary:hover{border-color:#1890ff;color:#1890ff}.um-btn.danger{background:#ff4d4f;color:#fff;box-shadow:0 2px 6px #ff4d4f4d}.um-btn.danger:hover:not(:disabled){background:#ff7875}.um-btn.danger:disabled{opacity:.6;cursor:not-allowed}.um-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:2000;animation:um-slideUp .3s ease;box-shadow:0 8px 24px #0000001f}.um-toast.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.um-toast.error{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}.um-perm-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#595959;transition:all .2s;margin-bottom:8px}.um-perm-toggle:hover{background:#f0f5ff;border-color:#91d5ff;color:#1890ff}.um-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px 0}.um-perm-item{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px}.um-perm-item.granted{color:#389e0d;background:#f6ffed}.um-perm-item.denied{color:#bfbfbf;background:#fafafa}.um-perm-empty{color:#bfbfbf;font-size:12px;font-style:italic}.um-perm-summary{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#595959;background:#f5f5f5;padding:2px 8px;border-radius:10px}@media(max-width:768px){.user-management-page{padding:16px}.um-header{flex-direction:column;gap:12px}.um-stats{grid-template-columns:repeat(2,1fr)}.um-toolbar{flex-direction:column}.um-search{max-width:100%}.um-table-wrap{overflow-x:auto}.um-role-select,.um-perm-grid{grid-template-columns:1fr}}.sdk-apps-page{padding:24px}.sdk-apps-page h1{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:#1a1a2e}.sdk-apps-page .page-desc{color:#666;font-size:.9rem;margin:0 0 20px}.auth-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;margin-bottom:20px;transition:all .3s ease}.auth-toggle-card.enabled{background:#f0fdf4;border:1px solid #86efac}.auth-toggle-card.disabled{background:#fefce8;border:1px solid #fde047}.auth-toggle-info{flex:1}.auth-toggle-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}.auth-toggle-card.enabled .auth-toggle-title{color:#166534}.auth-toggle-card.disabled .auth-toggle-title{color:#854d0e}.auth-toggle-desc{margin:0;font-size:.82rem;color:#666}.auth-toggle-card.disabled .auth-toggle-desc{color:#a16207}.auth-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s;display:flex;align-items:center}.auth-toggle-btn:hover{transform:scale(1.1)}.auth-toggle-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-toggle-btn.on{color:#16a34a}.auth-toggle-btn.off{color:#ca8a04}.sdk-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sdk-top-bar .app-count{color:#888;font-size:.85rem}.btn-create{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-create:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.sdk-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.sdk-app-card{background:#fff;border:1px solid #e8e8f0;border-radius:12px;padding:20px;transition:all .2s}.sdk-app-card:hover{box-shadow:0 4px 16px #00000014;border-color:#c4c4d8}.sdk-app-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.sdk-app-card .app-name{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0}.sdk-app-card .app-desc{font-size:.85rem;color:#888;margin:0 0 4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.disabled{background:#fee2e2;color:#dc2626}.app-id-row{display:flex;align-items:center;gap:8px;background:#f4f4f8;border-radius:8px;padding:8px 12px;margin:12px 0;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;color:#444}.app-id-row .label{color:#999;font-family:inherit;font-size:.8rem}.app-id-row code{flex:1;word-break:break-all;-webkit-user-select:all;user-select:all}.btn-copy{background:none;border:1px solid #ddd;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.75rem;color:#666;transition:all .2s}.btn-copy:hover{background:#e8e8f0;color:#333}.btn-copy.copied{border-color:#16a34a;color:#16a34a;background:#dcfce7}.script-row{background:#1a1a2e;color:#a5f3a5;border-radius:8px;padding:10px 12px;margin:8px 0 12px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.domains-list{margin:8px 0}.domains-list .domain-label{font-size:.8rem;color:#888;margin-bottom:4px}.domains-list .domain-tags{display:flex;flex-wrap:wrap;gap:4px}.domain-tag{background:#eef2ff;color:#4f46e5;border-radius:4px;padding:2px 8px;font-size:.75rem}.no-domains{font-size:.8rem;color:#bbb;font-style:italic}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f5}.meta-time{font-size:.75rem;color:#aaa}.card-actions{display:flex;gap:6px}.btn-action{background:none;border:1px solid #ddd;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.8rem;color:#555;transition:all .15s}.btn-action:hover{background:#f5f5fa;border-color:#bbb}.btn-action.danger{color:#dc2626;border-color:#fca5a5}.btn-action.danger:hover{background:#fef2f2}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;padding:28px;width:440px;max-width:90vw;box-shadow:0 20px 32px #00000026}.modal h2{font-size:1.2rem;margin:0 0 20px;color:#1a1a2e}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#444;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{min-height:60px;resize:vertical}.form-group .hint{font-size:.75rem;color:#999;margin-top:4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-modal{padding:10px 20px;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-modal.primary:hover{box-shadow:0 4px 12px #6366f14d}.btn-modal.secondary{background:#f3f3f6;color:#555}.btn-modal.secondary:hover{background:#e8e8ec}.empty-state{text-align:center;padding:60px 20px;color:#aaa}.empty-state .empty-icon{font-size:3rem;margin-bottom:12px}.empty-state p{margin:0 0 4px;font-size:1rem}.empty-state .sub{font-size:.85rem;color:#ccc}.loading-state{text-align:center;padding:60px;color:#999}.error-toast{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 16px;margin-bottom:16px;color:#dc2626;font-size:.85rem}.trace-page{padding:24px;max-width:1400px}.trace-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.trace-header h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#e2e8f0;margin:0}.trace-header h1 .header-icon{color:#818cf8}.trace-header .header-subtitle{font-size:13px;color:#94a3b8;margin-top:4px}.trace-header .refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:13px;transition:all .2s}.trace-header .refresh-btn:hover{background:#334155;color:#e2e8f0}.trace-filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.trace-filters .search-box{position:relative;flex:1;min-width:200px;max-width:320px}.trace-filters .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.trace-filters .search-input{width:100%;padding:8px 12px 8px 36px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:13px;outline:none;transition:border-color .2s}.trace-filters .search-input:focus{border-color:#818cf8}.trace-filters .search-input::placeholder{color:#64748b}.trace-filters .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.trace-filters .search-clear:hover{color:#e2e8f0;background:#334155}.trace-filters select{padding:8px 12px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:13px;outline:none;cursor:pointer}.trace-filters select:focus{border-color:#818cf8}.trace-filters .result-count{font-size:13px;color:#64748b;margin-left:auto}.trace-table-wrap{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.trace-table{width:100%;border-collapse:collapse}.trace-table th{background:#0f172a;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;white-space:nowrap}.trace-table td{padding:12px 16px;font-size:13px;color:#cbd5e1;border-bottom:1px solid #1e293b;vertical-align:middle}.trace-table tbody tr{cursor:pointer;transition:background .15s}.trace-table tbody tr:hover,.trace-table tbody tr.expanded{background:#334155}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-pill.processing{background:#fbbf2426;color:#fbbf24}.status-pill.completed{background:#22c55e26;color:#22c55e}.status-pill.error{background:#ef444426;color:#ef4444}.file-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.file-type-badge.image{background:#818cf826;color:#818cf8}.file-type-badge.video{background:#a855f726;color:#a855f7}.file-type-badge.pdf{background:#ec489926;color:#ec4899}.player-id-cell{font-family:JetBrains Mono,monospace;font-size:12px;color:#818cf8}.action-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:#64748b33;color:#94a3b8}.action-badge.reissue{background:#fbbf2426;color:#fbbf24}.action-badge.match_order{background:#22c55e26;color:#22c55e}.action-badge.ask_screenshot{background:#818cf826;color:#818cf8}.action-badge.transfer_human{background:#ef444426;color:#ef4444}.time-cell{font-size:12px;color:#64748b;white-space:nowrap}.trace-detail-row td{padding:0!important;border-bottom:2px solid #818cf8}.trace-detail{padding:20px;background:#0f172a}.trace-detail h3{font-size:14px;font-weight:600;color:#e2e8f0;margin:0 0 16px;display:flex;align-items:center;gap:8px}.steps-timeline{position:relative;padding-left:24px}.steps-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#334155}.step-item{position:relative;padding:12px 16px;margin-bottom:8px;background:#1e293b;border:1px solid #334155;border-radius:8px;transition:border-color .2s}.step-item:hover{border-color:#475569}.step-item:before{content:"";position:absolute;left:-21px;top:18px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #1e293b}.step-item.error:before{background:#ef4444}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.step-name{font-size:13px;font-weight:600;color:#e2e8f0}.step-time{font-size:11px;color:#64748b}.step-fields{display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:8px;border-top:1px solid rgba(51,65,85,.5);margin-top:6px}.step-field{display:flex;align-items:baseline;gap:6px;font-size:12px;min-width:180px}.step-field.full-width{width:100%;flex-basis:100%}.field-label{color:#64748b;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.field-value{color:#cbd5e1;word-break:break-word}.field-value.mono{font-family:JetBrains Mono,monospace;font-size:11px;color:#818cf8}.field-value.tag{display:inline-block;padding:1px 8px;border-radius:4px;background:#818cf81f;color:#a5b4fc;font-size:11px;font-weight:600}.field-value.highlight{color:#fbbf24;font-weight:700;font-size:13px}.field-value.warn{color:#f87171;font-weight:600}.field-value.long{display:block;margin-top:2px;padding:6px 10px;background:#0f172a;border-radius:6px;font-size:12px;line-height:1.5;color:#94a3b8;white-space:pre-wrap;max-height:120px;overflow-y:auto}.step-parsed-detail{display:flex;flex-wrap:wrap;gap:4px 16px;padding:8px 12px;background:#0f172a;border-radius:6px;width:100%}.step-matched-orders{width:100%;margin-top:4px}.mini-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px;background:#0f172a;border-radius:6px;overflow:hidden}.mini-table th{padding:6px 10px;text-align:left;color:#64748b;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e293b}.mini-table td{padding:6px 10px;color:#cbd5e1;border-bottom:1px solid rgba(30,41,59,.5)}.mini-table td.mono{font-family:JetBrains Mono,monospace;color:#818cf8;font-size:10px}.mini-status{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600}.mini-status.normal,.mini-status.success,.mini-status.2{background:#22c55e26;color:#22c55e}.mini-status.waiting,.mini-status.pending,.mini-status.1{background:#fbbf2426;color:#fbbf24}.json-toggle{background:none;border:1px solid #334155;color:#94a3b8;font-size:11px;cursor:pointer;padding:3px 10px;border-radius:4px;transition:all .15s}.json-toggle:hover{background:#334155;color:#e2e8f0}.json-block{font-size:11px;font-family:JetBrains Mono,monospace;color:#94a3b8;margin:6px 0 0;padding:10px 12px;background:#0f172a;border-radius:6px;white-space:pre-wrap;word-break:break-all;max-height:240px;overflow-y:auto;border:1px solid #1e293b}.final-message-box{margin-top:16px;padding:12px 16px;background:#1e293b;border-radius:8px;border-left:3px solid #818cf8}.final-message-box h5{margin:0 0 6px;font-size:12px;color:#64748b;text-transform:uppercase}.final-message-box p{margin:0;font-size:13px;color:#cbd5e1;line-height:1.5;white-space:pre-wrap}.step-error{margin-top:8px;padding:6px 10px;background:#ef44441a;border-radius:6px;font-size:12px;color:#ef4444}.trace-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.trace-pagination button{padding:6px 16px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:13px;transition:all .2s}.trace-pagination button:hover:not(:disabled){background:#334155;color:#e2e8f0}.trace-pagination button:disabled{opacity:.4;cursor:not-allowed}.trace-pagination .page-info{font-size:13px;color:#64748b}.trace-loading,.trace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;gap:12px}.trace-loading .spinning{animation:spin 1s linear infinite}.trace-empty h3{color:#94a3b8;margin:0}.trace-empty p{margin:0;font-size:13px}.detail-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:#64748b}.file-urls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.file-url-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid #334155;cursor:pointer;transition:border-color .2s}.file-url-thumb:hover{border-color:#818cf8}.trace-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 16px;background:#1e293b;border-radius:8px}.trace-meta-item{font-size:12px}.trace-meta-item .label{color:#64748b;margin-right:4px}.trace-meta-item .value{color:#e2e8f0;font-family:JetBrains Mono,monospace}@media(max-width:768px){.step-fields,.trace-filters{flex-direction:column}.trace-filters .search-box{max-width:100%}}.model-cell{white-space:nowrap}.model-info-compact{display:inline-flex;gap:4px;flex-wrap:wrap}.model-tag{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;letter-spacing:.01em;font-family:JetBrains Mono,monospace}.model-tag.chat{background:#10a37f1f;color:#34d399}.model-tag.vision{background:#fbbf241f;color:#fbbf24}.model-tag.default{color:#475569}.agent-profiles-page{padding:24px;max-width:1200px}.ap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ap-header h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#1e293b;margin:0 0 6px}.ap-header p{color:#64748b;font-size:14px;margin:0}.ap-header-actions{display:flex;gap:8px}.btn-primary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sm{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;cursor:pointer}.btn-sm:hover{background:#e2e8f0}.ap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 3px #00000014}.stat-number{font-size:28px;font-weight:700;color:#1e293b}.stat-label{font-size:13px;color:#94a3b8;margin-top:4px}.ap-form-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;border:2px solid #667eea}.ap-form-card h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:#475569}.form-group input,.form-group textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;font-family:inherit}.gender-selector{display:flex;gap:8px}.gender-btn{padding:6px 14px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.gender-btn.active{background:#f8fafc;font-weight:600}.avatar-upload-area{display:flex;align-items:center;gap:12px}.avatar-preview{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.ap-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ap-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;transition:all .2s;border:1px solid #f1f5f9}.ap-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.ap-card.disabled{opacity:.6}.ap-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f8fafc}.ap-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;overflow:hidden;flex-shrink:0}.ap-avatar img{width:100%;height:100%;object-fit:cover}.ap-info{flex:1}.ap-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.ap-gender{font-size:12px;color:#94a3b8}.ap-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ap-status.on{background:#dcfce7;color:#16a34a}.ap-status.off{background:#fef2f2;color:#dc2626}.ap-status:hover{opacity:.8}.ap-card-body{padding:12px 16px}.ap-tag{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:8px}.ap-prompt-preview{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:8px}.ap-greeting{font-size:13px;color:#475569;background:#f8fafc;padding:8px 12px;border-radius:8px;border-left:3px solid #667eea}.ap-card-footer{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid #f8fafc}.btn-edit{padding:6px 16px;background:#f1f5f9;border:none;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#e2e8f0}.btn-delete{padding:6px 10px;background:none;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#fef2f2}.ap-card-edit{padding:16px;display:flex;flex-direction:column;gap:12px}.ap-card-edit .form-group{gap:4px}.ap-card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid #f1f5f9}.ap-empty{text-align:center;padding:60px 20px;color:#94a3b8}.ap-empty p{margin:12px 0 20px;font-size:16px}.loading{display:flex;justify-content:center;align-items:center;min-height:300px}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ap-header{flex-direction:column;gap:12px}.ap-stats{grid-template-columns:repeat(2,1fr)}.ap-form-grid,.ap-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ccc}