.clp-btn{ background:#e53935; color:#fff; padding:10px 14px; border-radius:8px; border:none; cursor:pointer; display:inline-block; text-decoration:none; font-weight:600; }
.clp-auth-wrap{ max-width:600px; margin:40px auto; }
.clp-auth-card{ background:#fff; padding:28px; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,0.08); text-align:center; }
.clp-tabs{ list-style:none; padding:0; display:flex; gap:8px; justify-content:center; margin-bottom:12px; }
.clp-tabs li{ padding:8px 14px; border-radius:8px; cursor:pointer; background:#f5f5f5; }
.clp-tabs li.active{ background:#e53935; color:#fff; box-shadow:0 6px 20px rgba(229,57,53,0.12); }
.clp-tab input, .clp-tab textarea, .clp-tab select{ width:100%; padding:12px; border:1px solid #eee; border-radius:8px; margin-bottom:10px; }
.clp-dashboard-wrap{ display:flex; gap:24px; margin:30px; align-items:flex-start; }
.clp-sidebar{ width:240px; background:#fff; padding:18px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.06); }
.clp-main{ flex:1; background:#fff; padding:22px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.04); }
.clp-public-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.clp-public-card{ border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 8px 30px rgba(0,0,0,0.06); padding:12px; transition:transform .18s; }
.clp-public-card img{ width:100%; height:160px; object-fit:cover; border-radius:8px; margin-bottom:10px; }