.x-auto-poster-page{color:#fafafa;background-color:#09090b;background-image:radial-gradient(80% 50% at 50% -20%,#3b82f626,#0000),radial-gradient(60% 40% at 100% 100%,#a855f71a,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container{max-width:1400px;margin:0 auto;padding:24px}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bcc;border:1px solid #3f3f4680;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 24px #0006}.dashboard-header .container{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.logo{align-items:center;gap:14px;display:flex}.logo svg{filter:drop-shadow(0 0 8px #3b82f666);width:36px;height:36px}.logo h1{letter-spacing:-.5px;color:#fafafa;font-size:22px;font-weight:700}.logo span{background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats{gap:32px;display:flex}.stat{text-align:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;padding:8px 16px;transition:all .3s}.stat:hover{background:#3b82f61a;transform:translateY(-2px)}.stat-value{background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.stat-label{color:#71717a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.main-layout{grid-template-columns:340px 1fr;gap:24px;display:grid}@media (max-width:968px){.main-layout{grid-template-columns:1fr}.stats{gap:16px}.stat{padding:6px 12px}.stat-value{font-size:22px}}.sidebar{height:fit-content;position:sticky;top:24px}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f4680;border-radius:20px;margin-bottom:16px;padding:20px;transition:all .3s;box-shadow:0 4px 24px #0006}.card:hover{border-color:#3b82f64d}.card-title{color:#fafafa;margin-bottom:16px;font-size:16px;font-weight:600}.btn{cursor:pointer;width:100%;color:inherit;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.btn-secondary{color:#3b82f6;background:0 0;border:1px solid #3f3f4680}.btn-secondary:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6}.btn-generate{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 4px 16px #f59e0b4d}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b66}.category-btns{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.category-btns .btn{margin-bottom:0}label{color:#a1a1aa;margin-bottom:12px;font-size:12px;display:block}.topic-input{color:#fafafa;background:#27272a99;border:1px solid #3f3f4680;border-radius:12px;width:100%;margin-top:8px;padding:12px 16px;font-size:14px;transition:all .3s}.topic-input:focus{background:#27272acc;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.coming-soon-list{color:#a1a1aa;font-size:13px}.coming-soon-list div{border-bottom:1px solid #3f3f464d;padding:8px 0}.coming-soon-list div:last-child{border-bottom:none}.filter-tabs{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filter-tab{color:#a1a1aa;cursor:pointer;background:#18181b99;border:1px solid #3f3f4680;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.filter-tab:hover{background:#27272acc;border-color:#71717acc}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);border-color:#0000}.posts-grid{gap:20px;display:grid}.post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f4680;border-radius:16px;padding:20px;transition:all .3s}.post-card:hover{border-color:#3b82f64d;box-shadow:0 8px 32px #0006}.post-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.post-meta{flex-wrap:wrap;gap:10px;display:flex}.post-category{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600}.post-category.crypto{color:#fbbf24;background:#f59e0b33}.post-category.vibecoding{color:#a855f7;background:#a855f733}.post-type{color:#3b82f6;background:#3b82f61a;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:500}.post-actions{gap:8px;display:flex}.post-action{cursor:pointer;width:36px;height:36px;color:inherit;background:#27272a99;border:1px solid #3f3f4680;border-radius:8px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.post-action:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-2px)}.post-action.delete:hover{background:#ef444433;border-color:#ef4444}.post-content{color:#fafafa;white-space:pre-wrap;margin-bottom:16px;font-size:15px;line-height:1.6}.post-footer{color:#71717a;border-top:1px solid #3f3f464d;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.char-count{font-weight:600}.char-count.warning{color:#f59e0b}.char-count.danger{color:#ef4444}.empty-state{text-align:center;color:#71717a;padding:60px 20px}.empty-state svg{opacity:.3;width:80px;height:80px;margin-bottom:20px}.empty-state h3{color:#a1a1aa;margin-bottom:8px;font-size:20px}.empty-state p{font-size:14px}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fafafa;z-index:1000;background:#18181bf2;border:1px solid #3f3f4680;border-radius:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0009}.toast.success{background:#22c55e1a;border-color:#22c55e}.toast.error{background:#ef44441a;border-color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}