:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f5;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#111827;flex-direction:column;gap:24px;padding:22px 16px;display:flex}.brand{align-items:center;gap:12px;padding:0 6px;display:flex}.brand-mark{background:#2563eb;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span{display:block}.brand span,.dataset-box span{color:#94a3b8;font-size:12px}.nav-list{gap:8px;display:grid}.nav-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#243244}.dataset-box{background:#182233;border:1px solid #334155;border-radius:8px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;display:flex}.dataset-box strong{text-overflow:ellipsis;white-space:nowrap;max-width:168px;font-size:13px;display:block;overflow:hidden}.main{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:#64748b;margin:0 0 6px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;align-items:center;gap:10px;margin-bottom:0;font-size:28px;display:flex}h2{letter-spacing:0;font-size:18px}h3{letter-spacing:0;font-size:15px}.upload-meta,.metric,.chart-panel,.upload-panel,.schema-panel,.empty-state,.recommend-panel,.scenario-card,.basis-panel{background:#fff;border:1px solid #d7dde7;border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.upload-meta{text-align:right;min-width:110px;padding:10px 14px}.upload-meta span,.metric span{color:#64748b;font-size:13px;display:block}.upload-meta strong{font-size:22px}.status-line{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:18px;padding:10px 12px}.upload-layout{grid-template-columns:minmax(320px,520px) minmax(280px,1fr);align-items:start;gap:18px;display:grid}.upload-panel,.schema-panel,.empty-state{padding:28px}.upload-panel{gap:16px;display:grid}.upload-panel p{color:#475569;line-height:1.7}.file-drop{color:#334155;cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:118px;display:flex;position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;display:inline-flex}.primary-button:disabled{cursor:not-allowed;background:#94a3b8}.schema-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;display:grid}.schema-grid span,.type-chip,.tag-group b{color:#1e293b;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:30px;padding:5px 10px;font-size:13px;display:inline-flex}.content-stack{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.metric{padding:18px}.metric strong{margin-top:8px;font-size:26px;line-height:1.15;display:block}.metric.compact{box-shadow:none;padding:14px}.metric.compact strong{font-size:20px}.chart-grid{grid-template-columns:minmax(360px,1.45fr) minmax(320px,1fr);gap:18px;display:grid}.chart-panel{padding:18px}.chart{height:330px}.chart-panel.tall .chart{height:440px}.toolbar{justify-content:flex-end;align-items:center;display:flex}.toolbar label{color:#475569;align-items:center;gap:10px;display:flex}select{color:#162033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:38px;padding:6px 12px}.table-wrap{background:#fff;border:1px solid #d7dde7;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1320px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:14px}th{color:#475569;background:#f8fafc;font-weight:600}.title-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.empty-state{text-align:center;justify-items:center;gap:14px;padding:56px;display:grid}.prediction-layout{gap:18px;display:grid}.recommend-panel,.basis-panel{padding:22px}.recommend-row{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.recommend-row strong{font-size:24px}.tag-group{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:12px;margin-top:16px;display:grid}.tag-group>span{color:#64748b}.tag-group div{flex-wrap:wrap;gap:8px;display:flex}.scenario-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.scenario-card{padding:18px}.scenario-card h3{margin-bottom:12px}.scenario-card .metric+.metric{margin-top:10px}.basis-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}@media (width<=1020px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;flex-direction:row;align-items:center;padding:12px;position:sticky;top:0;overflow-x:auto}.brand,.dataset-box{display:none}.nav-list{display:flex}.nav-item{white-space:nowrap}.main{padding:18px}.upload-layout,.chart-grid,.scenario-grid{grid-template-columns:1fr}.metric-grid,.basis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}h1{font-size:23px}.metric-grid,.basis-grid{grid-template-columns:1fr}.upload-panel,.schema-panel,.empty-state,.recommend-panel,.basis-panel{padding:18px}}