.bsa-demo-wrap{max-width:1200px;margin:30px auto;padding:0 20px;font-family:inherit}
.bsa-demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-radius:14px;background:#111827;color:#fff;margin-bottom:14px}
.bsa-demo-brand{font-size:30px;font-weight:800;letter-spacing:.5px}
.bsa-demo-subtitle{font-size:14px;opacity:.75;margin-top:4px}
.bsa-demo-demo-badge,.bsa-admin-demo-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#f3f4f6;color:#111827;font-size:11px;font-weight:800;letter-spacing:.08em}
.bsa-demo-nav{display:flex;flex-wrap:wrap;gap:4px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:7px;margin-bottom:28px}
.bsa-demo-nav a{padding:10px 14px;text-decoration:none;border-radius:7px;color:#374151;font-weight:600}
.bsa-demo-nav a:hover{background:#e5e7eb}
.bsa-demo-page-title{margin:0 0 22px}
.bsa-demo-page-title h1{margin:0 0 5px;font-size:32px}
.bsa-demo-page-title p{margin:0;color:#6b7280}
.bsa-demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.bsa-demo-grid-3{grid-template-columns:repeat(3,1fr)}
.bsa-demo-grid-2{grid-template-columns:repeat(2,1fr)}
.bsa-demo-card,.bsa-demo-panel,.bsa-demo-club-card,.bsa-demo-province-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.bsa-demo-card-label{font-size:13px;color:#6b7280}
.bsa-demo-card-number{font-size:30px;font-weight:800;margin:8px 0}
.bsa-demo-link{font-size:13px;text-decoration:none}
.bsa-demo-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.bsa-demo-panel h2{font-size:19px;margin:0 0 16px}
.bsa-demo-stat-row,.bsa-demo-profile-line{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #eef0f3}
.bsa-demo-stat-row:last-child,.bsa-demo-profile-line:last-child{border-bottom:0}
.bsa-demo-stat-row span,.bsa-demo-profile-line span{color:#6b7280}
.bsa-demo-pill{display:inline-block;margin:4px;padding:7px 10px;border-radius:7px;background:#f3f4f6;font-size:13px}
.bsa-demo-note{padding:16px 18px;border-radius:10px;background:#f3f4f6;color:#374151}
.bsa-demo-table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px}
.bsa-demo-table{width:100%;border-collapse:collapse}
.bsa-demo-table th,.bsa-demo-table td{padding:13px 14px;border-bottom:1px solid #eef0f3;text-align:left;white-space:nowrap}
.bsa-demo-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#f8fafc}
.bsa-demo-member-link{font-weight:700;text-decoration:none}
.bsa-demo-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
.bsa-demo-status.active{background:#dcfce7;color:#166534}
.bsa-demo-status.pending{background:#fef3c7;color:#92400e}
.bsa-demo-status.inactive{background:#e5e7eb;color:#374151}
.bsa-demo-profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.bsa-demo-profile-main,.bsa-demo-profile-side{display:grid;gap:18px;align-content:start}
.bsa-demo-module-link{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef0f3;font-weight:600}
.bsa-demo-module-link:last-child{border-bottom:0}
.bsa-demo-big-status{font-size:28px;font-weight:800}
.bsa-demo-club-card{position:relative}
.bsa-demo-club-icon{font-size:18px}
.bsa-demo-club-card h3{margin:10px 0 4px}
.bsa-demo-club-card p{margin:0 0 18px;color:#6b7280}
.bsa-demo-club-meta{display:flex;flex-direction:column;border-top:1px solid #eef0f3;padding-top:14px}
.bsa-demo-club-meta strong{font-size:26px}
.bsa-demo-club-meta span{font-size:12px;color:#6b7280}
.bsa-demo-club-number{margin-top:12px;font-size:12px;color:#6b7280}
.bsa-demo-button-muted{font-size:12px;color:#6b7280}
.bsa-demo-province-card{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.bsa-demo-province-code{font-size:12px;font-weight:800;color:#6b7280}
.bsa-demo-province-card h2{margin:4px 0 0}
.bsa-demo-province-number{margin-left:auto;font-size:25px;font-weight:800;text-align:right}
.bsa-demo-province-number span{display:block;font-size:11px;font-weight:500;color:#6b7280}
.bsa-demo-fake-bar{width:100%;height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.bsa-demo-fake-bar span{display:block;height:100%;background:#111827;border-radius:999px}
.bsa-demo-province-actions{display:flex;gap:18px;font-size:12px;font-weight:700;color:#4b5563}
.bsa-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:22px 0}
.bsa-admin-card,.bsa-admin-panel{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px}
.bsa-admin-card span{display:block;color:#646970}
.bsa-admin-card strong{display:block;font-size:28px;margin-top:8px}
.bsa-admin-panel{margin-top:18px}
.bsa-admin-pills{display:flex;flex-wrap:wrap;gap:8px}
.bsa-admin-pills span{background:#f0f0f1;padding:7px 10px;border-radius:6px}
@media(max-width:900px){.bsa-demo-grid,.bsa-demo-grid-3,.bsa-demo-grid-2,.bsa-demo-two-col,.bsa-demo-profile-grid,.bsa-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bsa-demo-grid,.bsa-demo-grid-3,.bsa-demo-grid-2,.bsa-demo-two-col,.bsa-demo-profile-grid,.bsa-admin-grid{grid-template-columns:1fr}.bsa-demo-top{align-items:flex-start;flex-direction:column}}
.bsa-demo-primary{display:inline-block;padding:11px 16px;border-radius:8px;background:#111827;color:#fff!important;text-decoration:none;font-weight:700}.bsa-demo-circular-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.bsa-demo-circular-actions span{color:#6b7280;font-size:13px}.bsa-demo-year{margin:25px 0 10px}.bsa-demo-circular{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:10px}.bsa-demo-circular-number{width:75px;text-align:center;font-size:10px;color:#6b7280}.bsa-demo-circular-number strong{font-size:25px;color:#111827}.bsa-demo-circular-main{flex:1}.bsa-demo-circular-date{font-size:12px;color:#6b7280}.bsa-demo-circular h3{margin:3px 0 7px}.bsa-demo-circular-files{display:flex;gap:18px;font-size:13px}.bsa-demo-circular-files a{font-weight:700}.bsa-demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.bsa-demo-form-grid label{font-weight:700;font-size:13px}.bsa-demo-form-grid input{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box}.bsa-demo-form-grid .wide{grid-column:1/-1}.bsa-demo-card-stage{padding:35px;background:#f3f4f6;border-radius:14px;display:flex;justify-content:center}.bsa-membership-card{width:680px;max-width:100%;border-radius:18px;padding:28px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.14);border:1px solid #d1d5db}.bsa-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:18px}.bsa-card-header strong,.bsa-card-header span{display:block}.bsa-card-header strong{font-size:22px}.bsa-card-header span{font-size:11px;color:#6b7280;letter-spacing:.12em}.bsa-card-body{display:flex;gap:25px;padding:25px 0}.bsa-card-photo{width:125px;height:150px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.bsa-card-details h2{margin:0 0 5px;font-size:25px}.bsa-card-details p{margin:7px 0;color:#4b5563}.bsa-card-number{font-weight:800;color:#111827!important}.bsa-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:18px;font-size:11px;color:#6b7280}.bsa-card-qr{width:55px;height:55px;border:4px solid #111827;display:flex;align-items:center;justify-content:center;font-weight:800}.bsa-demo-card-actions{display:flex;gap:10px;justify-content:center;margin:18px}.bsa-demo-card-actions a{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;text-decoration:none;font-weight:700}.bsa-demo-portal-welcome{display:flex;justify-content:space-between;padding:18px;background:#f3f4f6;border-radius:10px;margin-bottom:20px}.bsa-demo-portal-welcome span{color:#6b7280}.bsa-demo-portal-action{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef0f3;text-decoration:none;font-weight:700;color:inherit}@media print{body *{visibility:hidden!important}.bsa-membership-card,.bsa-membership-card *{visibility:visible!important}.bsa-membership-card{position:absolute;left:0;top:0;box-shadow:none}}
.bsa-demo-card-link{margin-top:18px;background:#111827;border-radius:10px;padding:16px;text-align:center}.bsa-demo-card-link a{color:#fff;text-decoration:none;font-weight:800;display:block}

.bsa-demo-circular-main h3 a{text-decoration:none}.bsa-demo-single-circular{max-width:900px;margin:0 auto}.bsa-demo-single-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.bsa-demo-single-top a{text-decoration:none}.bsa-demo-single-number{font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.bsa-demo-single-circular h1{font-size:36px;line-height:1.15;margin:0 0 10px}.bsa-demo-single-date{font-size:16px;opacity:.7;margin-bottom:28px}.bsa-demo-single-actions{margin:25px 0 35px}.bsa-demo-single-attachments{display:grid;gap:10px}.bsa-demo-single-attachments a{display:block;padding:12px 14px;border:1px solid #ddd;border-radius:8px;text-decoration:none}

.bsa-demo-member-hero{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;border-radius:12px;padding:24px;margin-bottom:20px}.bsa-demo-member-hero h2{margin:5px 0;font-size:28px;color:#fff}.bsa-demo-member-hero p{margin:0;color:#cbd5e1}.bsa-demo-member-hero-label{font-size:11px;letter-spacing:1.5px;color:#94a3b8;font-weight:800}.bsa-demo-member-hero-status{text-align:right;border-left:1px solid rgba(255,255,255,.2);padding-left:28px}.bsa-demo-member-hero-status span{display:block;font-size:10px;color:#94a3b8;letter-spacing:1px}.bsa-demo-member-hero-status strong{display:block;margin-top:5px;font-size:20px}.bsa-demo-grid-4{grid-template-columns:repeat(4,1fr)}.bsa-demo-panel-heading{display:flex;justify-content:space-between;align-items:center}.bsa-demo-portal-action{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid #e5e7eb;text-decoration:none;color:#111827;font-weight:700}.bsa-demo-portal-action:last-child{border-bottom:0}.bsa-demo-portal-action span{font-size:18px}.bsa-demo-portal-primary{background:#f3f4f6;border-radius:8px;padding:14px 12px;margin-bottom:5px}.bsa-demo-account-actions{display:flex;gap:12px;flex-wrap:wrap}.bsa-demo-button{display:inline-block;padding:11px 16px;border-radius:7px;background:#111827;color:#fff!important;text-decoration:none;font-weight:700}
@media(max-width:800px){.bsa-demo-grid-4{grid-template-columns:repeat(2,1fr)}.bsa-demo-member-hero{align-items:flex-start;gap:18px}.bsa-demo-member-hero-status{padding-left:15px}}

.bsa-demo-management-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bsa-demo-management-grid a{display:block;border:1px solid #e5e7eb;border-radius:9px;padding:16px;text-decoration:none;color:#111827;background:#fff}.bsa-demo-management-grid a:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}.bsa-demo-management-grid strong{display:block;font-size:15px;margin-bottom:7px}.bsa-demo-management-grid span{display:block;color:#6b7280;font-size:12px}.bsa-demo-table-wrap{overflow:auto}.bsa-demo-table{width:100%;border-collapse:collapse}.bsa-demo-table th,.bsa-demo-table td{padding:12px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.bsa-demo-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.bsa-demo-message{padding:13px 0;border-bottom:1px solid #e5e7eb}.bsa-demo-message strong,.bsa-demo-message span,.bsa-demo-message small{display:block}.bsa-demo-message span{font-weight:700;margin-top:4px}.bsa-demo-message small{color:#6b7280;margin-top:3px}.bsa-demo-message-form label{display:block;font-weight:700;font-size:13px;margin-bottom:14px}.bsa-demo-message-form input,.bsa-demo-message-form select,.bsa-demo-message-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.bsa-demo-member-link{font-weight:700;text-decoration:none}
@media(max-width:900px){.bsa-demo-management-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bsa-demo-management-grid{grid-template-columns:1fr}}