:root{--primary-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A855F7 100%);--primary-color: #6366F1;--primary-hover: #4F46E5;--secondary-color: #8B5CF6;--bg-gradient: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #312E81 100%);--bg-light: #F8FAFC;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-light: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-light: #FFFFFF;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-hover),var(--primary-color))}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.glass-card{background:var(--glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff80;transition:all var(--transition-normal)}.glass-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #fff9;transform:translateY(-2px)}.glass-card-dark{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.gradient-bg{background:var(--bg-gradient);background-size:200% 200%;animation:gradient-shift 15s ease infinite;position:relative;overflow:hidden}.gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.2) 0%,transparent 40%);pointer-events:none}.grid-pattern{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.btn-gradient{background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 28px;font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-gradient:hover:before{left:100%}.btn-gradient:active{transform:translateY(0)}.modern-input{background:#ffffffe6;border:2px solid #E2E8F0;border-radius:var(--radius-sm);padding:12px 16px;font-size:15px;transition:all var(--transition-fast);width:100%}.modern-input:hover{border-color:#cbd5e1}.modern-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.success{background:#10b9811a;color:var(--success-color)}.status-badge.warning{background:#f59e0b1a;color:var(--warning-color)}.status-badge.error{background:#ef44441a;color:var(--error-color)}.status-badge.info{background:#3b82f61a;color:var(--info-color)}.ant-btn-primary{background:var(--primary-gradient)!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:600!important;height:auto!important;padding:10px 24px!important;transition:all var(--transition-normal)!important}.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159!important}.ant-btn-default{border-radius:var(--radius-md)!important;border:2px solid #E2E8F0!important;font-weight:500!important;transition:all var(--transition-fast)!important}.ant-btn-default:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a!important;transition:all var(--transition-normal)!important;overflow:hidden}.ant-card:hover{box-shadow:0 10px 40px #00000014,0 4px 12px #0000000d!important}.ant-card-head{border-bottom:1px solid rgba(0,0,0,.06)!important;background:linear-gradient(180deg,#fafbfc,#f8fafc)}.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-sm)!important;border:2px solid #E2E8F0!important;transition:all var(--transition-fast)!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:#cbd5e1!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #6366f11a!important}.ant-input-lg{padding:12px 16px!important;font-size:15px!important}.ant-tag{border-radius:20px!important;padding:4px 12px!important;font-weight:500!important;border:none!important}.ant-tabs-tab{font-weight:500!important;transition:all var(--transition-fast)!important}.ant-tabs-tab-active{font-weight:600!important}.ant-tabs-ink-bar{background:var(--primary-gradient)!important;height:3px!important;border-radius:3px!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d!important}.ant-modal-header{background:linear-gradient(180deg,#fafbfc,#f8fafc);border-bottom:1px solid rgba(0,0,0,.06)!important;padding:20px 24px!important}.ant-modal-title{font-weight:700!important;font-size:18px!important}.ant-list-item{border-radius:var(--radius-md)!important;margin-bottom:8px!important;padding:16px!important;transition:all var(--transition-fast)!important;border:1px solid transparent!important}.ant-list-item:hover{background:#6366f10a!important;border-color:#6366f11a!important}.ant-slider-track{background:var(--primary-gradient)!important}.ant-slider-handle{border-color:var(--primary-color)!important}.ant-slider-handle:hover,.ant-slider-handle:focus{border-color:var(--primary-hover)!important;box-shadow:0 0 0 4px #6366f133!important}.ant-switch-checked{background:var(--primary-gradient)!important}.ant-radio-button-wrapper-checked{background:var(--primary-gradient)!important;border-color:transparent!important}.ant-input-number{border-radius:var(--radius-sm)!important;border:2px solid #E2E8F0!important}.ant-input-number:hover{border-color:#cbd5e1!important}.ant-input-number-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #6366f11a!important}.ant-progress-bg{background:var(--primary-gradient)!important}.ant-qrcode{border-radius:var(--radius-md)!important;padding:16px!important;background:#fff!important;box-shadow:0 4px 12px #00000014!important}.ant-layout-header{background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;box-shadow:0 1px 3px #0000000d!important;position:sticky!important;top:0!important;z-index:100!important}.ant-layout-content{background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;min-height:calc(100vh - 64px)!important}@media (max-width: 768px){:root{--radius-lg: 12px;--radius-xl: 16px}.ant-card{border-radius:var(--radius-md)!important}.ant-modal-content{border-radius:var(--radius-lg)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}