:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7fa;margin:0}#app,.layout-shell{min-height:100vh}.layout-aside{color:#fff;background:#111827;flex-direction:column;display:flex}.brand{border-bottom:1px solid #ffffff14;padding:20px;font-size:18px;font-weight:700}.layout-menu{background:0 0;border-right:none;flex:1}.layout-menu .el-menu-item{color:#ffffffd9}.layout-menu .el-menu-item.is-active{color:#fff;background:#409eff2e}.layout-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.page-title{color:#111827;font-size:20px;font-weight:700}.page-desc{color:#6b7280;margin-top:4px;font-size:13px}.header-user{align-items:center;gap:12px;display:flex}.layout-main{padding:20px}.page-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.metric-card{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:14px;padding:18px}.metric-label{color:#6b7280;font-size:13px}.metric-value{color:#111827;margin-top:8px;font-size:28px;font-weight:700}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.json-cell{white-space:pre-wrap;word-break:break-word;color:#475569;max-width:360px;font-size:12px}.login-shell{background:linear-gradient(135deg,#eff6ff,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:28px;box-shadow:0 24px 60px #0f172a1f}.login-title{color:#111827;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:#64748b;margin:0 0 24px;font-size:14px}@media (width<=960px){.layout-aside{width:76px!important}.brand{padding:16px 12px;font-size:14px}.layout-menu .el-menu-item{font-size:12px;padding:0 12px!important}.layout-header{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px}}