*{box-sizing:border-box;margin:0;padding:0}:root{--nav-navy-dark:#0b1f33;--nav-navy-border:#152d47;--nav-active-blue:#0077f7;--nav-text:#b0c4de;--nav-text-active:#fff;--bg-primary:#f0f4f8;--bg-surface:#fff;--bg-card:#fff;--border-color:#e2e8f0;--text-primary:#0f2942;--text-secondary:#64748b;--text-muted:#94a3b8;--btn-save:#0d6efd;--btn-new:#198754;--btn-edit:#5a6a85;--btn-delete:#dc3545;--btn-add:#0d6efd;--table-header-bg:#e8f1f9;--table-header-text:#0f2942;--table-border:#cbd5e1;--input-bg:#fff;--input-border:#cbd5e1;--input-focus:#0077f7;--toggle-active:#198754}body{background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.main-layout{background:var(--bg-primary);min-height:100vh;display:flex}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-content{background:var(--bg-primary);flex:1;padding:24px}.topbar{background:var(--nav-navy-dark)!important;border-bottom:1px solid var(--nav-navy-border)!important;color:#fff!important;box-shadow:0 2px 10px #00000026!important}.topbar-left h1{color:#fff!important}.topbar-search input{color:#fff!important;background:#0d2642!important;border-color:#1a3a5c!important}.topbar-search input::placeholder{color:#8aa4c2!important}.notification-btn,.theme-toggle-btn{color:#b0c4de!important;background:#0f2b48!important;border-color:#1a3a5c!important}.notification-btn:hover,.theme-toggle-btn:hover{color:#fff!important;background:#143557!important}.user-profile{color:#fff!important;background:#0f2b48!important;border-color:#1a3a5c!important}.user-profile:hover{background:#143557!important}.user-info strong{color:#fff!important}.user-info span{color:#8aa4c2!important}.profile-dropdown{background:#0f2b48!important;border-color:#1a3a5c!important;box-shadow:0 16px 32px #00000040!important}.dropdown-user-header{border-color:#1a3a5c!important}.dropdown-user-header .name{color:#fff!important}.dropdown-item{color:#b0c4de!important}.dropdown-item:hover{color:#fff!important;background:#143557!important}.card,.kpi-card,.kpi-stat-card,.filter-panel,.table-card,.report-card,.modal-card,.aging-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 1px 3px #0f29420d!important}.kpi-value,.kpi-stat-amount,.hero-left h1,.reports-hero h1,.card-head h3,.gym-title,.modal-header h3{color:#0f2942!important}table thead th,.data-table th,.gym-table th,.report-table th{color:#0f2942!important;background:#e8f1f9!important;border-bottom:1px solid #cbd5e1!important;font-weight:700!important}table tbody td,.data-table td,.gym-table td,.report-table td{color:#334155!important;border-bottom:1px solid #f1f5f9!important}.search-box input,.form-field input,.form-field select,.form-field textarea,.filter-item input,.filter-item select,.filter-select{color:#0f2942!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important}.search-box input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.filter-item input:focus,.filter-item select:focus,.filter-select:focus,input:focus,select:focus,textarea:focus{border-color:#0077f7!important;box-shadow:0 0 0 3px #0077f726!important}.btn-primary,.btn-save,.btn-add{color:#fff!important;background:#0d6efd!important;border:none!important}.btn-primary:hover,.btn-save:hover,.btn-add:hover{background:#0b5ed7!important}.btn-new,.btn-success{color:#fff!important;background:#198754!important;border:none!important}.btn-new:hover,.btn-success:hover{background:#157347!important}.btn-edit,.btn-secondary,.btn-action-secondary{color:#fff!important;background:#5a6a85!important;border:none!important}.btn-edit:hover,.btn-secondary:hover,.btn-action-secondary:hover{background:#48546b!important}.btn-delete,.btn-danger{color:#fff!important;background:#dc3545!important;border:none!important}.btn-delete:hover,.btn-danger:hover{background:#bb2d3b!important}.tab-btn.active,.filter-btn.active{color:#fff!important;background:#0077f7!important;border-color:#0077f7!important}.status-badge.active,.status.active{color:#198754!important;background:#e8f5e9!important;font-weight:600!important}img,svg,video,canvas{max-width:100%;height:auto}table{max-width:100%}.table-responsive,.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.page-content{padding:12px!important}.card,.kpi-card,.table-card,.filter-panel{border-radius:10px!important;padding:14px!important}.kpi-grid,.grid-4,.grid-3{grid-template-columns:1fr!important}.filter-bar,.toolbar,.table-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.search-box,.search-input{width:100%!important;max-width:100%!important}.action-buttons,.header-actions{flex-wrap:wrap!important;width:100%!important}.action-buttons button,.header-actions button{flex:auto!important;min-width:80px!important}.modal-card,.dialog-card{max-width:95vw!important;margin:10px!important;padding:16px!important}}