:root{font:16px/1.6 system-ui,sans-serif;color:#173a3c;background:#f3f6ef}*{box-sizing:border-box}body{margin:0}header{padding:20px;max-width:900px;margin:auto;display:flex;justify-content:space-between;gap:20px}main{max-width:850px;margin:30px auto;padding:0 20px}h1{font-size:30px}h2{font-size:21px}.card{background:white;border:1px solid #d8e2d7;border-radius:18px;padding:24px;margin:20px 0}.warning{background:#fff5dc;border-color:#dfbc6c}.ok{color:#176b5b}.pending{color:#9d510b}a{color:#176b5b}button,.button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:12px 20px;background:#176b5b;color:white;display:inline-block;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:wait}label{display:block;font-weight:600;margin:15px 0 8px}input{font:inherit;width:100%;padding:12px;border:1px solid #b5c7b8;border-radius:9px}#status{min-height:25px;color:#9d510b}.event{border-top:1px solid #ddd;padding:15px 0}.event small{display:block;color:#63786b}li{margin:8px 0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e1ae50;outline-offset:3px}footer{padding:25px;text-align:center;font-size:13px;color:#63786b}@media(max-width:520px){header{font-size:13px}main{padding:0 14px;margin:20px auto}.card{padding:18px}h1{font-size:26px}}