*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#0f172a;-webkit-font-smoothing:antialiased}.metric-card{border-radius:12px!important;border:1px solid #eef2f7!important;box-shadow:0 1px 2px #1018280a,0 4px 12px #1018280f!important;transition:transform .15s ease,box-shadow .15s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1018281a!important}.panel-card{border-radius:14px!important;border:1px solid #eef2f7!important;box-shadow:0 1px 2px #1018280a!important;transition:box-shadow .18s ease}.panel-card:hover{box-shadow:0 2px 8px #1018280f!important}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0f172a}.section-title:before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,#3b82f6,#2563eb)}.page-enter{animation:pageIn .28s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;align-items:center;gap:10px;padding:20px 24px 18px;margin-bottom:6px;color:#fff;border-bottom:1px solid rgba(148,163,184,.14)}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #2563eb59}.brand-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden}.ant-menu-dark .ant-menu-item-selected{position:relative}.ant-menu-dark .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:#3b82f6}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-right:6px;box-shadow:0 0 #16a34a80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.ant-layout-header{height:auto!important;line-height:normal!important;padding-top:12px;padding-bottom:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{transition:color .15s ease}.login-wrap{min-height:100vh;display:flex;background:#f1f5f9}.login-brand{flex:1.1;position:relative;overflow:hidden;background:linear-gradient(150deg,#0f172a,#1e293b 55%,#1e3a8a);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 64px}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(8px);opacity:.5}.login-brand:before{width:380px;height:380px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(59,130,246,.45),transparent 70%)}.login-brand:after{width:300px;height:300px;bottom:-100px;left:-80px;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%)}.login-brand-inner{position:relative;z-index:1;max-width:420px}.login-logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:28px;box-shadow:0 8px 24px #2563eb66}.login-title{font-size:30px;font-weight:700;letter-spacing:.5px;margin:0 0 14px}.login-sub{font-size:15px;line-height:1.9;color:#cbd5e1}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.login-form-box{width:100%;max-width:360px}@media (max-width: 860px){.login-brand{display:none}}