:root{--gym-primary:#ff6b35;--gym-secondary:#004e89;--gym-accent:#f7931e;--gym-success:#06d7a0;--gym-warning:#ffd167;--gym-danger:#f04770;--gym-dark:#1a1a2e;--gym-light:#f8f9fa}.gym-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.gym-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.gym-card-stacked{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative}.gym-card-stacked:before{content:"";position:absolute;top:-4px;left:8px;right:8px;height:4px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.gym-gradient-primary{background:linear-gradient(135deg,var(--gym-primary) 0,var(--gym-accent) 100%)}.gym-gradient-secondary{background:linear-gradient(135deg,var(--gym-secondary) 0,#0066b3 100%)}.gym-gradient-success{background:linear-gradient(135deg,var(--gym-success) 0,#05c291 100%)}.gym-icon-circle{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.gym-icon-circle-primary{background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(247,147,30,.1));color:var(--gym-primary)}.gym-icon-circle-secondary{background:linear-gradient(135deg,rgba(0,78,137,.1),rgba(0,102,179,.1));color:var(--gym-secondary)}.gym-icon-circle-success{background:linear-gradient(135deg,rgba(6,215,160,.1),rgba(5,194,145,.1));color:var(--gym-success)}.gym-stat-number{font-size:2.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--gym-primary) 0,var(--gym-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gym-stat-number-secondary{background:linear-gradient(135deg,var(--gym-secondary) 0,#0066b3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gym-btn-primary{background:linear-gradient(135deg,var(--gym-primary) 0,var(--gym-accent) 100%);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.gym-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,107,53,.3)}.gym-btn-secondary{background:linear-gradient(135deg,var(--gym-secondary) 0,#0066b3 100%);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.gym-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,78,137,.3)}.gym-badge{padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.gym-badge-active{background:rgba(6,215,160,.1);color:var(--gym-success)}.gym-badge-expired{background:rgba(240,71,112,.1);color:var(--gym-danger)}.gym-badge-pending{background:rgba(255,209,103,.1);color:var(--gym-warning)}@keyframes gym-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gym-animate-fade-in-up{animation:gym-fade-in-up .6s ease-out}.gym-animate-delay-1{animation-delay:.1s;animation-fill-mode:both}.gym-animate-delay-2{animation-delay:.2s;animation-fill-mode:both}.gym-animate-delay-3{animation-delay:.3s;animation-fill-mode:both}.gym-tabs{display:flex;gap:8px;padding:8px;background:#f3f4f6;border-radius:12px}.gym-tab{padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;background:transparent}.gym-tab-active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gym-progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.gym-progress-bar{height:100%;background:linear-gradient(90deg,var(--gym-primary) 0,var(--gym-accent) 100%);border-radius:999px;transition:width .6s ease}.gym-interactive-card{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.gym-interactive-card:hover{border-color:var(--gym-primary);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(255,107,53,.1)}.gym-bg-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(255,107,53,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,78,137,.05) 0,transparent 50%)}