.tetelek-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.tetelek-search{flex:1 1;max-width:500px;min-width:250px}.tetelek-upload-btn{min-width:160px;height:40px;border-radius:8px;font-weight:500;transition:all .3s ease}.tetelek-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,99,255,.25)}.tetelek-posts-container{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.tetelek-post-card{background:#fff;border-radius:12px;border:1px solid #e8e8e8;padding:24px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.tetelek-post-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:rgba(108,99,255,.2);transform:translateY(-2px)}.post-header{margin-bottom:16px}.post-title{font-size:24px;font-weight:600;color:var(--text-color);margin-bottom:12px;line-height:1.3}.post-title:hover{color:var(--primary-color)}.post-meta{gap:16px;flex-wrap:wrap;font-size:14px;color:var(--text-color);opacity:.7}.post-meta,.post-meta-item{display:flex;align-items:center}.post-meta-item{gap:6px}.post-meta-item i{color:var(--primary-color);font-size:13px}.post-content{margin:16px 0;color:var(--text-color);line-height:1.7;font-size:15px}.post-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.post-read-more{color:var(--primary-color);font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s ease}.post-read-more:hover{gap:10px}.post-read-more i{transition:transform .3s ease}.post-read-more:hover i{transform:translateX(4px)}.tetelek-pagination{display:flex;justify-content:center;margin:40px 0 24px}.tetelek-empty{text-align:center;padding:60px 20px}.tetelek-empty-icon{font-size:64px;color:var(--primary-color);opacity:.3;margin-bottom:16px}.tetelek-empty-text{font-size:18px;color:var(--text-color);opacity:.6}@media (max-width:768px){.tetelek-header{padding:24px 16px}.tetelek-header h1{font-size:26px}.tetelek-header p{font-size:14px}.tetelek-controls{flex-direction:column;align-items:stretch}.tetelek-search{max-width:100%;width:100%}.tetelek-upload-btn{width:100%}.tetelek-post-card{padding:20px 16px}.post-title{font-size:20px}.post-meta{font-size:13px}.post-content{font-size:14px}}