/* Top Top UI */
.sbp-area{ max-width:1100px; margin:24px auto; background:#fff; border:1px solid #e6e6e6; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.06); overflow:hidden; }
.sbp-header{ padding:16px 20px; background:linear-gradient(135deg,#0063b1,#00b294); color:#fff; display:flex; justify-content:space-between; align-items:center; }
.sbp-tabs{ display:flex; flex-wrap:wrap; gap:10px; padding:10px 16px; background:#f7f9fb; border-bottom:1px solid #eaecef; }
.sbp-tabs a{ padding:8px 12px; border-radius:6px; color:#0366d6; text-decoration:none; font-weight:600; }
.sbp-tabs a.active{ background:#0366d6; color:#fff; }
.sbp-body{ padding:18px; }
.sbp-tab{ display:none; }
.sbp-card{ background:#fff; border:1px solid #e6e6e6; border-radius:10px; padding:14px; margin-bottom:12px; box-shadow:0 3px 10px rgba(0,0,0,.04); }
.sbp-grid{ display:grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.sbp-form-row{ margin:8px 0; }
.sbp-form-row input, .sbp-form-row textarea, .sbp-form-row select{ width:100%; padding:10px; border:1px solid #d0d7de; border-radius:6px; }
.sbp-actions{ display:flex; gap:10px; }
.sbp-muted{ color:#6a737d; font-size:.95em; }
.sbp-tag{ display:inline-block; background:#eef2ff; color:#353ea3; padding:2px 8px; border-radius:999px; font-size:.85em; margin-left:8px; }
.sbp-benef{ margin-top:6px; color:#333; }
.sbp-prot .sbp-links a{ margin-right:8px; }
#sbp-logout{ background:#d73a49; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; }
button[disabled]{ opacity:.55; cursor:not-allowed; }