:root{font-family:system-ui,sans-serif;color:#183a35;background:#f1f5f3}*{box-sizing:border-box}body{margin:0}header{background:#133f36;color:white;padding:28px max(5vw,20px);display:flex;align-items:center;gap:18px}h1{font-size:25px;margin:0}header p{margin:5px 0;color:#bed6cf}.brand{font-family:Georgia,serif;font-size:40px;background:#e3b96a;color:#133f36;border-radius:15px;padding:6px 17px}#state{margin-left:auto;font-size:13px;border:1px solid #72958c;border-radius:30px;padding:8px 14px}main{max-width:1150px;margin:25px auto;padding:0 20px}section{background:white;border:1px solid #dce6e1;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 15px #173b3405}h2{font-size:19px;margin-top:0}p{font-size:14px;line-height:1.6;color:#5b6d67}form,.toolbar,.actions,.section-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar{margin-bottom:20px}.toolbar span{margin-right:auto}.section-title{justify-content:space-between}input,select{min-width:0;padding:12px;border:1px solid #cbd9d3;border-radius:8px;font:inherit}input{flex:1}button{background:#17664e;border:0;color:white;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:600}.secondary{background:#e9f1ed;color:#21473c}button:disabled{opacity:.5}.grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.metrics{display:flex;gap:15px;margin-top:24px}.metrics div{flex:1;background:#f1f6f3;padding:20px;border-radius:10px}small{display:block;color:#587168}strong{font-size:inherit}.metrics strong{font-size:24px;display:block;margin-top:8px}pre{white-space:pre-wrap;word-break:break-word;font:14px/1.6 system-ui;background:#f6f8f7;padding:14px;border-radius:8px;max-height:360px;overflow:auto}#qr{max-width:230px;width:100%}.ticket,.faq{padding:16px 0;border-top:1px solid #e6ece8}.ticket p,.faq p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket small{margin-bottom:10px}#error{color:#9b3131}footer{text-align:center;padding:20px;color:#647a70;font-size:12px}[hidden]{display:none!important}@media(max-width:720px){.grid{grid-template-columns:1fr;gap:0}header{flex-wrap:wrap}#state{margin-left:0}.metrics{flex-direction:column}form input{flex-basis:100%}}
