@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale(.3)}to{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes wobble{0%,to{transform:translateX(0)}15%{transform:translateX(-25px) rotate(-5deg)}30%{transform:translateX(20px) rotate(3deg)}45%{transform:translateX(-15px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-1deg)}}@keyframes slideInDown{0%{transform:translateY(-100%);visibility:visible}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%);visibility:visible}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%);visibility:visible}to{transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes colorChange{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 #0000,.5em 0 0 #0000}40%{color:currentColor;text-shadow:.25em 0 0 #0000,.5em 0 0 #0000}60%{text-shadow:.25em 0 0 currentColor,.5em 0 0 #0000}80%,to{text-shadow:.25em 0 0 currentColor,.5em 0 0 currentColor}}@keyframes wave{0%{transform:translateX(0) translateZ(0) scaleY(1)}50%{transform:translateX(-25%) translateZ(0) scaleY(.55)}to{transform:translateX(-50%) translateZ(0) scaleY(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc,0 0 30px #764ba299}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5));opacity:1}50%{filter:drop-shadow(0 0 20px rgba(118,75,162,.8));opacity:.8}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}.relay-client-row{background-color:#f6ffed;border-left:3px solid #52c41a}.publisher-client-row{background-color:#f9f0ff;border-left:3px solid #722ed1}.relay-client-row:hover{background-color:#e6f7d9!important}.publisher-client-row:hover{background-color:#efdbff!important}.client-type-tag{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:4px;padding:2px 8px}.client-type-tag .anticon{font-size:12px}.traffic-indicator{align-items:center;display:flex;gap:8px}.traffic-rate{color:#666;font-family:monospace;font-size:11px}.action-button-warning{border-color:#faad14;color:#faad14}.action-button-warning:hover{background-color:#fff7e6;border-color:#d48806;color:#d48806}.traffic-direction-tag{border-radius:3px;font-size:10px;margin-top:2px;padding:1px 4px}.database-monitor{margin:0 auto;max-width:1600px}.monitor-header{align-items:center;animation:headerSlideIn .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #0000000a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.monitor-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:28px;font-weight:800;gap:12px;margin:0}.header-controls{gap:15px}.auto-refresh,.header-controls{align-items:center;display:flex}.auto-refresh{cursor:pointer;gap:8px;-webkit-user-select:none;user-select:none}.refresh-btn{background:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.refresh-btn:hover{background:#1976d2}.db-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.overview-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .3s ease}.overview-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.overview-card h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:16px;margin:0 0 15px;padding-bottom:10px}.info-row{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:10px 0}.info-row span:first-child{color:#666;font-weight:500}.info-row .size{color:#2196f3;font-weight:700}.info-row .version{color:#999;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container{margin-top:10px}.progress-label{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:8px;overflow:hidden}.progress-fill{height:100%;transition:all .3s ease}.progress-stats{color:#999;display:flex;font-size:12px;justify-content:space-between}.connection-circle{margin:20px 0}.circle,.connection-circle{display:flex;justify-content:center}.circle{height:120px;transition:all .3s ease;width:120px}.circle,.circle-inner{align-items:center;border-radius:50%}.circle-inner{background:#fff;display:flex;flex-direction:column;height:90px;justify-content:center;width:90px}.circle-value{color:#333;font-size:28px;font-weight:700}.circle-label{color:#999;font-size:14px}.connection-details{display:flex;justify-content:space-around;margin-top:15px}.detail-item{align-items:center;display:flex;font-size:14px;gap:5px}.active-dot{color:#4caf50;font-size:20px}.idle-dot{color:#2196f3;font-size:20px}.performance-metric{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.metric-value{color:#4caf50;font-size:18px;font-weight:700}.metric-value.warn{color:#ff9800}.section{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 20px #0000000a,0 2px 6px #00000005;margin-bottom:24px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.section:hover{box-shadow:0 20px 40px #00000014,0 5px 15px #0000000a;transform:translateY(-2px)}.section h2{align-items:center;border-bottom:2px solid #1890ff;color:#1a1a1a;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:12px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f5f5f5}th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;text-align:left}td,th{padding:12px}td{border-bottom:1px solid #f5f5f5}tbody tr:hover{background:#f9f9f9}.table-name{color:#2196f3;font-family:monospace;font-weight:500}.index-name{color:#9c27b0;font-family:monospace;font-size:13px}.scan-count{color:#4caf50;font-weight:700}.query-cell{color:#666;font-family:monospace;font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-cell{color:#ff9800;font-family:monospace;font-weight:500}.state-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.unused-row{background:#fff3e0}.indexes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.index-section h3{color:#333;font-size:16px;margin:0 0 15px}.error,.loading{font-size:18px;padding:50px;text-align:center}.error{color:#f44336}.database-detail-card{animation:fadeInUp .6s ease-out;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.database-detail-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:translateY(-6px)}.database-detail-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:16px 16px 0 0;color:#fff;padding:16px 24px}.database-detail-card .ant-card-head-title{color:#fff;font-size:15px;font-weight:700}.database-detail-card .ant-card-body{background:linear-gradient(135deg,#fff,#fafbfc);padding:24px}@media (max-width:768px){.db-overview{gap:12px}.db-overview,.indexes-grid{grid-template-columns:1fr}.monitor-header{align-items:flex-start;flex-direction:column;gap:12px}.monitor-header h1{font-size:20px}.database-detail-card{margin-bottom:12px}.ant-table{font-size:12px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:8px 4px}.ant-card-body{padding:12px!important}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.database-monitor{padding:16px}.db-overview{grid-template-columns:repeat(2,1fr)}.indexes-grid{grid-template-columns:1fr}}@media (max-width:480px){.database-monitor{padding:8px}.monitor-header h1{font-size:18px}.header-controls{flex-direction:column;gap:8px;width:100%}.header-controls button{width:100%}.ant-statistic-title{font-size:11px}.ant-statistic-content-value{font-size:18px!important}.ant-progress-text{font-size:10px}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.App{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;text-align:left;transition:background .3s ease}.App.dark-mode{background:linear-gradient(135deg,#141414,#1a1a1a)}.app-loading-container{align-items:center;background:linear-gradient(135deg,#1890ff,#0050b3);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.app-loading-container:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;position:absolute;width:200%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.app-loading-content{animation:fadeInUp .8s ease-out;text-align:center;z-index:1}.app-loading-text{animation:pulse 2s ease-in-out infinite;color:#fff;font-size:24px;font-weight:600;margin-top:24px}.app-loading-subtext{animation:fadeIn 1s ease-in .5s both;color:#fffc;font-size:14px;margin-top:8px}.login-container{align-items:center;background:linear-gradient(135deg,#1890ff,#0050b3);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:float 15s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0d 0,#0000 50%);content:"";height:200%;position:absolute;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-30px,-30px) rotate(5deg)}66%{transform:translate(30px,30px) rotate(-5deg)}}.login-card-wrapper{animation:slideInUp .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header{animation:headerSlideIn .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #0000000a,inset 0 -2px 4px #00000005;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.page-header:before{animation:headerShine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#1890ff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes headerShine{0%,to{left:-100%}50%{left:100%}}.page-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#1890ff,#0050b3 60%,#096dd9);-webkit-background-clip:text;background-clip:text;font-size:36px!important;font-weight:800!important;letter-spacing:-.5px;margin-bottom:12px!important}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(24,144,255,.3))}to{filter:drop-shadow(0 0 25px rgba(0,80,179,.5))}}.page-subtitle{animation:subtitleFadeIn 1s ease-out .3s forwards;color:#6b7280!important;font-size:16px!important;font-weight:500!important;opacity:0}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-card-container{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;overflow:hidden;position:relative;transform:translateY(20px)}.stats-card-container:first-child{animation-delay:.1s}.stats-card-container:nth-child(2){animation-delay:.2s}.stats-card-container:nth-child(3){animation-delay:.3s}.stats-card-container:nth-child(4){animation-delay:.4s}.stats-card-container:nth-child(5){animation-delay:.5s}.stats-card-container:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stats-card-modern{background:linear-gradient(135deg,#1890ff,#0050b3)!important;border:none!important;border-radius:20px!important;box-shadow:0 20px 40px #1890ff4d,inset 0 0 0 1px #ffffff1a!important;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.stats-card-modern:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.stats-card-modern:hover:before{left:100%}.stats-card-modern:hover{box-shadow:0 30px 60px #1890ff66,inset 0 0 0 1px #fff3!important;transform:translateY(-8px) scale(1.03)}.stats-card-green{background:linear-gradient(135deg,#11998e,#38ef7d)!important;box-shadow:0 20px 40px #11998e4d,inset 0 0 0 1px #ffffff1a!important}.stats-card-green:hover{box-shadow:0 30px 60px #11998e66,inset 0 0 0 1px #fff3!important}.stats-card-purple{background:linear-gradient(135deg,#7f00ff,#e100ff)!important;box-shadow:0 20px 40px #7f00ff4d,inset 0 0 0 1px #ffffff1a!important}.stats-card-purple:hover{box-shadow:0 30px 60px #7f00ff66,inset 0 0 0 1px #fff3!important}.stats-card-orange{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 20px 40px #f093fb4d,inset 0 0 0 1px #ffffff1a!important}.stats-card-orange:hover{box-shadow:0 30px 60px #f093fb66,inset 0 0 0 1px #fff3!important}.stats-title{color:#fffffff2!important;font-size:14px!important;font-weight:600!important;text-shadow:0 2px 4px #0000001a}.stats-icon{color:#ffffffe6!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stats-value{color:#fff!important;font-weight:700!important;text-shadow:0 2px 8px #0000001a}.modern-card{animation:cardFadeIn .6s ease-out forwards;background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 10px 20px #0000000a,0 2px 6px #00000005,inset 0 -1px 2px #00000005!important;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-card:after{background:linear-gradient(90deg,#1890ff,#0050b3,#096dd9,#40a9ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modern-card:hover:after{opacity:1}.modern-card:hover{border-color:#d1d5db!important;box-shadow:0 25px 50px #00000014,0 5px 15px #0000000a,inset 0 -1px 2px #00000005!important;transform:translateY(-6px)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.modern-btn-primary{background:linear-gradient(135deg,#1890ff,#0050b3)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 16px #1890ff4d,inset 0 1px 0 #fff3!important;font-weight:600!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modern-btn-primary:hover:before{left:100%}.modern-btn-primary:hover{box-shadow:0 12px 24px #1890ff66,inset 0 1px 0 #ffffff4d!important;transform:translateY(-2px)!important}.modern-btn-primary:active{transform:translateY(0)!important}.ant-layout-content{animation:contentFadeIn 1s ease-out;background:#0000!important;min-height:calc(100vh - 64px);position:relative;z-index:1}@keyframes contentFadeIn{0%{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}.ant-card-body{padding:24px!important}.ant-layout{background:#0000!important}.ant-row{animation:rowSlideUp .8s ease-out}@keyframes rowSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ant-alert{animation:alertFadeIn .6s ease-out .2s both;background:linear-gradient(135deg,#f6ffed,#f0f9ff)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000d,inset 0 -1px 2px #00000005!important}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ant-layout-sider{box-shadow:2px 0 8px #0000001a}.ant-layout-sider,.ant-layout-sider.ant-layout-sider-collapsed{z-index:100!important}.ant-layout-has-sider>.ant-layout{z-index:1!important}.ant-layout-header{box-shadow:0 2px 8px #0000000d;z-index:50!important}.ant-card{position:relative;z-index:10}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1890ff,#0050b3);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40a9ff,#096dd9);box-shadow:0 0 10px #1890ff80}.ant-table-thead>tr>th{background:linear-gradient(135deg,#fafafa,#f5f5f5)!important;border-bottom:2px solid #e5e7eb!important;color:#374151!important;font-weight:700!important;transition:all .3s ease}.ant-table-thead>tr>th:hover{background:linear-gradient(135deg,#f5f5f5,#eee)!important}.ant-table-tbody>tr{transition:all .3s ease}.ant-table-tbody>tr:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;box-shadow:0 2px 8px #0000000d;transform:scale(1.001)}.ant-table-tbody>tr.selected-row{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important}.ant-table-tbody>tr.matrix-row{background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important}.batch-operations-panel{align-items:center;animation:slideDown .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:16px;box-shadow:0 10px 20px #3b82f61a,inset 0 1px 0 #ffffff80;display:flex;margin-top:20px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.batch-selected-text{color:#1e40af;font-size:15px;font-weight:600}.modern-modal .ant-modal-content{border-radius:20px!important;box-shadow:0 25px 50px #00000026,0 0 0 1px #0000000d!important;overflow:hidden}.modern-modal .ant-modal-header{background:linear-gradient(135deg,#1890ff,#0050b3);border-bottom:none;padding:24px 32px}.modern-modal .ant-modal-title{color:#fff;font-size:20px;font-weight:700}.modern-modal .ant-modal-close{color:#fff;opacity:.8;transition:opacity .3s ease}.modern-modal .ant-modal-close:hover{opacity:1}.modern-modal .ant-modal-body{padding:32px}.modern-modal .ant-modal-footer{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-top:1px solid #e5e7eb;padding:20px 32px}.dashboard-skeleton{animation:fadeIn .6s ease-in-out;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-header{background:linear-gradient(135deg,#fafbfc,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;padding:32px}.skeleton-card{background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 8px 16px #0000000a!important;overflow:hidden}.skeleton-stats-card{animation:shimmer 2s ease-in-out infinite;border:none!important;border-radius:20px!important;overflow:hidden;position:relative;transition:all .3s ease}.skeleton-stats-card:hover{box-shadow:0 12px 30px #0000001f!important;transform:translateY(-4px)}.skeleton-stats-1{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;box-shadow:0 8px 24px #3b82f633!important}.skeleton-stats-2{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;box-shadow:0 8px 24px #10b98133!important}.skeleton-stats-3{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)!important;box-shadow:0 8px 24px #a855f733!important}.skeleton-stats-4{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;box-shadow:0 8px 24px #fb923c33!important}.skeleton-stats-content{display:flex;flex-direction:column;height:120px;justify-content:center;padding:24px}@keyframes shimmer{0%,to{background-position:-200px 0}50%{background-position:calc(200px + 100%) 0}}@media (max-width:1600px){.page-title{font-size:32px!important}}@media (max-width:1200px){.page-title{font-size:28px!important}.page-header{padding:24px}.modern-card{margin-bottom:16px}}@media (max-width:992px){.page-title{font-size:24px!important}.page-subtitle{font-size:14px!important}.modern-card,.stats-card-modern{border-radius:16px!important}}@media (max-width:768px){.ant-layout-sider{position:fixed!important;z-index:999!important}.ant-layout-content{margin-left:0!important;padding:16px!important;z-index:1!important}.page-header{border-radius:16px;padding:20px}.page-title{font-size:22px!important}.modern-card{border-radius:12px!important;margin-bottom:12px}.batch-operations-panel{align-items:flex-start;flex-direction:column;gap:12px}.modern-modal .ant-modal-body{padding:20px}}@media (max-width:576px){.page-header{margin-bottom:20px;padding:16px}.page-title{font-size:20px!important}.page-subtitle{font-size:12px!important}.stats-card-modern{border-radius:12px!important}.modern-card{border-radius:8px!important}.ant-card-body{padding:16px!important}}.App.dark-mode .page-header{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-color:#333;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.App.dark-mode .modern-card{background:linear-gradient(135deg,#1f1f1f,#2a2a2a)!important;border-color:#333!important}.App.dark-mode .ant-table-thead>tr>th{background:linear-gradient(135deg,#262626,#2d2d2d)!important;border-bottom-color:#404040!important;color:#e5e7eb!important}.App.dark-mode .ant-table-tbody>tr:hover{background:linear-gradient(135deg,#2a2a2a,#333)!important}.App.dark-mode .batch-operations-panel{background:linear-gradient(135deg,#1e293b,#1e3a5f);border-color:#334155}.App.dark-mode .batch-selected-text{color:#60a5fa}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.ant-drawer,.ant-layout-header,.ant-layout-sider,.ant-modal{display:none!important}.modern-card,.stats-card-modern{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ant-btn,.ant-input,.ant-select-selector{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-btn:hover{transform:translateY(-1px)}.ant-btn:active{transform:translateY(0)}.ant-tag{border:none;border-radius:8px!important;font-weight:500;padding:4px 12px;transition:all .3s ease}.ant-tag:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:8px!important;transition:all .3s ease!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-input:focus{box-shadow:0 0 0 3px #1890ff1a!important}.ant-tooltip-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:8px;padding:8px 12px}.ant-drawer-content{border-radius:20px 0 0 20px}.ant-drawer-header{background:linear-gradient(135deg,#1890ff,#0050b3);border-bottom:none;padding:24px}.ant-drawer-title{color:#fff;font-weight:700}.ant-drawer-close{color:#fff}
/*# sourceMappingURL=main.b7417e5f.css.map*/