:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#243d38;background:#f4f6f2;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:28px max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #dbe3d9;display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:28px;margin:6px 0}h1 span{font-size:16px;font-weight:400;margin-left:10px}small,.hint{color:#64746c;font-size:13px}main{max-width:1248px;margin:auto;padding:24px}footer{padding:32px;text-align:center;color:#68786e;font-size:13px}button,input,select,textarea{font:inherit}button{border:1px solid #b7c8bd;background:#fff;color:#234e43;border-radius:7px;padding:10px 14px;cursor:pointer}button:hover{background:#e5eee6}button.primary{background:#24685b;color:white;border-color:#24685b}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:9px;border:1px solid #aabbb0;border-radius:5px;background:#fff;color:#23382f}textarea{min-height:100px}input[type=checkbox]{width:auto;margin-right:8px}label{display:block;font-size:13px}label>span{display:block;margin-bottom:6px}nav,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#message{background:#e6eee6;border-radius:8px;padding:14px;white-space:pre-wrap}#message.error{background:#fff0e4;color:#7c3020}.filters,.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.card,.panel{background:#fff;border:1px solid #d7e1d7;border-radius:12px;padding:20px}.card p,.body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.card img,.preview{max-width:100%;max-height:500px;object-fit:contain;border:1px solid #e1e7df}.badge{font-size:12px;background:#e9efe5;border-radius:4px;padding:4px 7px;display:inline-block;margin-bottom:10px}h2{font-size:22px}h3{font-size:17px}.row{padding:14px 0;border-bottom:1px solid #e2e8df;display:flex;gap:10px;align-items:center;justify-content:space-between}.row .actions{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#24685b}.wide{grid-column:1/-1}@media(max-width:600px){header{display:block}main{padding:14px}.cards{grid-template-columns:1fr}h1 span{display:block;margin:6px 0}.row{display:block}.row button{margin-top:8px}}
