:root{color-scheme:light;font-family:system-ui,sans-serif;color:#152f2d;background:#eff5f1}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:clamp(1rem,5vw,4rem)}header{background:#103a34;color:#fff;padding:clamp(1.3rem,5vw,3rem);border-radius:20px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1;margin:.6rem 0}h2{margin:0;font-size:1.3rem}.tag{color:#b7f3cd;font-size:.78rem;letter-spacing:.1em;font-weight:700}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.metric,.panel{background:#fff;border:1px solid #d5e3dc;border-radius:14px;padding:1rem}.metric strong{display:block;font-size:1.9rem}.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.table{overflow:auto;margin-top:1rem}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.8rem .65rem;border-bottom:1px solid #d5e3dc;white-space:nowrap}th{font-size:.82rem;color:#3e5d57}button,select,input{font:inherit;border:1px solid #809c92;border-radius:8px;padding:.55rem .75rem}button{background:#17614d;color:white;cursor:pointer}.secondary{background:white;color:#174c40}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #257e64;outline-offset:2px}label{font-weight:650}select{margin-left:.4rem}.badge{display:inline-block;padding:.2rem .45rem;border-radius:6px;background:#e8f0ec;margin-right:.3rem;font-size:.85rem}.low,.soon{background:#fff0c2;color:#674600}.expired{background:#fce1df;color:#792c28}dialog{border:1px solid #809c92;border-radius:14px;width:min(420px,calc(100% - 2rem));padding:1.3rem}dialog::backdrop{background:#103a3480}form label{display:grid;gap:.25rem;margin-top:.8rem}.actions{justify-content:flex-end;margin:1rem 0 0}footer,#notice{font-size:.9rem;color:#3e5d57}footer{margin-top:1rem}