*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.login-container{min-height:100vh;background:linear-gradient(135deg,#1e2329,#2b3139);display:flex;justify-content:center;align-items:center}.login-card{width:400px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000026}.login-logo{text-align:center;margin-bottom:30px}.login-logo img{width:60px;height:60px}.login-logo h1{margin-top:16px;font-size:24px;color:#1e2329}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-dot.connected{background:#52c41a;box-shadow:0 0 8px #52c41a80}.status-dot.disconnected{background:#ff4d4f}.status-dot.reconnecting{background:#faad14;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f}.stat-card .stat-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#1e2329}.stat-card .stat-value.positive{color:#52c41a}.stat-card .stat-value.negative{color:#ff4d4f}.order-status-tag{font-size:12px;padding:2px 8px;border-radius:4px}.order-status-tag.filled{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.order-status-tag.new{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.order-status-tag.canceled{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.main-layout{min-height:100vh}.main-header{background:#1e2329;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.main-header .logo{display:flex;align-items:center;color:#f0b90b;font-size:18px;font-weight:600}.main-header .logo img{width:32px;height:32px;margin-right:12px}.main-sider{background:#fff;box-shadow:2px 0 8px #0000000d}.main-content{padding:24px;background:#f5f5f5;min-height:calc(100vh - 64px)}@media (max-width: 768px){.login-card{width:90%;padding:24px}}