.content>.alert{position:relative;padding:15px 18px 15px 48px;border-radius:13px;box-shadow:0 8px 25px rgba(16,24,40,.07);font-weight:600}.content>.alert:before{content:"✓";position:absolute;left:17px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#12b76a;color:#fff}.content>.alert.error:before{content:"!";background:#d92d20}
.posts-page{display:grid;gap:22px}.posts-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 27px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(127,86,217,.13),transparent 34%),#fff}.posts-hero h2{font-size:25px;letter-spacing:-.025em;margin:4px 0}.posts-hero p{margin:0;color:var(--muted)}
.post-filters{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.post-filters button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;padding:8px 13px;white-space:nowrap;cursor:pointer}.post-filters button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f2f4f7;font-size:10px}.post-filters button.active{background:#101828;color:#fff;border-color:#101828}.post-filters button.active span{background:#344054}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 2px 4px rgba(16,24,40,.03);transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(16,24,40,.09)}.post-card[hidden]{display:none}.post-media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#1d1239,#54326f);overflow:hidden}.post-media img,.post-media video{display:block;width:100%;height:100%;object-fit:cover}.media-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:34px;font-weight:900;color:rgba(255,255,255,.75)}.media-count,.format-badge{position:absolute;top:12px;padding:5px 9px;border-radius:999px;background:rgba(16,24,40,.76);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:700}.media-count{right:12px}.format-badge{left:12px}
.post-body{padding:16px}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#98a2b3;font-size:11px}.post-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;background:#f2f4f7;color:#475467;font-weight:700}.post-status i{width:7px;height:7px;border-radius:50%;background:#98a2b3}.post-status.published{background:#ecfdf3;color:#027a48}.post-status.published i{background:#12b76a}.post-status.scheduled{background:#eff8ff;color:#175cd3}.post-status.scheduled i{background:#2e90fa}.post-status.publishing{background:#fffaeb;color:#b54708}.post-status.publishing i{background:#f79009;animation:pulse 1.1s infinite}.post-status.failed,.post-status.partial{background:#fef3f2;color:#b42318}.post-status.failed i,.post-status.partial i{background:#f04438}@keyframes pulse{50%{opacity:.3}}
.post-caption{display:-webkit-box;min-height:44px;margin:15px 0;color:#344054;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line}.post-body footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #f2f4f7}.post-body time{color:#98a2b3;font-size:11px}.post-body footer>div{display:flex;align-items:center;gap:9px}.post-body footer a{color:#6941c6;text-decoration:none;font-size:11px;font-weight:700}.icon-copy{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667085;cursor:pointer}
.posts-empty{text-align:center;padding:70px 25px;border:1px dashed #d0d5dd;border-radius:18px;background:#fff}.posts-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:17px;background:#f4ebff;color:#6941c6;font-size:24px}.posts-empty h3{font-size:19px;margin:0}.posts-empty p{color:var(--muted);margin:5px 0 18px}
@media(max-width:1100px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.posts-hero{align-items:flex-start;flex-direction:column}.posts-grid{grid-template-columns:1fr}.posts-hero .actions{width:100%}.posts-hero .btn{flex:1}}