:root{--tech-bg:#0a0e27;--tech-sider:#070b1f;--tech-surface:#ffffff08;--tech-border:#ffffff0f;--tech-glow:#6366f126;--tech-accent:#6366f1;--tech-accent2:#06b6d4}body{background-color:#f0f2f5;background-image:radial-gradient(circle at 20%,#6366f108 0%,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d408 0%,#0000 50%),radial-gradient(circle at 60% 80%,#6366f105 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.app-layout{min-height:100vh}.app-sider{position:relative;overflow:hidden;background:linear-gradient(#0a0e27 0%,#0d1333 50%,#0a0e27 100%)!important;border-right:1px solid #ffffff0d!important}.app-sider:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#6366f10f 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.app-sider:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000,#6366f14d,#06b6d44d,#0000);width:1px;height:100%;position:absolute;top:0;right:0}.app-sider .ant-layout-sider-children{z-index:1;flex-direction:column;display:flex;position:relative}.sider-logo{color:#e8eaf6;letter-spacing:1px;white-space:nowrap;background:linear-gradient(90deg,#6366f11a,#0000);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 16px;font-size:17px;font-weight:700;display:flex;position:relative}.sider-logo span{background:linear-gradient(135deg,#818cf8,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:4px}.sider-logo-text{text-overflow:ellipsis;align-items:center;display:flex;overflow:hidden}.app-sider.ant-layout-sider-collapsed .sider-logo-text{display:none}.sider-toggle-btn{flex-shrink:0;color:#e8eaf6b3!important}.sider-toggle-btn:hover{color:#818cf8!important;background:#6366f11f!important}.app-sider .ant-menu{background:0 0!important;border-right:none!important}.app-sider .ant-menu-item{transition:all .25s;border-radius:8px!important;width:auto!important;margin:2px 8px!important;padding-left:14px!important}.app-sider.ant-layout-sider-collapsed .ant-menu-item,.app-sider.ant-layout-sider-collapsed .ant-menu-submenu-title{text-align:center;color:#ffffffd9!important}.app-sider.ant-layout-sider-collapsed .ant-menu-item:hover,.app-sider.ant-layout-sider-collapsed .ant-menu-submenu-title:hover{color:#fff!important}.app-sider .ant-menu-submenu-title{padding-left:14px!important}.app-sider .ant-menu-item:hover{background:#6366f11f!important}.app-sider .ant-menu-item-selected{border-left:3px solid var(--tech-accent)!important;background:linear-gradient(90deg,#6366f133,#06b6d41a)!important}.app-sider .ant-menu-item-selected:after{display:none!important}.app-sider .ant-menu-item-group-title{letter-spacing:1px;text-transform:uppercase;color:#ffffff4d!important;padding-top:12px!important;padding-bottom:4px!important;padding-left:20px!important;font-size:11px!important}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;height:64px;line-height:64px;display:flex;box-shadow:0 1px #0000000a,0 2px 12px #00000005;background:#ffffffd9!important;padding:0 24px!important}.app-header h2{background:linear-gradient(135deg,#1e1b4b,#312e81);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:600}.page-tabs-bar{-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border-bottom:1px solid #0000000a;padding:0 16px}.page-tabs-bar .ant-tabs,.page-tabs-bar .ant-tabs-nav{margin-bottom:0!important}.page-tabs-bar .ant-tabs-tab{transition:all .2s;background:0 0!important;border:1px solid #0000!important;border-radius:6px 6px 0 0!important;padding:6px 14px!important;font-size:12px!important}.page-tabs-bar .ant-tabs-tab:hover{background:#6366f10d!important;border-color:#6366f11f!important}.page-tabs-bar .ant-tabs-tab-active{background:#fff!important;border-color:#0000000f #0000000f #0000!important}.page-tabs-bar .ant-tabs-tab-active .ant-tabs-tab-btn{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-tabs-bar .ant-tabs-tab-remove{opacity:.4;margin-left:4px;font-size:10px;transition:opacity .2s}.page-tabs-bar .ant-tabs-tab-remove:hover{opacity:1;color:#ff4d4f}.page-tabs-bar .ant-tabs-nav:before{border-bottom:1px solid #0000000a!important}.app-content{background:0 0;min-height:calc(100vh - 64px);padding:24px;position:relative}.app-content:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(circle,#6366f108 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.app-content>*{z-index:1;position:relative}.ant-card{-webkit-backdrop-filter:blur(8px);transition:all .3s;position:relative;overflow:hidden;background:#ffffffb3!important;border:1px solid #0000000a!important;border-radius:12px!important;box-shadow:0 1px 3px #00000008,0 4px 16px #00000005!important}.ant-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#6366f133,#06b6d433,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ant-card:hover{transform:translateY(-1px);border-color:#6366f11f!important;box-shadow:0 2px 8px #6366f10f,0 8px 32px #0000000a!important}.ant-card:hover:before{opacity:1}.ant-statistic-content-value{font-weight:700!important}.ant-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#0000!important;transition:all .3s!important;box-shadow:0 2px 8px #6366f140!important}.ant-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#818cf8,#6366f1)!important;box-shadow:0 4px 16px #6366f159!important}.ant-table-thead>tr>th{letter-spacing:.5px;color:#4338ca!important;background:#6366f108!important;border-bottom:2px solid #6366f114!important;font-size:12px!important;font-weight:600!important}.ant-table-tbody>tr:hover>td{background:#6366f105!important}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:hover{background:#6366f159}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kpiGlow{0%,to{box-shadow:0 2px 8px #6366f11a}50%{box-shadow:0 2px 20px #6366f133,0 0 40px #06b6d40f}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-grid .ant-card{animation:3s ease-in-out infinite kpiGlow}.kpi-grid .ant-card:nth-child(2){animation-delay:.2s}.kpi-grid .ant-card:nth-child(3){animation-delay:.4s}.kpi-grid .ant-card:nth-child(4){animation-delay:.6s}.kpi-grid .ant-card:nth-child(5){animation-delay:.8s}.kpi-grid .ant-card:nth-child(6){animation-delay:1s}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.chart-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=960px){.chart-row{grid-template-columns:1fr}}.login-page{background:linear-gradient(135deg,#0a0e27 0%,#1a1040 30%,#0d1333 60%,#061224 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#6366f114 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.login-card{-webkit-backdrop-filter:blur(20px);z-index:1;border:1px solid #fff3;border-radius:16px;width:400px;padding:40px;position:relative;box-shadow:0 8px 40px #00000026,0 2px 16px #6366f114;background:#ffffffeb!important}.login-card .ant-card-body{padding:0}.login-card h1{text-align:center;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px}.login-card .subtitle{text-align:center;color:#8c8c8c;margin-bottom:32px}.ant-menu-dark{background:0 0!important}.ant-menu-dark .ant-menu-item{color:#ffffffa6!important}.ant-menu-dark .ant-menu-item:hover{color:#ffffffe6!important}.ant-menu-dark .ant-menu-item-selected{color:#a5b4fc!important}.ant-menu-dark .ant-menu-sub{background:#ffffff05!important}.ant-menu-dark .ant-menu-item-group-title{color:#ffffff4d!important}.screen-mode{background:linear-gradient(135deg,#0a0e27 0%,#0d1535 50%,#09101e 100%)!important}.screen-card{-webkit-backdrop-filter:blur(8px);padding:20px;transition:all .3s;position:relative;overflow:hidden;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:14px!important}.screen-card:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.screen-card:hover{box-shadow:0 4px 24px #6366f114;border-color:#6366f133!important}.screen-title{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:12px}.screen-value{letter-spacing:-1px;font-size:36px;font-weight:700}.mobile-menu-drawer .ant-drawer-body{background:linear-gradient(#0a0e27 0%,#0d1333 50%,#0a0e27 100%)!important;padding:0!important}.mobile-menu-drawer .sider-inner{height:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex}.mobile-menu-drawer .sider-logo{justify-content:flex-start;padding:0 20px}.mobile-menu-drawer .sider-logo span{display:inline!important}.mobile-menu-drawer .ant-menu-item{height:44px!important;margin:2px 8px!important;padding-left:20px!important;font-size:14px!important;line-height:44px!important}.mobile-menu-drawer .ant-menu-submenu-title{height:44px!important;padding-left:20px!important;font-size:14px!important;line-height:44px!important}.mobile-menu-drawer .ant-menu-item-group-title{padding-left:24px!important;font-size:11px!important}@media (width<=768px){.app-content{min-height:calc(100vh - 56px);padding:12px}.app-header{height:48px;line-height:48px;padding:0 12px!important}.app-header h2{font-size:14px}.login-card{width:90vw;padding:24px}.app-sider{display:none!important}.ant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ant-table{white-space:nowrap}.ant-form-item{margin-bottom:8px}.page-toolbar{flex-wrap:wrap;gap:8px}.ant-drawer-content-wrapper{max-width:100vw!important}.ant-modal{margin:8px auto;max-width:94vw!important}.ant-modal .ant-modal-body{padding:12px}.ant-space-horizontal{flex-wrap:wrap}.ai-drawer .ant-drawer-content-wrapper{max-height:92vh;border-radius:16px 16px 0 0!important}.ai-drawer .ant-drawer-header{padding:8px 12px!important}.ai-drawer .ant-tabs-tab{font-size:12px;padding:8px 10px!important}.ai-drawer .ant-tabs-tab-btn{font-size:12px}.ai-drawer .ant-input-textarea-affix-wrapper{font-size:14px}.page-tabs-bar{padding:0 8px}.page-tabs-bar .ant-tabs-tab{padding:4px 8px!important;font-size:11px!important}}html,body,#root{background:#f5f5f5;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.page-enter{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-mode{min-height:100vh;background:#0a0e27!important}.screen-mode *{box-sizing:border-box}.screen-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #1890ff26;border-radius:12px;padding:20px;position:relative;overflow:hidden}.screen-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#1890ff4d,#0000 60%);border-radius:12px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.screen-title{color:#fff;opacity:.85;margin-bottom:12px;font-size:16px;font-weight:500}.screen-value{color:#e6f7ff;text-shadow:0 0 12px #1890ff66;font-family:DIN,SF Mono,monospace;font-size:36px;font-weight:700}@keyframes glow-pulse{0%,to{text-shadow:0 0 8px #1890ff4d}50%{text-shadow:0 0 16px #1890ff99}}.screen-value{animation:3s ease-in-out infinite glow-pulse}.notif-unread{background:#e6f4ff!important}.notif-unread:hover td{background:#d1ecff!important}