:root{--bg1:#eef3fb;--bg2:#f6f8fc;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--shadow: 0 10px 28px rgba(15, 23, 42, .08);--shadow2: 0 2px 10px rgba(15, 23, 42, .06);--radius: 14px;--green:#22c55e;--red:#ef4444;--blue:#3b82f6}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.qm-shell{min-height:100vh;background:radial-gradient(1000px 600px at 70% 30%,#dbe9ff 0%,var(--bg1) 55%,var(--bg2) 100%);display:flex}.qm-sidebar{width:64px;padding:10px 8px;background:#f4f6fb;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;align-items:center}.qm-sb-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#fff;display:grid;place-items:center;box-shadow:var(--shadow2);cursor:pointer}.qm-sb-btn--active{outline:2px solid rgba(59,130,246,.25)}.qm-main{flex:1;padding:14px 18px 24px}.qm-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.qm-brand{display:flex;align-items:center;gap:10px;font-weight:800}.qm-brand-dot{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 180deg,#60a5fa,#22c55e,#60a5fa);box-shadow:0 6px 14px #00000014}.qm-actions{display:flex;gap:10px;align-items:center}.qm-circle{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.1);background:#fff}.qm-avatar{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#2563eb;color:#fff;font-weight:800;font-size:12px}.qm-tabs{margin-top:10px;display:flex;gap:14px;overflow:auto;padding-bottom:6px}.qm-tab{font-size:13px;color:#475569;padding:8px 10px;border-radius:10px;white-space:nowrap;cursor:pointer}.qm-tab--active{background:#fff;box-shadow:var(--shadow2);border:1px solid rgba(0,0,0,.06);color:#0f172a;position:relative}.qm-tab--active:after{content:"";position:absolute;left:10px;right:10px;bottom:-6px;height:3px;border-radius:999px;background:#2563eb}.qm-row{margin-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qm-select{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:9px 10px;font-size:13px}.qm-pill{margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow2);font-size:13px}.qm-grid2{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 1100px){.qm-grid2{grid-template-columns:1fr}}.qm-card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.qm-card-hd{padding:12px 14px 6px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:#0f172a}.qm-card-bd{padding:0 14px 12px}.qm-table{width:100%;border-collapse:collapse;font-size:12px;color:#111827}.qm-table th{text-align:left;font-weight:600;font-size:11px;color:#6b7280;padding:8px 6px;border-bottom:1px solid var(--line)}.qm-table td{padding:8px 6px;border-bottom:1px solid rgba(229,231,235,.7)}.qm-table tr:last-child td{border-bottom:none}.qm-delta{font-weight:700;font-size:12px}.qm-delta.up{color:var(--green)}.qm-delta.down{color:var(--red)}.qm-kpi-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 1280px){.qm-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.qm-kpi-grid{grid-template-columns:1fr}}.qm-kpi{padding:12px 14px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.06);background:#fff;box-shadow:var(--shadow);min-height:132px;display:flex;flex-direction:column;gap:6px}.qm-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.qm-kpi-title{font-weight:700;font-size:13px;color:#0f172a;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qm-kpi-sub{font-size:12px;color:var(--muted)}.qm-kpi-value{font-size:28px;font-weight:800;margin-top:2px}.qm-kpi-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.qm-mini{width:120px;height:64px}