*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#f0f2f5;color:#1c1e21}
a{color:#1877f2;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:680px;margin:0 auto;padding:0 12px}main.wrap{padding-top:16px;padding-bottom:40px}
.nav{background:#fff;box-shadow:0 1px 3px #0002;position:sticky;top:0;z-index:5}
.navin{display:flex;justify-content:space-between;align-items:center;height:52px}
.brand{font-weight:700;font-size:20px}.navr{display:flex;gap:14px;align-items:center}
.card{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 2px #0001}
.narrow{max-width:420px;margin:24px auto}
label{display:block;margin-bottom:10px;font-size:14px;color:#444}
input,textarea{display:block;width:100%;padding:9px 10px;border:1px solid #ccd0d5;border-radius:8px;font:inherit;margin-top:3px}
textarea{resize:vertical}
.btn{background:#1877f2;color:#fff;border:0;border-radius:8px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer;margin-top:6px}
.btn.small{padding:5px 12px;font-size:14px}.btn:hover{background:#166fe0;text-decoration:none}
.link{background:none;border:0;color:#1877f2;cursor:pointer;font:inherit;padding:0}.link.danger,.danger{color:#d93025}
.inline{display:inline}.muted{color:#65676b;font-size:14px}
.meta{font-size:14px;margin-bottom:4px}.post p,.comment p{margin:6px 0;white-space:normal;word-wrap:break-word}
.acts{display:flex;gap:16px;align-items:center;font-size:14px}
.flash{padding:10px 14px;border-radius:8px;margin-bottom:12px;background:#e7f3ff;color:#0a4d9c}.flash.err{background:#fde8e8;color:#a11}
.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs a{padding:6px 14px;border-radius:20px;background:#e4e6eb;color:#333}.tabs a.on{background:#1877f2;color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.stat{text-align:center;margin:0}.stat .n{font-size:28px;font-weight:700}
.tablewrap{overflow-x:auto;background:#fff;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}th{background:#fafafa}
.searchbar{display:flex;gap:8px;margin-bottom:10px}.searchbar input{margin:0}
@media(min-width:900px){.wrap:has(table){max-width:980px}}
