*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial;background:#eef2f7;color:#172033}header{background:#102a43;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}main{max-width:1000px;margin:24px auto;padding:20px}.panel{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #0b25401a}label{display:block;margin:14px 0;font-weight:600}input,select{display:block;width:100%;font:inherit;padding:14px;border:1px solid #bcccdc;border-radius:10px;margin-top:6px}button,.btn{border:0;border-radius:10px;background:#147d92;color:white;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5}.error{color:#b42318}.muted{color:#627d98}.number{font-size:clamp(32px,8vw,72px);font-weight:800;letter-spacing:2px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px auto;max-width:420px}.pad button{font-size:32px;min-height:76px;background:#fff;color:#102a43;border:2px solid #d9e2ec}.actions{display:flex;gap:12px;flex-wrap:wrap}.token{font-size:clamp(44px,10vw,96px);font-weight:900;color:#147d92}.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tile{padding:18px;background:#f0f7fa;border-radius:12px}.center{text-align:center}.wide{max-width:600px}.status{padding:5px 9px;border-radius:7px;background:#e3fcef}.display-token{font-size:clamp(52px,12vw,120px)}@media(max-width:600px){main{margin:10px;padding:12px}header{padding:14px}}