:root{--bsp-primary:#212e54;--bsp-secondary:#3b82f6;--bsp-accent:#c1aa78;--bsp-dark:#1e293b;--bsp-light:#f8fafc;--bsp-success:#10b981;--bsp-warning:#f59e0b;--bsp-danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bsp-light);color:var(--bsp-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:var(--bsp-primary);color:#fff}.btn-primary:hover{background:var(--bsp-secondary)}.btn-secondary{background:transparent;border:2px solid var(--bsp-primary);color:var(--bsp-primary)}.btn-secondary:hover{background:var(--bsp-primary);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;justify-content:space-between}.logo{color:var(--bsp-primary);font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--bsp-secondary)}.hero{background:linear-gradient(135deg,#212e54,#3b82f6);color:#fff;padding:5rem 0;text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;margin:0 auto 2rem;max-width:600px;opacity:.9}.search-box{background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;margin:-3rem auto 3rem;max-width:800px;padding:2rem;position:relative;z-index:10}.search-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{color:var(--bsp-dark);font-size:.875rem;font-weight:600}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:var(--bsp-secondary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.card-image{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;display:flex;height:200px;justify-content:center}.card-content{padding:1.5rem}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-meta{color:#64748b;font-size:.875rem;margin-bottom:1rem}.footer{background:var(--bsp-dark);color:#fff;margin-top:5rem;padding:3rem 0}.footer-content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer h4{color:var(--bsp-accent);margin-bottom:1rem}.footer ul{list-style:none}.footer li{margin-bottom:.5rem}.footer a:hover{color:var(--bsp-secondary)}.auth-container{align-items:center;background:linear-gradient(135deg,#212e54,#3b82f6);display:flex;justify-content:center;min-height:100vh}.auth-box{background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem;width:100%}.auth-box h1{color:var(--bsp-dark);margin-bottom:.5rem;text-align:center}.auth-box p{color:#64748b;margin-bottom:2rem;text-align:center}.auth-tabs{display:flex;gap:1rem;margin-bottom:2rem}.auth-tab{background:#f1f5f9;border-radius:.5rem;color:#64748b;cursor:pointer;flex:1;font-weight:600;padding:.75rem;text-align:center;transition:all .3s}.auth-tab.active{background:var(--bsp-primary);color:#fff}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.profile-layout{display:flex;margin-top:2rem;min-height:calc(100vh - 200px)}.sidebar{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000000d;margin-right:2rem;padding:2rem 1.5rem;width:280px}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:.5rem}.sidebar-menu a{align-items:center;border-radius:.5rem;color:var(--bsp-dark);display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .3s}.sidebar-menu a.active,.sidebar-menu a:hover{background:#eff6ff;color:var(--bsp-primary)}.main-content{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000000d;flex:1;min-height:100vh;padding:2rem}@media (max-width:768px){.hero h1{font-size:2rem}.nav-links{display:none}.search-box{margin:0 1rem 3rem}.profile-layout{flex-direction:column}.sidebar{margin-bottom:2rem;margin-right:0;width:100%}}.bsp-dashboard{background:var(--bsp-light,#f8fafc);color:var(--bsp-dark,#1e293b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-body{display:flex;min-height:100vh;overflow-x:hidden}.dashboard-body>.main-content{flex:1;max-width:1200px;min-height:100vh;min-width:0;overflow-x:hidden;padding:2rem}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title-area{flex:1;min-width:0}.page-title{color:var(--bsp-primary,#212e54);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.page-subtitle{color:#64748b;font-size:.9rem}.page-actions{display:flex;flex-shrink:0;gap:.75rem}.link-action{align-items:center;color:#3b82f6;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.35rem;text-decoration:none}.link-action:hover{text-decoration:underline}.link-back{align-items:center;color:#64748b;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;text-decoration:none}.link-back:hover{color:#212e54}.content-card,.panel,.settings-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;padding:1.5rem}.card-header,.panel-header,.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.card-title,.panel-title,.section-title{color:#1e293b;font-size:1.1rem;font-weight:600}.section-desc{color:#64748b;font-size:.85rem;margin-bottom:1.25rem;margin-top:-.5rem}.section-hint{color:#94a3b8;font-size:.8rem}.form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-label{color:#64748b;font-size:.8rem;font-weight:600}.filter-select,.form-input,.form-textarea,.search-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.65rem .875rem;width:100%}.filter-select:focus,.form-input:focus,.form-textarea:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{resize:vertical}.form-hint{color:#94a3b8;font-size:.75rem;margin-top:.15rem}.btn{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:#374151}.btn-secondary:hover{background:#e2e8f0}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-action{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.35rem}.btn-action:hover{background:#f1f5f9}.btn-action.btn-danger:hover{background:#fee2e2}.panel-footer,.settings-footer{display:flex;gap:.75rem;justify-content:flex-end}.fees-table-wrapper,.staff-table-wrapper,.table-responsive,.table-wrapper,.users-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table,.fees-table,.staff-table,.users-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table th,.fees-table th,.staff-table th,.users-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.fees-table td,.staff-table td,.users-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.status-badge,.status-pill{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-badge.status-active,.status-pill.active{background:#d1fae5;color:#047857}.status-badge.status-paused,.status-pill.paused{background:#fee2e2;color:#991b1b}.status-badge.status-expired,.status-badge.status-inactive,.status-pill.expired{background:#f1f5f9;color:#64748b}.role-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.role-master{background:#fecaca;color:#991b1b}.role-manager{background:#dbeafe;color:#1e40af}.role-staff{background:#d1fae5;color:#047857}.type-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.type-school{background:#dbeafe;color:#1e40af}.type-consultant{background:#fef3c7;color:#92400e}.type-personal{background:#d1fae5;color:#047857}.type-business{background:#f3e8ff;color:#7c3aed}.empty-state{color:#94a3b8;padding:2rem;text-align:center}.empty-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.empty-icon{font-size:2rem}.text-muted{color:#94a3b8;font-size:.85rem}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.modal-box{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem}.modal-header h3,.modal-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-close:hover{color:#1e293b}.modal-body{padding:1.25rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.modal-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#64748b;font-size:.85rem;margin-bottom:1rem;padding:.75rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e1;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:var(--bsp-success,#10b981)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.tab-bar{border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab-btn{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:#eff6ff;color:#212e54}.filter-bar{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.filter-bar,.filter-left,.filter-right{align-items:center;display:flex;flex-wrap:wrap}.filter-left,.filter-right{gap:.75rem}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;font-size:.9rem;left:.75rem;position:absolute}.search-input{padding-left:2.25rem}.search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;position:absolute;right:.5rem}.result-count{color:#64748b;font-size:.85rem;font-weight:500}.summary-cards{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.summary-card{background:#fff;box-shadow:0 1px 3px #00000014;gap:1rem;padding:1.25rem}.summary-card,.summary-icon{align-items:center;border-radius:10px;display:flex}.summary-icon{flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.summary-icon-green{background:#d1fae5}.summary-icon-gray{background:#f1f5f9}.summary-icon-blue{background:#dbeafe}.summary-icon-orange{background:#fef3c7}.summary-info{flex:1}.summary-value{color:#1e293b;font-size:1.5rem;font-weight:700}.summary-label{color:#64748b;font-size:.8rem;margin-top:.15rem}.summary-value.pending{color:#f59e0b}.summary-value.overdue{color:#ef4444}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:1rem;padding:1.25rem}.stat-card-highlight{background:linear-gradient(135deg,#212e54,#3b82f6);color:#fff}.stat-card-highlight .stat-label{color:#fffc}.stat-icon{font-size:1.5rem}.stat-info{flex:1}.stat-number{font-size:1.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.8rem;margin-top:.15rem}.stat-arrow{color:#94a3b8;font-size:1.25rem}.welcome-banner{align-items:center;background:linear-gradient(135deg,#212e54,#3b82f6);border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.welcome-text h2{font-size:1.35rem;font-weight:700;margin-bottom:.25rem}.welcome-text p{font-size:.9rem;opacity:.9}.welcome-date{font-size:.85rem;opacity:.8;text-align:right}.applications-list{display:flex;flex-direction:column;gap:.75rem}.application-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.app-icon{font-size:1.25rem}.app-info{flex:1;min-width:0}.app-name{color:#1e293b;font-weight:600}.app-meta{color:#64748b;font-size:.8rem;margin-top:.15rem}.app-time{color:#94a3b8;font-size:.75rem;margin-top:.1rem}.app-actions{display:flex;flex-shrink:0;gap:.5rem}.btn-approve{background:#d1fae5;color:#047857}.btn-approve,.btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .75rem}.btn-reject{background:#fee2e2;color:#991b1b}.table-header,.table-row{align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:.875rem 1rem}.table-header{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table-row{border-bottom:1px solid #f1f5f9}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:#212e54;border-radius:50%;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:32px}.role-tag{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.card-controls{display:flex;flex-wrap:wrap;gap:.75rem}.code-badge{background:#f1f5f9;border-radius:6px;color:#212e54;font-family:monospace;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.permissions-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.permission-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.permission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.permission-title{font-size:.95rem;font-weight:600}.permission-count{color:#94a3b8;font-size:.75rem}.permission-list{list-style:none;margin:0;padding:0}.permission-list li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.85rem;padding:.35rem 0}.permission-list li:last-child{border-bottom:none}.edit-roles-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.edit-role-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.edit-role-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.edit-role-header h4{color:#1e293b;font-size:.95rem;font-weight:600;margin:0}.edit-role-count{color:#94a3b8;font-size:.75rem}.edit-permission-list{display:flex;flex-direction:column;gap:.5rem}.edit-permission-item{align-items:center;border-radius:4px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem}.edit-permission-item:hover{background:#f1f5f9}.edit-permission-item input{accent-color:#3b82f6;flex-shrink:0;height:16px;width:16px}@media (max-width:1024px){.edit-roles-grid,.permissions-grid,.stats-grid,.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-body{position:relative}.main-content{max-width:100%;min-width:0;padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem}.page-actions{width:100%}.page-actions .btn{justify-content:center;width:100%}.card-header,.panel-header,.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-header .btn,.panel-header .btn,.section-header .btn{justify-content:center;width:100%}.form-grid{gap:1rem}.form-grid,.stats-grid,.summary-cards{grid-template-columns:1fr}.welcome-banner{flex-direction:column;gap:.75rem}.welcome-banner,.welcome-date{text-align:center}.application-item{align-items:flex-start;flex-direction:column;gap:.75rem}.app-actions{justify-content:stretch;width:100%}.app-actions .btn{flex:1;justify-content:center}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-left,.filter-right,.filter-select,.search-box,.search-input{width:100%}.card-controls{flex-direction:column;width:100%}.card-controls .filter-select,.card-controls .search-input{width:100%}.tab-bar{gap:.25rem}.modal-lg{max-width:100%}.permissions-grid{gap:.75rem}.edit-roles-grid,.permissions-grid{grid-template-columns:1fr}.fees-table-wrapper table,.staff-table-wrapper table,.table-responsive table,.table-wrapper table,.users-table-wrapper table{min-width:100%}}