.ppl-container{max-width:1200px;margin:24px auto;padding:0 16px}
.ppl-h1{font-size:24px;margin:16px 0 8px;font-weight:700}
.ppl-header{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.ppl-menu{display:flex;gap:12px;flex-wrap:wrap}
.ppl-controls{display:flex;gap:8px;align-items:center}
.ppl-controls input[type=search]{padding:8px 10px;border:1px solid #ddd;border-radius:12px;min-width:220px}
.ppl-controls select{padding:8px 10px;border:1px solid #ddd;border-radius:12px}
.ppl-btn{padding:8px 14px;border-radius:12px;border:1px solid #222;background:#222;color:#fff;cursor:pointer}
.ppl-table-wrap{overflow:auto;border:1px solid #eee;border-radius:16px}
.ppl-table{width:100%;border-collapse:separate;border-spacing:0}
.ppl-table thead th{position:sticky;top:0;background:#fafafa;border-bottom:1px solid #eee;padding:12px;text-align:right}
.ppl-table td{border-bottom:1px solid #f0f0f0;padding:12px;vertical-align:middle}
.ppl-title a{text-decoration:none}
.ppl-price{white-space:nowrap;font-weight:600}
.ppl-add .button{border-radius:10px;padding:8px 12px}
.ppl-pagination{display:flex;justify-content:center;padding:14px}
.ppl-pagination .page-numbers{padding:6px 10px;border:1px solid #ddd;margin:0 4px;border-radius:8px;text-decoration:none}
.ppl-pagination .current{background:#222;color:#fff;border-color:#222}
@media (max-width:640px){
  .ppl-table thead{display:none}
  .ppl-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
  .ppl-table td{border:0;padding:6px 8px}
  .ppl-title{grid-column:1/3;font-weight:600}
}