#app,body,html{height:100%;margin:0}body{background:#f4f6f8;color:#1f2d3d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;background:#eef2f5}.login-panel{width:360px;padding:28px;background:#fff;border:1px solid #d9e1e8;border-radius:8px;box-shadow:0 8px 24px rgba(15,35,55,.08)}.login-title{margin:0 0 22px;font-size:22px;font-weight:600}.shell{height:100%}.side{width:220px;background:#263238;color:#fff}.brand{padding:0 18px;font-size:18px;font-weight:600;border-bottom:1px solid hsla(0,0%,100%,.08)}.brand,.main-header{height:56px;display:flex;align-items:center}.main-header{justify-content:space-between;background:#fff;border-bottom:1px solid #dfe6ed;padding:0 20px}.main-body{padding:18px;overflow:auto}.toolbar{margin-bottom:12px;display:flex;gap:8px}.panel{background:#fff;border:1px solid #dfe6ed;border-radius:6px;padding:16px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.metric{background:#fff;border:1px solid #dfe6ed;border-radius:6px;padding:14px}.metric-label{color:#789;font-size:13px}.metric-value{margin-top:8px;font-size:26px;font-weight:600}.code-box{max-height:260px;overflow:auto;padding:12px;background:#111827;color:#d1d5db;border-radius:6px;white-space:pre-wrap;word-break:break-all}