:root,[data-theme=dark],[data-theme=light]{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color:#10b981;--secondary-dark:#059669;--secondary-light:#34d399;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--text-white:#ffffff}.modal-header h3,body{color:var(--text-primary)}:root,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#2d3b4e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:rgba(255, 255, 255, 0.1);--border-color-light:rgba(255, 255, 255, 0.15);--border-color-lighter:rgba(255, 255, 255, 0.2);--border-purple:rgba(59, 130, 246, 0.3);--border-purple-light:rgba(59, 130, 246, 0.5);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 40px rgba(0, 0, 0, 0.5);--shadow-purple:0 4px 12px rgba(102, 126, 234, 0.4);--shadow-purple-lg:0 8px 24px rgba(102, 126, 234, 0.5);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:all 0.2s ease;--transition-slow:all 0.5s ease}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#ffffff;--bg-hover:#f1f5f9;--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-color-light:#cbd5e1;--border-color-lighter:#f1f5f9;--border-purple:rgba(59, 130, 246, 0.2);--border-purple-light:rgba(59, 130, 246, 0.3);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.12);--shadow-xl:0 20px 40px rgba(0, 0, 0, 0.15);--shadow-purple:0 4px 12px rgba(102, 126, 234, 0.2);--shadow-purple-lg:0 8px 24px rgba(102, 126, 234, 0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg-primary);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:#475569}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal.active{display:flex}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:.3s modalFadeIn}.modal-header,.modal-header h3{align-items:center;display:flex}@keyframes modalFadeIn{from{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);justify-content:space-between;position:relative}.modal-header h3{font-size:18px;font-weight:600;gap:10px;margin:0}.modal-header h3 i{color:var(--primary-color)}.modal-header .close-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:36px;height:36px;border:none;background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-header .close-btn:hover{background:rgba(255,59,48,.1);color:#ff3b30;transform:translateY(-50%) scale(1.05)}.modal-header .close-btn:active{transform:translateY(-50%) scale(.95)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:12px;justify-content:flex-end}.btn-danger,.btn-primary,.btn-secondary{padding:10px 24px;cursor:pointer;font-weight:600}.btn-secondary:hover,.card:hover{border-color:var(--border-purple)}.badge,.btn-primary{display:inline-flex;align-items:center}.btn-primary{background:var(--primary-color);border:none;border-radius:var(--radius-lg);color:#fff!important;font-size:14px;transition:var(--transition);box-shadow:var(--shadow-purple);gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary i{font-size:13px}.btn-danger,.btn-secondary{font-size:14px;transition:var(--transition)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);border:none;border-radius:var(--radius-lg);color:#fff!important;box-shadow:0 2px 12px rgba(239,68,68,.4)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(239,68,68,.5)}.btn-danger:active{transform:translateY(0)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid var(--border-purple);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition);outline:0}input:focus,select:focus,textarea:focus{background:rgba(255,255,255,.08);border-color:var(--border-purple-light);box-shadow:0 0 0 3px rgba(139,92,246,.1)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.badge{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;gap:4px}.badge-primary{background:rgba(99,102,241,.2);color:var(--primary-light);border:1px solid rgba(99,102,241,.3)}.badge-success{background:rgba(16,185,129,.2);color:var(--secondary-light);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.notification{padding:16px 20px;background:rgba(30,41,59,.98);border:1px solid var(--border-purple);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;margin-bottom:12px;min-width:300px;opacity:0;transform:translateX(100px);transition:.3s}.notification.show{opacity:1;transform:translateX(0)}.notification i{font-size:20px}.notification span{flex:1;color:var(--text-primary);font-size:14px}.notification-success{border-color:rgba(16,185,129,.5)}.notification-success i{color:var(--success-color)}.notification-error{border-color:rgba(239,68,68,.5)}.notification-error i{color:var(--danger-color)}.notification-warning{border-color:rgba(245,158,11,.5)}.notification-warning i{color:var(--warning-color)}.notification-info{border-color:rgba(59,130,246,.5)}.notification-info i{color:var(--info-color)}@media (max-width:768px){.modal{padding:12px}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-wrap:wrap}.btn-danger,.btn-primary,.btn-secondary{padding:10px 20px;font-size:13px}}