:root{--line: #d8dee6;--accent: #14532d}.wrap{max-width:1100px;margin:0 auto;padding:16px}.cols{display:grid;grid-template-columns:320px 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:12px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.card.clickable.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px}.topbar h1{font-size:18px;margin:0}nav button,button{font:inherit;padding:6px 12px;margin-right:6px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer}button:hover{border-color:var(--accent)}button.active{background:var(--accent);color:#fff;border-color:var(--accent)}button.ghost{border:none;background:none;text-decoration:underline}button.small{padding:2px 8px;margin-left:8px}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px;margin:6px 0}.muted{color:#67717e}.small{font-size:12px}.msg{max-width:1100px;margin:8px auto;padding:8px 14px;background:#ecfdf3;border:1px solid #b7e4c7;border-radius:6px}.err{color:#b91c1c}.login{max-width:360px;margin-top:80px;text-align:center}.login input{width:100%;padding:8px;margin:10px 0}.login button{width:100%;background:var(--accent);color:#fff;border:none;padding:10px}.row{display:block;padding:3px 0}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}textarea{width:100%;box-sizing:border-box;font:inherit}input[type=text],input[placeholder]{padding:6px;margin-right:6px}