:root{--bg:#f5f7f5;--surface:#ffffff;--ink:#23302a;--ink-soft:#6b7a72;--line:#dde6e0;--accent:#3f7d5e;--accent-ink:#ffffff;--ok:#3f7d5e;--warn:#b07a2a;--danger:#b4453a;--radius:14px;--shadow:0 1px 2px rgba(35,48,42,0.04),0 8px 24px rgba(35,48,42,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:760px;margin:0 auto;padding:24px 18px 64px}.brand{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.brand h1{font-size:1.25rem;margin:0;letter-spacing:.02em}.brand .tag{font-size:.72rem;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:var(--surface)}.lead{color:var(--ink-soft);font-size:.95rem;margin:8px 0 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 20px;margin-bottom:16px}.card h2{font-size:1rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}.muted{font-size:.9rem;margin:0 0 10px}.hint,.muted{color:var(--ink-soft)}.hint{font-size:.8rem;margin:10px 0 0}.pill{font-size:.72rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:1px 9px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:9px 16px;font-size:.9rem;text-decoration:none;background:var(--surface);color:var(--ink);cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--surface)}.msg{border-radius:10px;padding:10px 12px;font-size:.88rem;margin-bottom:14px}.msg-err{background:#fbeceb;color:var(--danger);border:1px solid #f0c8c4}.empty{color:var(--ink-soft);font-size:.9rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:560px){.stat-grid{grid-template-columns:repeat(1,1fr)}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat-num{font-size:1.7rem;font-weight:700;line-height:1.2}.stat-label{font-size:.8rem;color:var(--ink-soft);margin-top:2px}.stat-num.alert{color:var(--danger)}.bar{height:10px;background:#e8efe9;border-radius:999px;overflow:hidden;margin:8px 0 4px}.bar-fill{height:100%;background:var(--accent)}.bar-fill.warn{background:var(--warn)}.bar-fill.over{background:var(--danger)}.acct-row{margin-bottom:14px}.acct-head{display:flex;justify-content:space-between;font-size:.9rem}.acct-warn{color:var(--warn);font-size:.8rem}