:root{--bg: #f2f5f8;--card: #ffffff;--text: #10161f;--text-dim: #6b7684;--accent: #0098ea;--accent-dark: #0088d1;--ok: #1c9e54;--bad: #d64045;--border: #e4e9ef;--radius: 16px;font-family:Google Sans,Roboto,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:640px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.brand-logo{width:28px;height:28px;border-radius:50%}.badge{font-size:11px;font-weight:500;text-transform:uppercase;background:#ffe9c2;color:#8a5b00;border-radius:6px;padding:2px 6px}.alert{background:#fdecec;color:var(--bad);border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width: 520px){.stats{grid-template-columns:1fr}}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-label{color:var(--text-dim);font-size:13px;margin-bottom:6px}.stat-value{font-size:18px;font-weight:700}.stat-value span{font-size:13px;font-weight:500;color:var(--text-dim)}.stat-note{font-size:12px;margin-top:4px;font-weight:500}.stat-note.ok{color:var(--ok)}.stat-note.bad{color:var(--bad)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:20px}.tab{border:none;background:transparent;padding:10px;font:inherit;font-weight:500;color:var(--text-dim);border-radius:9px;cursor:pointer}.tab.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #00000014}.field{display:block;background:var(--bg);border-radius:12px;padding:12px 16px}.field-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim);margin-bottom:6px}.max{border:none;background:none;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;padding:0}.field-row{display:flex;align-items:center;gap:8px}.field-row input{flex:1;border:none;background:transparent;font:inherit;font-size:24px;font-weight:500;outline:none;min-width:0}.unit{font-weight:700;color:var(--text-dim)}.arrow{text-align:center;color:var(--text-dim);padding:8px 0}.field-error{color:var(--bad);font-size:13px;margin-top:10px}.action{width:100%;margin-top:16px;border:none;background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:700;padding:14px;border-radius:12px;cursor:pointer;transition:background .15s}.action:hover:not(:disabled){background:var(--accent-dark)}.action:disabled{opacity:.45;cursor:default}.status{margin-top:12px;font-size:14px;color:var(--ok);text-align:center}.addresses{display:flex;gap:24px;justify-content:center;padding:16px 0;font-size:13px}.addresses span{color:var(--text-dim);margin-right:6px}.addresses a{color:var(--accent);text-decoration:none}.footer{margin-top:auto;display:flex;gap:16px;justify-content:center;padding-top:24px;font-size:13px}.footer a{color:var(--text-dim);text-decoration:none}.footer a:hover{color:var(--accent)}