:root{font-family:system-ui,sans-serif;color:#17352e;background:#f7faf8}body{margin:0}main{max-width:900px;margin:auto;padding:1rem}header{display:flex;gap:1rem;align-items:center;justify-content:space-between}nav{display:flex;gap:.5rem;overflow:auto;padding:.5rem 0}button{background:#126b58;color:#fff;border:0;border-radius:.45rem;padding:.7rem 1rem;font:inherit;cursor:pointer}input,textarea{width:100%;box-sizing:border-box;padding:.7rem;border:1px solid #b7c9c3;border-radius:.4rem;font:inherit}.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:#fff;padding:1rem;border-radius:.6rem}.select{position:relative}.select-display{background:#fff;border:1px solid #b7c9c3;padding:.7rem;border-radius:.4rem;min-height:1.2rem}.select-dropdown{position:absolute;z-index:2;background:#fff;border:1px solid #b7c9c3;width:100%;max-height:220px;overflow:auto}.select-option{padding:.5rem;cursor:pointer}.select-option.selected{background:#d9f2e9}.tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#d9f2e9;border-radius:1rem;padding:.2rem .5rem}.row{background:#fff;margin:.5rem 0;padding:.75rem;border-radius:.5rem}.auth{max-width:350px;margin-top:10vh}.auth form{display:grid;gap:.8rem}.auth label{display:grid;gap:.3rem}#networkStatus{color:#126b58;font-size:.85rem}@media print{nav,button,.grid{display:none!important}.view[hidden]{display:block!important}}