.sidebar-container{background:#1a1a1a;flex-direction:column;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-header{background:#0f0f0f;border-bottom:1px solid #333;align-items:center;gap:12px;padding:20px;display:flex}.sidebar-header h3{color:#fff;flex:1;margin:0;font-size:18px;font-weight:600}.post-count{color:#aaa;background:#333;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500}.select-all-bar{background:#252525;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.select-all-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;transition:background .2s;display:flex}.select-all-btn:hover{background:#333}.selected-count{color:#888;font-size:13px}.posts-list{flex:1;min-height:0;padding:8px;overflow-y:auto}.posts-list::-webkit-scrollbar{width:8px}.posts-list::-webkit-scrollbar-track{background:#1a1a1a}.posts-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.posts-list::-webkit-scrollbar-thumb:hover{background:#555}.empty-message{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-message{text-align:center;color:#888;padding:40px 20px}.post-card{cursor:pointer;background:#252525;border:1px solid #333;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s;display:flex}.post-card:hover{background:#2a2a2a;border-color:#444;transform:translate(-2px)}.post-card.active{background:#1a3a5a;border-color:#2563eb;box-shadow:0 0 10px #2563eb4d}.post-card.selected{background:#1a3a5a;border-color:#2563eb}.post-checkbox{color:#888;cursor:pointer;flex-shrink:0;padding:4px;transition:color .2s}.post-checkbox:hover{color:#fff}.post-card.selected .post-checkbox{color:#3b82f6}.post-content{flex:1;min-width:0}.post-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.post-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seo-badge{color:#000;background:#fbbf24;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.post-date{color:#888;font-size:11px}.post-actions{flex-shrink:0;gap:4px;display:flex}.action-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:6px;transition:all .2s}.action-btn:hover{color:#fff;background:#333;border-color:#555}.action-btn.delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.upload-bar{background:#0f0f0f;border-top:1px solid #333;padding:16px 20px}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.upload-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.upload-btn:active{transform:translateY(0)}