:root{font:16px/1.55 system-ui,sans-serif;color:#1a211c;background:#f1f4f0}*{box-sizing:border-box}main{max-width:900px;margin:36px auto;padding:32px;background:white;border-radius:18px}a{color:#215e33}.brand{font-size:26px;color:#151d18;text-decoration:none;font-weight:800}.brand span{display:block;font-size:13px;color:#637268;font-weight:400}h1{font-size:28px;margin-top:36px}label{display:block;margin:18px 0}input,select{display:block;padding:12px;font:inherit;border:1px solid #a0aea3;border-radius:7px;max-width:100%;width:420px}button{font:inherit;cursor:pointer;border:0;border-radius:7px;background:#245f33;color:white;padding:12px 18px;margin:8px 8px 8px 0}.secondary{background:#e9eee9;color:#243b2a}.danger{background:#99342e}pre{font:inherit;white-space:pre-wrap;background:#f4f7f2;padding:20px;border-radius:10px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:8px}.card{border:1px solid #d9e3d7;border-radius:12px;padding:20px;margin:16px 0}.muted{color:#657268;font-size:14px}#result,[role=alert]{color:#8d3526}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #dae3d9;text-align:left}@media(max-width:700px){main{margin:12px;padding:20px}}
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:12px;border-bottom:1px solid #dde4da;vertical-align:top}small{display:block;color:#65705f;font-size:12px}th{white-space:nowrap}.search{display:flex;align-items:end;gap:12px}.search input{display:block;min-width:240px}
