:root{font-family:system-ui,-apple-system,sans-serif;color:#203731;background:#f3f6f1}*{box-sizing:border-box}body{margin:0}header{padding:24px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #d7e2d9;font-size:13px;letter-spacing:1px}main{max-width:1100px;margin:48px auto;padding:0 24px}h1{font-size:42px;letter-spacing:-2px;margin-bottom:10px}h2{font-size:20px}.muted{color:#67776f;line-height:1.6}section{background:white;border:1px solid #dce6df;border-radius:18px;padding:24px;margin-top:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#173e33;color:#eff7ef;border-radius:18px;padding:26px}.card:nth-child(2){background:#355e50}.card:nth-child(3){background:#dce9c9;color:#203731}.amount{font-size:32px;font-weight:700;margin:22px 0}input,select,button{font:inherit;padding:12px;border:1px solid #cbd8ce;border-radius:9px}button{background:#244e3c;color:white;cursor:pointer}input{max-width:100%;background:white;color:#203731}.toolbar{display:flex;gap:12px;margin:30px 0 18px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}label{font-size:13px;display:grid;gap:6px}.transaction{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0eb}.transaction .description{flex:1;min-width:180px}.tag{font-size:12px;background:#eef1e8;padding:5px 8px;border-radius:5px}#status{white-space:pre-wrap;color:#6a4524}#token{width:360px}#logout{padding:6px 12px;font-size:12px}@media(max-width:700px){.cards,.fields{grid-template-columns:1fr}h1{font-size:32px}main{margin-top:28px}.amount{margin:12px 0}.transaction select{width:100%}}