:root{color:#172033;background:#eef2f7;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#111827;color:#f8fafc;padding:24px 16px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#1d4ed8;border-radius:8px;font-weight:800}.brand span{display:block;margin-top:4px;color:#9ca3af;font-size:12px}nav{display:grid;gap:6px}nav button{border:0;color:#cbd5e1;background:transparent;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;cursor:pointer}nav button.active,nav button:hover{background:#1f2937;color:#fff}.main{padding:24px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar p{margin:0 0 6px;color:#64748b}.topbar h1{margin:0;font-size:26px}.icon-button,.toolbar button,.small,button.primary{border:0;border-radius:8px;padding:10px 14px;background:#e2e8f0;color:#172033;cursor:pointer}button.primary,.toolbar .primary{background:#2563eb;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric,.panel,.solution{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.metric{padding:16px}.metric span,.status-item span,.panel-head p,.solution p{color:#64748b;font-size:13px}.metric strong{display:block;margin-top:8px;font-size:28px}.metric-red strong{color:#dc2626}.metric-blue strong{color:#2563eb}.panel{padding:18px;margin-bottom:16px}.panel h2,.solution h3{margin:0 0 8px}.panel-head,.solution{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.status-item{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#f8fafc;border-radius:8px}.ok{color:#16a34a}.warn{color:#d97706}.solution-list{display:grid;gap:12px}.solution{padding:18px}.solution-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:999px;font-size:12px;background:#f1f5f9;color:#475569;white-space:nowrap}.tag-blue{background:#dbeafe;color:#1d4ed8}.tag-green{background:#dcfce7;color:#15803d}.tag-red{background:#fee2e2;color:#b91c1c}.tag-amber{background:#fef3c7;color:#b45309}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.searchbox{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:0 10px}.searchbox input{height:40px;border:0;outline:0;min-width:220px}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e2e8f0;vertical-align:top}th{background:#f8fafc;color:#475569;font-weight:700}.small{padding:7px 10px}.empty,.skeleton,.alert{color:#64748b}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;margin-bottom:16px}@media (max-width: 1100px){.app{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.status-strip,.split{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.main{padding:16px}nav,.summary-grid,.status-strip,.split{grid-template-columns:1fr}.panel-head,.solution{display:block}}