:root{font-family:Inter,ui-sans-serif,system-ui;color:#17231e;background:#f5f7f4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#175c47;color:#fff;padding:.7rem 1rem}header{height:72px;background:#102d24;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;grid-column:1/3}header>div{display:flex;gap:.75rem;align-items:center}header small{display:block;color:#a7c5b8}.mark{display:grid;place-items:center;width:38px;height:38px;background:#dfb95b;color:#102d24;border-radius:11px;font-weight:900}.shell{display:grid;grid-template:72px calc(100vh - 72px) /240px 1fr}aside{padding:1.5rem;background:#fff;border-right:1px solid #dfe5e1}aside select{width:100%;padding:.65rem}nav{display:grid;gap:.35rem;margin-top:1.5rem}nav button{text-align:left;background:transparent;color:#52615b}.active{background:#e5f0ea!important;color:#175c47!important}main{padding:2rem;overflow:auto}.title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.title h1{margin:0}.title p{color:#65736d}.filters{display:flex;gap:.75rem;margin:1.5rem 0}.filters input,.filters select,label input,label textarea{border:1px solid #cfd8d3;border-radius:9px;padding:.7rem;background:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{display:block;text-align:left;background:#fff;color:inherit;padding:1.2rem;border:1px solid #e0e6e2;border-radius:14px;box-shadow:0 3px 12px #1833260a}.card h2{font-size:1.05rem}.card p,.card small{color:#66736d}.status{font-size:.68rem;font-weight:800;letter-spacing:.06em}.published{color:#14734f}.draft{color:#9a6c00}.archived{color:#7b8580}.quiet{background:transparent;color:inherit}.error{background:#fff0ee;color:#a92d22;padding:1rem;border-radius:10px}.error button{float:right;background:transparent;color:inherit;padding:0}.empty{padding:3rem;text-align:center;color:#6b7671}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d211bb3;display:grid;place-items:center;padding:1rem}.panel{width:min(680px,100%);max-height:94vh;overflow:auto;background:#fff;padding:1.5rem;border-radius:16px}.panel label{display:grid;gap:.4rem;margin:1rem 0}.panel textarea{font-family:ui-monospace,monospace}.actions{display:flex;gap:.6rem;margin-top:1rem}.login{max-width:430px;margin:10vh auto;background:#fff;padding:2.5rem;border-radius:18px}.login form,.login label{display:grid;gap:.75rem}@media (max-width:700px){.shell{display:block}.shell header{height:64px}.shell aside{border:0;padding:1rem;display:flex;gap:.5rem}.shell aside nav{display:flex;margin:0}.shell main{padding:1rem}.filters{flex-wrap:wrap}.filters>*{flex:1}.title{align-items:flex-start}.cards{grid-template-columns:1fr}}