:root{--bg: #f6f8f8;--surface: #ffffff;--primary: #0e9f8e;--primary-dark: #0b7d70;--text: #1b2a2a;--muted: #5f7373;--border: #e1e8e8;--danger: #e25563;--warn: #e2a455;--ok: #3bb273;--radius: 14px;--tap: 48px;--fs: 1rem}*{box-sizing:border-box}html{font-size:var(--fs)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;min-height:var(--tap)}input{font:inherit;min-height:var(--tap)}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--primary);color:#fff;position:sticky;top:0;z-index:10}.topbar h1{font-size:1.1rem;margin:0}.content{padding:16px 16px 88px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card h2{margin:0 0 8px;font-size:1rem}.muted{color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi{text-align:center}.kpi .val{font-size:1.6rem;font-weight:700;color:var(--primary-dark)}.kpi .lbl{font-size:.82rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:600;font-size:1.05rem}.btn:disabled{opacity:.5}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:600;font-size:.9rem}.field input{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--surface);border-top:1px solid var(--border)}.tabbar a{flex:1;text-align:center;padding:10px 4px;text-decoration:none;color:var(--muted);font-size:.78rem;min-height:var(--tap)}.tabbar a.active{color:var(--primary-dark);font-weight:700}.center{display:grid;place-items:center;min-height:100vh;padding:24px}.notice{background:#fdf6e8;border:1px solid var(--warn);color:#6b4a16;border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:.9rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.badge.ok{background:#e3f5ec;color:#1f7a4d}.badge.warn{background:#fdf0db;color:#8a5a14}.badge.danger{background:#fbe3e6;color:#a32733}