:root{font:14px "Segoe UI",Arial,sans-serif;color:#19382d;background:#f4f6f1}*{box-sizing:border-box}body{margin:0}header{background:#19382d;color:white;padding:22px 5%;display:flex;align-items:center;justify-content:space-between}header span{font-weight:400;opacity:.7;margin-left:14px}main{max-width:1250px;margin:auto;padding:30px}h1{font-size:28px;letter-spacing:-1px}h2{margin-top:36px;font-size:20px}p{color:#65746b;line-height:1.7}label{display:block;margin:14px 0;font-size:12px;font-weight:600}input,textarea{display:block;border:1px solid #cbd6ca;border-radius:6px;padding:11px;width:100%;max-width:450px;margin-top:7px;font:inherit;background:white}button{font:inherit;border:1px solid #bbcbbb;border-radius:6px;background:white;color:#19382d;padding:9px 14px;cursor:pointer}button:hover{background:#e4ecdd}button:disabled{opacity:.5;cursor:wait}#login{max-width:420px;margin:50px auto;background:white;border:1px solid #dbe2d5;border-radius:12px;padding:28px}#login button,#confirm{background:#245e49;color:white}.heading{display:flex;align-items:center;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:white;border:1px solid #dbe2d5;padding:22px;border-radius:10px}.metric strong{display:block;font-size:28px;margin-bottom:5px}.table-wrap{overflow:auto;background:white;border:1px solid #dbe2d5;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #e7ece2;font-size:12px}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px}td button{font-size:11px;margin:3px;white-space:nowrap}.entry{background:white;border:1px solid #dbe2d5;border-radius:8px;padding:17px;margin:10px 0;overflow-wrap:anywhere}.entry p{white-space:pre-wrap}.entry .actions{display:flex;gap:10px}.error{color:#9c3030}dialog{border:1px solid #dbe2d5;border-radius:12px;width:450px;max-width:calc(100% - 30px);padding:25px;color:#19382d}dialog::backdrop{background:#19382d66}dialog h2{margin-top:0}.actions{display:flex;justify-content:flex-end;gap:10px}[hidden]{display:none!important}:focus-visible{outline:3px solid #6f9d69;outline-offset:3px}@media(max-width:700px){main{padding:18px}.metrics{grid-template-columns:1fr 1fr}header span{display:block;margin:5px 0 0}.metric{padding:15px}th,td{padding:10px}}