:root{font:15px/1.55 "Segoe UI",sans-serif;color:#173b32;background:#edf4ef;--green:#17634e;--line:#d6e3db}
*{box-sizing:border-box}body{margin:0}header{background:#123d32;color:white;border-bottom:5px solid #8bd2ae}header>div,main{max-width:1200px;margin:auto;padding:24px}header p{margin:3px 0;color:#c7e6d8}h1{margin:4px 0;font-size:clamp(25px,4vw,42px)}h2{margin:0 0 10px;font-size:20px}section{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}form{margin:0}.fields,.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}label{display:grid;gap:4px;font-weight:600}input,button{font:inherit;color:inherit;border:1px solid #bcd3c5;border-radius:7px;padding:7px 10px;background:#f8fbf9}input{width:100%;min-width:0}button{cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#def0e5}button:disabled{opacity:.55;cursor:default}.primary{background:var(--green);color:white}.primary:hover:not(:disabled){background:#124e3f}summary{cursor:pointer;color:var(--green);font-weight:650}#settings+details{margin-top:12px}#rates{margin-top:10px}.bar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.bar h2{margin:0}.hint,small{color:#4e695e;font-size:13px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:710px}th,td{text-align:left;padding:6px;border-bottom:1px solid #e5ede7}th{background:#e4f1e9;font-size:13px}td:first-child{width:28%}tbody tr:nth-child(even){background:#f6faf7}.bottom{margin-top:11px}#error{color:#9a3026;margin:6px 0 0}#error:empty{display:none}.metrics{margin:14px 0}.metric{padding:10px;background:#edf7f1;border:1px solid var(--line);border-radius:9px}.metric strong{display:block;font-size:20px;overflow-wrap:anywhere}.metric span{font-size:13px}.amount{text-align:right;white-space:nowrap}input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:720px){header>div,main{padding:13px}.fields,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}section{padding:12px}}
