/* SK Premium Frontend Styles */
.skp-container { max-width:1000px; margin:1rem auto; font-family:system-ui, sans-serif; }
.skp-heading { font-size:1.5rem; font-weight:600; margin-bottom:1rem; }
.skp-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:1rem; }
.skp-card { background:#fff; border-radius:10px; box-shadow:0 2px 4px rgba(0,0,0,0.1); padding:1rem; text-align:center; }
.skp-card h3 { font-size:1rem; color:#555; margin-bottom:0.3rem; }
.skp-card p { font-size:1.4rem; font-weight:bold; color:#222; }
.skp-toolbar { display:flex; justify-content:flex-end; margin-bottom:0.5rem; }
.skp-btn { background:#daa520; color:white; border:none; padding:0.4rem 1rem; border-radius:6px; cursor:pointer; font-size:0.9rem; }
.skp-btn:hover { background:#b68d15; }
.skp-table { width:100%; border-collapse:collapse; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.skp-table th, .skp-table td { padding:0.7rem; border-bottom:1px solid #eee; text-align:left; }
.skp-table th { background:#f9f9f9; font-weight:600; color:#333; }
@media (max-width:640px) {
  .skp-table, .skp-table thead, .skp-table tbody, .skp-table th, .skp-table td, .skp-table tr { display:block; }
  .skp-table tr { margin-bottom:0.5rem; background:#fff; border-radius:6px; }
  .skp-table td { padding-left:50%; position:relative; }
  .skp-table td::before { position:absolute; left:0.5rem; top:0.5rem; font-weight:bold; color:#666; }
}