@import url('/assets/engagement.css');
:root{font-family:Inter,ui-sans-serif,system-ui;background:#f4f7fb;color:#172033}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:245px;background:#10182b;color:#fff;padding:28px 18px;position:fixed;inset:0 auto 0 0}aside h1{font-size:22px;line-height:1.05;margin:0 12px 28px;color:#8ee6d2}aside a{display:block;color:#aab6ce;text-decoration:none;padding:10px 12px;border-radius:8px;margin:3px 0;font-size:14px}aside a:hover,aside a.active{background:#24304a;color:#fff}main{margin-left:245px;width:calc(100% - 245px);padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header small{color:#6d7890;font-weight:700;letter-spacing:.12em}h2{margin:5px 0;font-size:29px}.badge{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:999px;font-weight:700;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.cards article,.panel,.table{background:#fff;border:1px solid #e1e7f0;border-radius:13px;box-shadow:0 4px 16px #26324d0d}.cards article{padding:18px}.cards span{display:block;color:#69758a;font-size:13px}.cards strong{display:block;font-size:28px;margin-top:8px}.panel{padding:18px;margin:18px 0}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8edf4;white-space:nowrap}th{background:#f8fafc;color:#526077}.empty{background:#fff;border:1px dashed #ccd5e2;padding:30px;text-align:center;border-radius:12px}.tabs{display:flex;gap:10px;margin-bottom:14px}.tabs>*{background:#e8eef7;padding:8px 12px;border-radius:8px;font-size:12px}@media(max-width:800px){aside{width:78px}aside h1{font-size:12px}aside a{font-size:0}aside a:before{content:'•';font-size:20px}main{margin-left:78px;width:calc(100% - 78px);padding:20px}}
.toolbar,.bulk,.relevance,.category-row,.grid-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar,.bulk{margin:12px 0}.toolbar{justify-content:space-between}.grid-form{align-items:flex-end}.grid-form label{display:grid;gap:5px;min-width:160px}.grid-form textarea{min-height:70px}.relevance,.category-row{background:#fff;border:1px solid #e1e7f0;border-radius:10px;padding:12px;margin:10px 0}.relevance b{min-width:140px}.category-row code{min-width:170px}input,select,textarea,button{font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:8px;background:#fff}button{background:#24304a;color:#fff;cursor:pointer}.notice{padding:12px;border-radius:8px;margin:10px 0}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}.pagination{padding:14px;text-align:right}@media(max-width:800px){.category-row>*{width:100%}.bulk{align-items:stretch}.bulk>*{flex:1 1 140px}th,td{padding:9px}}
.btn{display:inline-block;background:#24304a;color:#fff;text-decoration:none;padding:9px 13px;border-radius:8px}.workflow-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.workflow-form label{display:grid;gap:6px}.workflow-form .wide{grid-column:1/-1}.post-body{min-height:280px;white-space:pre-wrap}.preview{background:#fff;border:1px solid #e1e7f0;border-radius:13px;padding:22px;margin:18px 0;max-width:760px}.preview img{display:block;max-width:100%;max-height:560px;object-fit:contain;margin:16px 0;border-radius:9px}.preview-body{white-space:pre-wrap;line-height:1.55}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:14px 0;max-height:430px;overflow:auto}.target-grid label{border:1px solid #e1e7f0;border-radius:8px;padding:10px}.target-grid small{display:block;color:#69758a;margin:5px 0 0 22px}@media(max-width:900px){.workflow-form{grid-template-columns:1fr}.workflow-form .wide{grid-column:auto}}