:root{--ink:#1b2927;--muted:#72817c;--line:#e8eeea;--paper:#f6f8f5;--green:#527c69;--mint:#eaf2ec;--amber:#ac7741;--red:#a8544b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}header{height:74px;padding:0 max(calc((100vw - 1180px)/2),24px);display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{display:flex;gap:11px;align-items:center;font-size:15px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#8b9992;margin-top:3px}.mark{width:34px;height:34px;border-radius:12px;background:#e9f2eb;color:#547c68;display:grid;place-items:center;font-size:22px}nav{display:flex;gap:4px;margin:auto}nav button{background:transparent;border:0;color:var(--muted);padding:9px 15px;border-radius:9px;cursor:pointer;font:inherit}nav button.active{background:var(--mint);color:var(--green);font-weight:600}.logout{color:var(--muted);font-size:13px;text-decoration:none}main{max-width:1180px;padding:42px 24px 30px;margin:auto}.intro,.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:18px}.intro{margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#829189}.intro h1{font-size:30px;letter-spacing:-.8px;margin:8px 0}.intro p{color:var(--muted);font-size:13px;margin:0}.primary{background:#466f5e;color:#fff;border:0;border-radius:10px;padding:12px 17px;font:600 13px inherit;font-family:inherit;cursor:pointer}.primary:hover{background:#385e4e}.sectionhead{margin:34px 0 15px}.sectionhead h2{font-size:19px;margin:5px 0 0}.muted{font-size:11px;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.chart-card,.analysis{background:#fff;border:1px solid var(--line);border-radius:15px}.card{padding:18px;min-height:150px}.cardtop{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.badge{background:#f1f5f1;color:#557b66;border-radius:20px;padding:4px 8px;font-size:10px}.badge.low{background:#fbf3e7;color:#9a6d37}.big{font-size:27px;letter-spacing:-.6px;font-weight:600;margin:17px 0 4px}.sub{font-size:11px;color:var(--muted);line-height:1.6}.change{font-size:11px;color:var(--green)}.change.down{color:#9a6d37}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chart-card{padding:18px;min-width:0;cursor:pointer}.chart-title{font-size:13px;font-weight:600}.chart-meta{color:var(--muted);font-size:10px;margin-top:5px}.canvas-wrap{height:180px;margin-top:13px}.details{font-size:11px;color:var(--muted);margin-top:12px;border-top:1px solid var(--line);padding-top:10px;line-height:1.7}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.other{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.other strong{font-size:13px}.other span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.analysis{padding:20px 22px;white-space:pre-wrap;line-height:1.8;font-size:14px}.analysis h3{margin:0 0 8px}.analysis .meta{font-size:11px;color:var(--muted);margin-bottom:10px}.notice,.error{padding:12px 15px;border-radius:10px;background:#fff4e4;color:#845f36;font-size:12px}.notice[hidden],.analysis[hidden]{display:none}footer{text-align:center;color:#98a39d;font-size:10px;padding:40px 0 16px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#eaf2ec,#f6f8f5 55%)}.loginbox{width:min(390px,calc(100vw - 36px));background:#fff;padding:34px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #25433512}.loginbox h1{font-size:25px;margin:10px 0 6px}.loginbox p{color:var(--muted);font-size:13px;margin:0 0 24px}.loginbox label{display:block;font-size:12px;color:#5d6c64;margin:14px 0}.loginbox input:not([type=hidden]){width:100%;display:block;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit}.loginbox button{width:100%;margin-top:12px}.error{margin:12px 0}.skeleton{color:#8b9992}.empty{color:var(--muted);font-size:12px;padding:20px}@media(max-width:760px){header{height:62px;padding:0 15px;gap:9px}.brand{font-size:13px}.brand small{font-size:8px}nav button{padding:8px 9px;font-size:12px}.logout{font-size:12px}main{padding:28px 15px}.intro{align-items:flex-start;flex-direction:column}.intro h1{font-size:26px}.intro .primary{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:14px;min-height:139px}.big{font-size:23px}.chart-grid{grid-template-columns:1fr;gap:10px}.canvas-wrap{height:160px}.other-grid{grid-template-columns:repeat(2,1fr)}.sectionhead{align-items:flex-end}.sectionhead .muted{max-width:120px;text-align:right}}

.analysis-section{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.analysis-section h4{font-size:13px;margin:0 0 6px;color:#526c5d}.analysis-section p{margin:6px 0;font-size:13px;line-height:1.75}.analysis-summary{font-size:15px;line-height:1.8;margin:12px 0 4px}.card .sub{margin-top:6px}

.card-badges{display:flex;align-items:center;gap:5px}.badge.trend-green{background:#e9f3eb;color:#38664d}.badge.trend-yellow{background:#fff3d8;color:#8a641c}.badge.trend-red{background:#fae8e6;color:#a4443d}.badge.trend-unknown{background:#eff1f0;color:#69736f}.trend-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:11px 2px 0;color:var(--muted);font-size:11px}.trend-legend span{display:flex;align-items:center;gap:5px}.trend-legend small{font-size:10px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.green{background:#5b9270}.legend-dot.yellow{background:#d8a33f}.legend-dot.red{background:#c75c52}.legend-dot.gray{background:#9aa49e}

.trend-method{flex-basis:100%;font-size:11px;color:var(--muted)}.trend-method summary{cursor:pointer}.trend-method p{max-width:900px;line-height:1.7;margin:7px 0}.analysis-section p+p{border-top:1px solid #f0f2f0;padding-top:8px}

.analysis-insight{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0;background:#fcfdfb}.analysis-insight h5{font-size:14px;margin:0 0 8px}.analysis-detail{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:7px 0;border-top:1px solid #f0f2f0}.analysis-detail strong{font-size:12px;color:#526c5d}.analysis-detail p{margin:0;font-size:13px;line-height:1.7}.analysis-detail a{grid-column:2;font-size:11px;color:#527c69;text-decoration:underline}@media(max-width:600px){.analysis-insight{padding:12px}.analysis-detail{grid-template-columns:1fr;gap:2px}.analysis-detail a{grid-column:1}}

.source-icon{display:inline-flex;align-items:center;vertical-align:-6px;margin:0 3px;color:#414946}.source-icon svg{width:21px;height:26px;display:block}.source-phone svg{width:18px;height:26px}.source-name{color:inherit}.details .source-icon{margin:0 3px}

.analysis-more{margin-top:8px;border-top:1px solid #edf0ed;padding-top:8px}.analysis-more>summary{font-size:12px;color:#527c69;cursor:pointer}.analysis-more[open]>summary{margin-bottom:8px}.analysis-insight>.analysis-detail:first-of-type{background:#f8faf8;border-radius:8px;padding:9px 10px;margin:3px 0}.card .big{margin:13px 0 7px}.analysis .analysis-more .analysis-detail{background:transparent;border-radius:0;padding:8px 0;margin:0}

.analysis-refresh-note{padding:10px 12px;background:#f7f3e8;border-radius:8px;color:#775e2e;font-size:12px}

.section-help{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}