body { background:#f5f6fa; font-family: Arial, sans-serif; }
.sj-card { max-width:900px; margin:20px auto; padding:18px; background:#fff; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.05); }
.sj-home .sj-cta { margin:20px 0; }
.sj-btn { display:inline-block; padding:10px 16px; background:#0a84ff; color:#fff; border-radius:8px; text-decoration:none; }
.sj-ghost { background:transparent; border:1px solid #0a84ff; color:#0a84ff; }
.sj-error{ background:#fff3f3; color:#a00; padding:8px; border-radius:6px; margin:8px 0;}
.sj-success{ background:#e8f7ec; color:#067d3b; padding:8px; border-radius:6px; margin:8px 0;}
.sj-table { width:100%; border-collapse:collapse; margin-top:12px;}
.sj-table th, .sj-table td { padding:8px; border:1px solid #eee; text-align:left; }
.sj-header { display:flex; justify-content:space-between; align-items:center; padding:12px 20px; background:#fff; border-bottom:1px solid #eee; }
.sj-nav a { margin:0 8px; color:#333; text-decoration:none; }