.screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0e27,#0d1233 40%,#141b3d);color:#e0e8ff;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;overflow:hidden;display:flex;flex-direction:column}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.screen>*{position:relative;z-index:1}.screen-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;background:linear-gradient(180deg,#0a143cf2,#0a143c99);border-bottom:1px solid rgba(59,130,246,.25);flex-shrink:0}.screen-header__left{display:flex;align-items:center;gap:12px}.screen-header__logo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent}.screen-header__logo img{width:100%;height:100%;object-fit:contain}.screen-header__title{font-size:22px;font-weight:700;letter-spacing:4px;font-family:Fira Code,monospace;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-header__right{display:flex;align-items:center;gap:24px}.screen-header__clock{font-size:18px;font-weight:500;font-family:Fira Code,monospace;color:#c8dcffcc;font-variant-numeric:tabular-nums;letter-spacing:1px}.screen-header__back{display:flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid rgba(59,130,246,.4);border-radius:4px;color:#c8dcffcc;font-size:13px;cursor:pointer;transition:all .2s ease;background:transparent}.screen-header__back:hover{border-color:#3b82f6b3;color:#fff;background:#3b82f626}.screen-kpi{display:flex;gap:12px;padding:12px 24px;flex-shrink:0}.screen-kpi__item{flex:1;background:linear-gradient(180deg,#1e40af26,#1e40af0f);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px 16px;text-align:center;position:relative;overflow:hidden}.screen-kpi__item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.screen-kpi__label{font-size:12px;color:#a0bee6b3;margin-bottom:4px;letter-spacing:1px}.screen-kpi__value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;font-family:Fira Code,monospace}.screen-kpi__suffix{font-size:13px;font-weight:400;margin-left:2px;opacity:.6}.screen-body{flex:1;display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;padding:0 24px 12px;min-height:0}.screen-col{display:flex;flex-direction:column;gap:12px;min-height:0}.screen-panel{flex:1;background:linear-gradient(180deg,#08143acc,#060e2899);border:1px solid rgba(59,130,246,.15);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.screen-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.4) 50%,transparent 100%)}.screen-panel:after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid rgba(59,130,246,.5);border-left:2px solid rgba(59,130,246,.5);border-radius:2px 0 0;pointer-events:none}.screen-panel__corner-tr,.screen-panel__corner-bl,.screen-panel__corner-br{position:absolute;width:12px;height:12px;pointer-events:none}.screen-panel__corner-tr{top:0;right:0;border-top:2px solid rgba(59,130,246,.5);border-right:2px solid rgba(59,130,246,.5);border-radius:0 2px 0 0}.screen-panel__corner-bl{bottom:0;left:0;border-bottom:2px solid rgba(59,130,246,.5);border-left:2px solid rgba(59,130,246,.5);border-radius:0 0 0 2px}.screen-panel__corner-br{bottom:0;right:0;border-bottom:2px solid rgba(59,130,246,.5);border-right:2px solid rgba(59,130,246,.5);border-radius:0 0 2px}.screen-panel__title{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;letter-spacing:1px;font-family:Fira Code,monospace;color:#c8dcffe6;border-bottom:1px solid rgba(59,130,246,.1);flex-shrink:0}.screen-panel__title-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;box-shadow:0 0 6px #3b82f699;animation:breathe 2s ease-in-out infinite}.screen-panel__content{flex:1;padding:6px;min-height:0;display:flex;flex-direction:column}.screen-ticker{height:36px;background:#00143cb3;border-top:1px solid rgba(59,130,246,.15);display:flex;align-items:center;overflow:hidden;flex-shrink:0;padding:0 16px}.screen-ticker__label{flex-shrink:0;font-size:12px;color:#3b82f6;font-weight:600;margin-right:16px;padding:2px 10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:3px}.screen-ticker__track{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%)}.screen-ticker__content{display:flex;gap:48px;white-space:nowrap;animation:tickerScroll 40s linear infinite}.screen-ticker__item{font-size:12px;color:#b4c8e6b3;display:flex;align-items:center;gap:8px;flex-shrink:0}.screen-ticker__item-code{color:#3b82f6;font-weight:600}.screen-ticker__item-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.screen-scroll-list{flex:1;overflow:hidden;position:relative;min-height:0}.screen-scroll-list__inner{animation:scrollUp 20s linear infinite}.screen-scroll-list__row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(59,130,246,.08);font-size:12px;transition:background .2s ease}.screen-scroll-list__row:hover{background:#3b82f614}.screen-scroll-list__code{color:#00c8ff;font-weight:600;flex-shrink:0;width:90px}.screen-scroll-list__tag{padding:1px 6px;border-radius:3px;font-size:11px;flex-shrink:0}.screen-scroll-list__name{color:#c8dcffb3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-scroll-list__weight{color:#f59e0b;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.screen-scroll-list__time{color:#a0bee680;flex-shrink:0;font-variant-numeric:tabular-nums;font-size:11px}.screen-bar-list{display:flex;flex-direction:column;gap:10px;padding:8px 4px}.screen-bar-item{display:flex;align-items:center;gap:8px;font-size:12px}.screen-bar-item__label{width:56px;text-align:right;color:#b4c8e6b3;flex-shrink:0}.screen-bar-item__bar{flex:1;height:16px;background:#3b82f614;border-radius:3px;overflow:hidden;position:relative}.screen-bar-item__fill{height:100%;border-radius:3px;transition:width 1.5s cubic-bezier(.22,1,.36,1);position:relative}.screen-bar-item__fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#ffffff80;box-shadow:0 0 6px #ffffff4d}.screen-bar-item__count{width:30px;text-align:left;color:#c8dcffcc;font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0}@keyframes breathe{0%,to{opacity:1;box-shadow:0 0 6px #3b82f699}50%{opacity:.4;box-shadow:0 0 2px #3b82f633}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #3b82f626}50%{box-shadow:0 0 16px #3b82f64d}}.screen-panel{animation:fadeInUp .6s ease-out both}.screen-col:nth-child(1) .screen-panel:nth-child(1){animation-delay:.1s}.screen-col:nth-child(1) .screen-panel:nth-child(2){animation-delay:.2s}.screen-col:nth-child(1) .screen-panel:nth-child(3){animation-delay:.3s}.screen-col:nth-child(2) .screen-panel:nth-child(1){animation-delay:.15s}.screen-col:nth-child(2) .screen-panel:nth-child(2){animation-delay:.25s}.screen-col:nth-child(3) .screen-panel:nth-child(1){animation-delay:.2s}.screen-col:nth-child(3) .screen-panel:nth-child(2){animation-delay:.3s}.screen-col:nth-child(3) .screen-panel:nth-child(3){animation-delay:.4s}.screen-kpi__item{animation:fadeInUp .5s ease-out both}.screen-kpi__item:nth-child(1){animation-delay:0s}.screen-kpi__item:nth-child(2){animation-delay:.06s}.screen-kpi__item:nth-child(3){animation-delay:.12s}.screen-kpi__item:nth-child(4){animation-delay:.18s}.screen-kpi__item:nth-child(5){animation-delay:.24s}.screen-kpi__item:nth-child(6){animation-delay:.3s}.screen-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e27;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:100}.screen-loading__spinner{width:48px;height:48px;border:3px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.screen-loading__text{color:#c8dcff99;font-size:14px;letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}.screen-chart{flex:1;min-height:0}@media(max-width:1600px){.screen-header__title{font-size:18px;letter-spacing:2px}.screen-kpi__value{font-size:24px}.screen-kpi{padding:8px 16px}.screen-body{padding:0 16px 8px;gap:8px}}@media(max-width:1280px){.screen-header__title{font-size:16px}.screen-kpi__value{font-size:20px}.screen-body{grid-template-columns:1fr 1.5fr 1fr}}:root{--color-primary: #1E40AF;--color-primary-dark: #1E3A8A;--color-secondary: #3B82F6;--color-cta: #F59E0B;--color-cta-dark: #D97706;--color-background: #F8FAFC;--color-text: #1E3A8A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-light: #94A3B8;--color-border: #E2E8F0;--color-white: #ffffff;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .02);--shadow-elevated: 0 10px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-heading: "Fira Code", ui-monospace, monospace;--font-body: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000038}::-webkit-scrollbar-track{background:transparent}.ant-pro-sider,.ant-layout-sider{background:linear-gradient(180deg,#0f172a,#1a2847)!important;border-right:1px solid rgba(255,255,255,.08)!important}.ant-pro-sider .ant-menu{background:transparent!important}.ant-pro-sider .ant-menu-item,.ant-pro-sider .ant-menu-submenu-title{color:#d8dee9bf!important;border-radius:8px!important;margin:4px 12px!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;position:relative}.ant-pro-sider .ant-menu-item:hover,.ant-pro-sider .ant-menu-submenu-title:hover{color:#fff!important;background:#3b82f626!important}.ant-pro-sider .ant-menu-item-selected{color:#fff!important;background:linear-gradient(135deg,#3b82f640,#1e40af26)!important;border-left:3px solid #3B82F6!important;padding-left:13px!important}.ant-pro-sider .ant-menu-item-selected:after{display:none!important}.ant-pro-sider .ant-menu-sub{background:transparent!important}.ant-pro-sider .ant-menu-submenu-arrow{color:#d8dee959!important}.ant-pro-sider-logo{border-bottom:1px solid rgba(255,255,255,.06)!important;padding:20px 16px!important}.ant-pro-sider-logo h1{color:#fff!important;font-weight:600!important;letter-spacing:.5px!important;font-family:var(--font-heading)!important;font-size:14px!important}.ant-pro-top-nav-header,.ant-pro-global-header{background:#fffffff7!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;box-shadow:0 2px 8px #0000000a!important}.ant-pro-basicLayout-content,.ant-layout-content{background:var(--color-background)!important}.ant-card{border-radius:12px!important;border:1px solid rgba(226,232,240,.6)!important;background:#ffffffd9!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 2px 8px #0000000a,inset 0 1px 2px #ffffff80!important;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}.ant-card:hover{box-shadow:0 8px 16px #00000014,inset 0 1px 2px #ffffff80!important;transform:translateY(-2px)}.ant-card .ant-card-head{border-bottom:1px solid rgba(226,232,240,.4)!important;padding:16px 20px!important;min-height:auto!important;background:#f8fafc99!important}.ant-card .ant-card-head-title{font-weight:600!important;font-size:13px!important;color:#1e3a8a!important;letter-spacing:.4px!important;font-family:Fira Code,monospace!important;text-transform:uppercase}.ant-table{border-radius:var(--radius-md)!important}.ant-table-thead>tr>th{background:#f1f5f9!important;font-weight:600!important;font-size:13px!important;color:var(--color-text-secondary)!important;border-bottom:1px solid var(--color-border)!important;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-heading)!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important;transition:background var(--transition-fast)!important}.ant-table-tbody>tr:hover>td{background:#f8fafc!important}.ant-tag{border-radius:var(--radius-sm)!important;font-weight:500!important;font-size:12px!important;letter-spacing:.2px!important}.ant-btn{cursor:pointer!important;transition:all var(--transition-fast)!important}.ant-btn-primary{box-shadow:0 4px 12px #f59e0b40!important;font-weight:600!important;letter-spacing:.3px!important;border-radius:8px!important;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)!important}.ant-btn-primary:hover{box-shadow:0 8px 20px #f59e0b59!important;transform:translateY(-2px)}.ant-pro-table .ant-pro-table-search{background:#fff!important;border-radius:var(--radius-lg)!important;margin-bottom:16px!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--color-border)!important}.ant-pro-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.ant-statistic-title{font-size:12px!important;color:var(--color-text-muted)!important;letter-spacing:.5px!important;text-transform:uppercase;font-weight:500!important}.ant-statistic-content-value{font-weight:700!important;letter-spacing:-.5px!important;font-family:var(--font-heading)!important}.ant-descriptions-item-label{color:var(--color-text-muted)!important;font-weight:500!important;font-size:13px!important}.ant-breadcrumb{font-size:13px!important}.ant-empty-description{color:var(--color-text-light)!important}a,[role=button],.ant-table-row,.ant-menu-item{cursor:pointer}.ant-table-tbody>tr{transition:background .15s cubic-bezier(.4,0,.2,1)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ant-pro-basicLayout-content>div{animation:fadeInUp .35s ease-out}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.kpi-card{animation:kpiSlideIn .4s ease-out backwards;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.kpi-card:nth-child(1){animation-delay:0s}.kpi-card:nth-child(2){animation-delay:.05s}.kpi-card:nth-child(3){animation-delay:.1s}.kpi-card:nth-child(4){animation-delay:.15s}.kpi-card:nth-child(5){animation-delay:.2s}.kpi-card:nth-child(6){animation-delay:.25s}.kpi-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px var(--shadow)!important}
