.app-layout{min-height:100vh}.app-sider{border-right:none;background:#001529!important}.app-sider .ant-layout-sider-children{flex-direction:column;display:flex}.sider-logo{color:#fff;letter-spacing:1px;white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;height:64px;padding:0 24px;font-size:18px;font-weight:700;display:flex}.sider-logo span{color:#1677ff;margin-left:4px}.app-header{justify-content:space-between;align-items:center;height:64px;line-height:64px;display:flex;box-shadow:0 1px 4px #0000000a;background:#fff!important;padding:0 24px!important}.app-header h2{color:#1f1f1f;margin:0;font-weight:600}.app-content{min-height:calc(100vh - 64px);padding:24px}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}@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,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:400px;padding:40px;box-shadow:0 8px 40px #00000014}.login-card h1{text-align:center;color:#1677ff;margin-bottom:8px;font-size:24px}.login-card .subtitle{text-align:center;color:#8c8c8c;margin-bottom:32px}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}