:root{--bg-page:#f3f6fb;--bg-card:#fff;--bg-sidebar:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--line:#e2e8f0;--brand:#2563eb;--brand-soft:#dbeafe;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--radius:12px;--shadow:0 8px 24px #0f172a14}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{color:var(--text-primary);background:var(--bg-page);margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}#app{min-height:100vh}.shell{min-height:100vh;display:flex}.shell-sidebar{background:var(--bg-sidebar);color:#cbd5e1;flex:0 0 180px;width:180px;min-width:180px;padding:16px 10px}.brand-title{color:#f8fafc;font-size:15px;font-weight:700}.brand-sub{color:#94a3b8;margin-top:4px;font-size:11px}.menu-wrap{gap:4px;margin-top:14px;display:grid}.menu-item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:13px}.menu-item.active{color:#e2e8f0;background:#2563eb3d}.shell-main{flex:1;min-width:0;padding:20px;overflow-x:hidden}.page-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-head h2{margin:0;font-size:24px}.page-head p{color:var(--text-secondary);margin:8px 0 0}.toolbar{align-items:center;gap:10px;display:flex}.toolbar.wrap{flex-wrap:wrap}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat-label{color:var(--text-secondary);font-size:13px}.stat-value{margin-top:8px;font-size:30px;font-weight:700}.stat-hint{color:var(--text-secondary);margin-top:8px;font-size:12px}.panel-title{margin-bottom:10px;font-size:15px;font-weight:600}.page-block{margin-bottom:14px}.block-desc{color:var(--text-secondary);margin:0 0 10px;font-size:13px}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.total-hint{color:var(--text-secondary);margin-right:auto;font-size:13px}.mini-stat{padding:10px 12px}.mini-stat .stat-value{margin-top:6px;font-size:20px}.placeholder{min-height:220px}.log-terminal{color:#e6edf3;background:#010409;border:1px solid #30363d;border-radius:6px;height:400px;padding:10px;font-family:monospace;font-size:11px;line-height:1.7;overflow-y:auto}.log-line-err{color:#f85149}.log-line-warn{color:#d29922}.log-line-ok{color:#3fb950}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}}@media (width<=768px){.shell{flex-direction:column;min-height:100dvh}.shell-sidebar{flex:none;width:100%;min-width:0;padding:12px}.menu-wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.menu-item{padding:8px 10px;font-size:12px}.shell-main{padding:12px}.page-head{flex-direction:column;align-items:flex-start;gap:8px}.page-head h2{font-size:18px}.toolbar{flex-wrap:wrap;gap:8px;width:100%}.card{border-radius:10px;padding:12px}.stat-value{font-size:22px}.panel-title{font-size:14px}.pager{flex-wrap:wrap;justify-content:flex-start}}