@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;700&display=swap";:root{--bg:#fffefe;--text:#2b2622;--muted:#6b645f;--line:#e9e3dd;--green:#b8ff38;--red:#ff4242;--redbg:#400000}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Prompt,PingFang SC,Helvetica Neue For Number,-apple-system,system-ui,Segoe UI,Roboto,Arial,sans-serif}#root{min-height:100vh}.dashboard{max-width:1200px;margin:0 auto;padding:24px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#f8f6f3 100%);border-radius:14px;padding:20px}.badge{border:1px solid var(--red);background:var(--redbg);color:var(--red);border-radius:4px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.hero h1{margin:12px 0 8px;font-size:34px;font-weight:500;line-height:1.1}.hero h1 strong{color:var(--red)}.hero p{color:var(--muted);margin:0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.k-label{color:var(--muted);font-size:12px}.k-value{margin-top:4px;font-size:28px;font-weight:700}.danger{color:var(--red)}.two-col{grid-template-columns:1.25fr .75fr;gap:12px;margin-top:18px;display:grid}.pain-hero{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border:1px solid #ffc8c8;border-radius:12px;margin-top:12px;padding:14px}.pain-hero h2{color:#8b0000;margin:0 0 10px;font-size:20px;font-weight:600}.pain-hero-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pain-hero-card{background:#fff;border:1px solid #ffd6d6;border-radius:10px;padding:10px}.pain-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pain-level{color:#fff;background:var(--red);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pain-impact{color:#9c1c1c;font-size:12px;font-weight:700}.pain-hero-card h3{margin:8px 0 6px;font-size:15px}.pain-hero-card p{color:#5a4d4d;margin:0;font-size:13px;line-height:1.45}.story-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.story-card{border:1px solid var(--line);background:#fcfbf9;border-radius:10px;padding:10px}.story-card p{margin:0;font-size:13px;line-height:1.45}.todo-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.todo-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.todo-card h3{margin:0 0 6px;font-size:14px;font-weight:700}.todo-card p{margin:4px 0 0;font-size:13px;line-height:1.45}.solution-highlight{color:#1f2a24;background:linear-gradient(90deg,#18ff9e29,#7c89ff1a);border-left:4px solid #18ff9e;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.45}.auto-report-panel{background:linear-gradient(135deg,#f7fbff 0%,#fff 100%);border-color:#cde8ff}.auto-report-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.panel h2,.panel h3{margin:0 0 10px;font-size:20px;font-weight:500}.funnel-row{border-bottom:1px dashed var(--line);grid-template-columns:130px 1fr 90px;gap:10px;padding:6px 0;font-size:13px;display:grid}.funnel-row .step{font-weight:700}.funnel-row .metric{color:var(--muted)}.funnel-row .value{text-align:right;font-weight:700}.bars{margin-top:8px}.bar-wrap{background:#f3f0ec;border-radius:8px;height:24px;margin:8px 0;position:relative;overflow:hidden}.bar{background:linear-gradient(90deg, var(--green), #d8ff8a);height:100%}.bar-wrap span{color:#2f4700;font-size:12px;font-weight:600;position:absolute;top:3px;left:10px}.note{color:var(--muted);margin-top:6px;font-size:12px}.strict-note{color:#6a4f00;background:#fff8e8;border:1px solid #ffe6b8;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:12px}.segment-list{gap:10px;display:grid}.segment-card{border:1px solid var(--line);background:#fcfbf9;border-radius:10px;padding:10px}.segment-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.segment-head h3{margin:0;font-size:14px;font-weight:600}.segment-head span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px}.pain-list{margin:0;padding-left:18px}.pain-list li{margin:8px 0;line-height:1.5}.full{margin-top:12px}.mini-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.mini-k{color:var(--muted);font-size:12px}.mini-v{margin-top:2px;font-size:22px;font-weight:700}.ga-row{margin-top:10px}.ga-row .mini-v{font-size:18px}.source-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.source-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.source-card p{color:var(--muted);margin:6px 0 0;font-size:12px}.source-top{justify-content:space-between;align-items:center;display:flex}.source-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.source-status.ok{color:#2f4700;background:#eafec8}.source-status.pending{color:#7a4e00;background:#fff0cf}.insight-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.insight-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.insight-card.p0{border-color:#ffb3b3}.insight-card.p1{border-color:#ffd9a8}.insight-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.insight-level{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.insight-value{font-size:13px;font-weight:700}.insight-card h3{margin:0 0 6px;font-size:15px;font-weight:600}.insight-metric{color:var(--muted);margin:0 0 6px;font-size:12px}.insight-detail{margin:0;font-size:13px;line-height:1.45}.roadmap-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.roadmap-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.roadmap-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.roadmap-head h3{margin:0;font-size:16px;font-weight:700}.roadmap-head span{color:#2f4700;background:#eafec8;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.roadmap-focus{color:#9c1c1c;margin:0 0 8px;font-weight:600}.roadmap-card p{margin:6px 0;font-size:13px;line-height:1.45}.roadmap-milestone{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.task-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.task-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.task-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.task-week{color:#fff;background:#3f3a36;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.task-agent{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.task-desc{margin:0 0 8px;font-size:13px;line-height:1.45}.task-milestone,.task-roi{margin:6px 0 0;font-size:12px;line-height:1.4}.journey-list{gap:8px;margin-top:8px;display:grid}.journey-card{border:1px solid var(--line);background:#fcfbf9;border-radius:10px;padding:10px}.journey-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.journey-top h3{margin:0;font-size:14px;font-weight:700}.journey-top span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px}.journey-gap,.journey-focus{margin:4px 0 0;font-size:13px;line-height:1.4}.roi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.roi-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.roi-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.roi-head h3{margin:0;font-size:16px;font-weight:700}.roi-pill{color:#2f4700;background:#eafec8;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.roi-kpis{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.roi-kpis .mini-v{font-size:18px}.roi-actions{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.roi-action-list{margin:6px 0 0;padding-left:18px}.roi-action-list li{margin:4px 0;font-size:12px;line-height:1.4}.traffic-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.traffic-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.traffic-card h3{margin:0 0 10px;font-size:15px;font-weight:600}.traffic-row{margin-bottom:10px}.traffic-label{color:var(--muted);margin-bottom:5px;font-size:12px;line-height:1.35}.traffic-bar-wrap{background:#f1eeea;border-radius:999px;width:100%;height:8px;overflow:hidden}.traffic-bar{background:linear-gradient(90deg, var(--green), #6ef3ff);border-radius:999px;height:100%}.traffic-bar.alt{background:linear-gradient(90deg,#ff6ad5,#7c89ff)}.deep-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.concentration-row{margin:10px 0 12px}.keyword-trend-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.keyword-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.keyword-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.keyword-head h3{margin:0;font-size:14px;font-weight:700}.keyword-head span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px}.keyword-url{color:var(--muted);word-break:break-all;margin:0 0 8px;font-size:12px}.keyword-chart-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.keyword-chart{background:#fcfbf9;border:1px solid #f0ece7;border-radius:8px;padding:6px}.keyword-chart svg{width:100%;height:56px;display:block}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}th{background:#faf8f5}.footer{color:var(--muted);margin-top:14px;font-size:12px}@media (width<=920px){.kpi-grid,.mini-grid,.insight-grid,.pain-hero-grid,.story-grid,.todo-list,.source-grid,.roadmap-grid,.roi-grid,.deep-grid,.keyword-trend-grid,.traffic-grid,.task-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.auto-report-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.insight-grid,.pain-hero-grid,.story-grid,.todo-list,.source-grid,.roadmap-grid,.roi-grid,.deep-grid,.keyword-trend-grid,.traffic-grid,.task-grid,.auto-report-grid,.keyword-chart-row{grid-template-columns:1fr}}