:root{font-family:system-ui,sans-serif;background:#f5f6f3;color:#20332b}*{box-sizing:border-box}body{margin:0}header{background:#173e31;color:white;padding:22px 5%;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header strong{margin-right:auto;font-size:24px}small{font-size:13px;font-weight:normal;display:block}main{max-width:1200px;margin:auto;padding:24px}h1{font-size:32px}button{padding:12px 18px;border:0;border-radius:9px;background:#24543f;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5}input{font:inherit;padding:12px;border:1px solid #bdc9c0;border-radius:8px;width:100%}form{display:grid;gap:18px;max-width:520px}label{display:grid;gap:8px}#login,#password{max-width:520px;margin:7vh auto;background:white;padding:30px;border-radius:18px}#metrics{display:flex;gap:15px;flex-wrap:wrap}.metric{padding:20px;background:white;border-radius:14px;min-width:160px;flex:1}.metric strong{display:block;font-size:36px}nav{display:flex;align-items:center;gap:12px;margin:22px 0;flex-wrap:wrap}article{background:white;padding:20px;border-radius:12px;margin:12px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}article div{flex:1}article h3{margin:0 0 8px}article p{margin:8px 0;color:#516357}#message,#create-error{color:#a13016}dialog{border:0;border-radius:16px;padding:28px;max-width:600px;width:90%}dialog::backdrop{background:#0006}#audit p{padding:12px;border-bottom:1px solid #dce3de;font-size:14px}[hidden]{display:none!important}