*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-width:320px}#root{min-height:100vh;width:100%}img,video,iframe{max-width:100%;height:auto}input,button,textarea,select{font:inherit;max-width:100%}table{width:100%;border-collapse:collapse}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:30px}.login-logo img{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:0 0 10px;color:#333;font-size:28px}.login-header p{margin:0;color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.btn-primary{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.login-header h1{font-size:24px}}@media(max-width:768px){.login-container{padding:15px}.login-card{padding:35px 25px}.login-logo img{max-width:120px;max-height:120px}.login-header h1{font-size:22px}}@media(max-width:480px){.login-container{padding:10px}.login-card{padding:25px 18px;border-radius:12px}.login-logo{margin-bottom:20px}.login-logo img{max-width:100px;max-height:100px}.login-header{margin-bottom:25px}.login-header h1{font-size:20px}.login-header p,.form-group label{font-size:13px}.form-input{padding:10px 14px;font-size:15px}.btn-primary{padding:12px 20px;font-size:15px}}@media(max-width:360px){.login-card{padding:20px 15px}.login-header h1{font-size:18px}.form-input,.btn-primary{font-size:14px}}.login-parrain-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px}.login-parrain-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:400px}.login-parrain-logo{text-align:center;margin-bottom:30px}.login-parrain-logo img{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain}.login-parrain-header{text-align:center;margin-bottom:30px}.login-parrain-header h1{margin:0 0 10px;color:#333;font-size:28px}.login-parrain-header p{margin:0;color:#666;font-size:14px}.login-parrain-form{display:flex;flex-direction:column;gap:20px}.login-parrain-form .form-group{display:flex;flex-direction:column;gap:8px}.login-parrain-form .form-group label{font-weight:500;color:#333;font-size:14px}.login-parrain-form .form-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s}.login-parrain-form .form-input:focus{outline:none;border-color:#11998e;box-shadow:0 0 0 3px #11998e1a}.login-parrain-form .form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-parrain-form .btn-primary{padding:14px 24px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-parrain-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.login-parrain-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-parrain-form .error-message{padding:12px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;text-align:center}.login-parrain-footer{margin-top:20px;text-align:center}.login-parrain-footer .link-client{color:#11998e;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s}.login-parrain-footer .link-client:hover{color:#0d7a71;text-decoration:underline}@media(max-width:1024px){.login-parrain-header h1{font-size:24px}}@media(max-width:768px){.login-parrain-container{padding:15px}.login-parrain-card{padding:35px 25px}.login-parrain-logo img{max-width:120px;max-height:120px}.login-parrain-header h1{font-size:22px}}@media(max-width:480px){.login-parrain-container{padding:10px}.login-parrain-card{padding:25px 18px;border-radius:12px}.login-parrain-logo{margin-bottom:20px}.login-parrain-logo img{max-width:100px;max-height:100px}.login-parrain-header{margin-bottom:25px}.login-parrain-header h1{font-size:20px}.login-parrain-header p,.login-parrain-form .form-group label{font-size:13px}.login-parrain-form .form-input{padding:10px 14px;font-size:15px}.login-parrain-form .btn-primary{padding:12px 20px;font-size:15px}}@media(max-width:360px){.login-parrain-card{padding:20px 15px}.login-parrain-header h1{font-size:18px}.login-parrain-form .form-input,.login-parrain-form .btn-primary{font-size:14px}}.dashboard-container{min-height:100vh;background:#f5f7fa}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:24px}.btn-logout{padding:8px 16px;background:#fff3;color:#fff;border:1px solid white;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-logout:hover{background:#ffffff4d}.dashboard-content{max-width:1200px;margin:0 auto;padding:30px 20px}.user-info{margin-bottom:20px}.announcement-block{position:relative;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:16px;padding:24px;margin-bottom:30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #ff6b6b40;overflow:hidden;animation:slideDown .5s ease-out}.announcement-block:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.announcement-block:after{content:"";position:absolute;bottom:-30%;left:-5%;width:150px;height:150px;background:#ffffff14;border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.announcement-close{position:absolute;top:12px;right:12px;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;transition:all .2s ease;z-index:2}.announcement-close:hover{background:#ffffff4d;transform:rotate(90deg)}.announcement-icon{flex-shrink:0;width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;animation:pulse 2s ease-in-out infinite;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.announcement-content{flex:1;color:#fff;z-index:1}.announcement-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.announcement-text{margin:0 0 16px;font-size:15px;line-height:1.6;color:#fffffff2}.announcement-text strong{font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.announcement-cta{background:#fff;color:#ff6b6b;border:none;padding:10px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.announcement-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#fff}.user-info h2{margin:0 0 5px;color:#333;font-size:28px}.msisdn{margin:0;color:#667eea;font-size:18px;font-weight:500}.segment{margin:10px 0 0;color:#764ba2;font-size:16px;font-weight:500}.bande-info{margin:10px 0;display:flex;align-items:center;gap:10px}.bande-label{color:#666;font-size:14px}.bande-value{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.bandes-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.bande-btn{padding:8px 16px;background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.bande-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.points-info{margin-top:15px;display:flex;align-items:center;gap:10px}.points-label{color:#667eea;font-size:15px;font-weight:500}.points-value-text{color:#333;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-refresh-inline{background:#667eea;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:16px;margin-left:auto}.btn-refresh-inline svg{width:16px;height:16px}.btn-refresh-inline:hover{transform:rotate(180deg);background:#764ba2}.objectif-card{background:linear-gradient(135deg,#ffc1070d,#ff98000d);border:2px solid rgba(255,193,7,.3)}.objectif-card:hover{border-color:#ff9800;box-shadow:0 8px 16px #ff980026}.objectif-icon-card{background:linear-gradient(135deg,#ffc10726,#ff980026);color:#ff9800}.objectif-card:hover .objectif-icon-card{background:linear-gradient(135deg,#ffc10740,#ff980040)}.objectif-target{color:#ff9800!important;font-size:28px!important;font-weight:600!important;margin-bottom:8px!important}.objectif-loading{text-align:center;color:#999;font-size:11px;padding:5px 0}.objectif-achieved{margin-top:10px;padding:8px;background:linear-gradient(135deg,#28a7451a,#20c9971a);border-radius:8px}.objectif-amount-success{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.success-icon{font-size:16px}.success-value-card{color:#28a745;font-size:14px;font-weight:700}.points-earned{display:inline-block;padding:3px 8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #28a74533}.objectif-in-progress{margin-top:10px}.objectif-stats{display:flex;justify-content:center;gap:20px;margin-bottom:12px;padding:8px 12px;background:#667eea1a;border-radius:10px}.objectif-stat-item{display:flex;flex-direction:column;align-items:center}.objectif-stat-item .stat-label{font-size:.7rem;color:#666;text-transform:uppercase}.objectif-stat-item .stat-value{font-size:1rem;font-weight:700;color:#667eea}.objectif-amounts{display:flex;align-items:baseline;justify-content:center;gap:3px;margin-bottom:6px}.current-amount{color:#ff9800;font-size:14px;font-weight:700}.separator{color:#999;font-size:11px}.target-amount{color:#666;font-size:11px;font-weight:600}.progress-bar-card{width:100%;height:5px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill-card{height:100%;background:linear-gradient(90deg,#ff9800,#f57c00);border-radius:3px;transition:width .6s ease;position:relative}.progress-fill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.remaining-text{font-size:11px;color:#666;font-weight:500}.incentive-message{margin-top:8px;padding:6px 8px;background:linear-gradient(135deg,#ffc10726,#ff980026);border-radius:6px;border-left:3px solid #ff9800;text-align:center}.incentive-message span{color:#e65100;font-size:11px;font-weight:600;line-height:1.3;display:block}.tarifs-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.tarifs-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#667eea}.tarifs-header svg{width:24px;height:24px}.tarifs-header h3{margin:0;color:#333;font-size:18px}.tarifs-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tarif-section{background:#f5f7fa;border-radius:12px;padding:15px}.tarif-section h4{margin:0 0 15px;color:#667eea;font-size:16px;font-weight:600;text-align:center}.tarif-list{display:flex;flex-direction:column;gap:10px}.tarif-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:8px;font-size:14px}.tarif-item span:first-child{color:#666;font-weight:500}.tarif-arrow{color:#667eea;font-weight:700}.tarif-item span:last-child{color:#333;font-weight:600}.actions-grid{display:flex;gap:20px;flex-wrap:nowrap;overflow-x:auto}.actions-grid>*{flex:0 0 calc(20% - 16px);min-width:180px}.action-card{background:#fff;border-radius:12px;padding:20px 15px;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:12px}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #667eea26;border-color:#667eea}.action-icon{font-size:24px;display:flex;justify-content:center;align-items:center;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);width:48px;height:48px;border-radius:50%;transition:all .3s ease}.action-icon svg{width:20px;height:20px}.action-card-content{width:100%}.action-card h3{margin:0 0 5px;color:#333;font-size:15px;font-weight:600}.action-card p{margin:0;color:#666;font-size:12px;line-height:1.4}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;text-align:center}@media(max-width:1024px){.actions-grid{flex-wrap:wrap}.actions-grid>*{flex:0 0 calc(33.33% - 14px);min-width:160px}.tarifs-content{grid-template-columns:1fr}.points-value{font-size:38px}.action-card{padding:16px;gap:10px}.action-icon{width:44px;height:44px}.action-icon svg{width:20px;height:20px}.action-card h3{font-size:14px}.action-card p{font-size:11px}.current-amount{font-size:16px}.target-amount{font-size:12px}.success-value-card{font-size:15px}}@media(max-width:768px){.announcement-block{padding:20px;gap:16px;margin-bottom:25px}.announcement-icon{width:56px;height:56px;font-size:28px}.announcement-title{font-size:20px}.announcement-text{font-size:14px}.announcement-cta{padding:9px 20px;font-size:13px}.dashboard-header{padding:18px 15px}.header-content{flex-direction:column;align-items:flex-start;gap:15px}.header-content h1{font-size:20px}.btn-logout{align-self:flex-end;padding:7px 14px;font-size:13px}.dashboard-content{padding:20px 15px}.user-info h2{font-size:24px}.msisdn{font-size:16px}.segment{font-size:14px}.points-info{padding:10px 16px}.points-label{font-size:14px}.points-value-text{font-size:20px}.btn-refresh-inline{width:28px;height:28px}.btn-refresh-inline svg{width:14px;height:14px}.tarifs-content{grid-template-columns:1fr}.actions-grid{flex-wrap:wrap;gap:15px}.actions-grid>*{flex:0 0 calc(50% - 8px);min-width:140px}.action-card{padding:15px;gap:10px}.action-icon{font-size:20px;width:42px;height:42px}.action-icon svg{width:18px;height:18px}.action-card h3{font-size:14px;margin-bottom:4px}.action-card p{font-size:11px}.objectif-target{font-size:24px!important}.current-amount{font-size:13px}.target-amount{font-size:10px}.success-value-card{font-size:13px}.points-earned{font-size:9px;padding:3px 7px}.remaining-text{font-size:10px}.incentive-message{margin-top:6px;padding:5px 7px}.incentive-message span{font-size:11px}}@media(max-width:480px){.announcement-block{padding:18px 16px;gap:14px;margin-bottom:20px;flex-direction:column;text-align:center}.announcement-close{top:10px;right:10px;width:28px;height:28px;font-size:18px}.announcement-icon{width:52px;height:52px;font-size:26px;margin:0 auto}.announcement-title{font-size:18px;margin-bottom:8px}.announcement-text{font-size:13px;margin-bottom:14px}.announcement-cta{padding:8px 18px;font-size:12px;width:100%}.dashboard-header{padding:15px 12px}.header-content h1{font-size:18px}.btn-logout{padding:6px 12px;font-size:12px}.dashboard-content{padding:15px 12px}.user-info{margin-bottom:20px}.user-info h2{font-size:20px}.msisdn{font-size:15px}.segment{font-size:13px}.points-info{padding:10px 14px;gap:8px}.points-label{font-size:13px}.points-value-text{font-size:18px}.btn-refresh-inline{width:26px;height:26px}.btn-refresh-inline svg{width:13px;height:13px}.tarifs-card{padding:18px 15px;margin-bottom:20px}.tarifs-header{gap:8px;margin-bottom:15px}.tarifs-header svg{width:20px;height:20px}.tarifs-header h3{font-size:16px}.tarif-section{padding:12px}.tarif-section h4{font-size:14px;margin-bottom:12px}.tarif-item{padding:7px 10px;font-size:13px}.actions-grid{flex-wrap:wrap;gap:15px}.actions-grid>*{flex:0 0 100%;min-width:auto}.action-card{padding:14px;gap:10px}.action-icon{font-size:18px;width:40px;height:40px}.action-icon svg{width:16px;height:16px}.action-card h3{font-size:14px;margin-bottom:3px}.action-card p{font-size:11px}.objectif-target{font-size:22px!important}.current-amount{font-size:12px}.separator,.target-amount{font-size:10px}.success-icon{font-size:13px}.success-value-card{font-size:12px}.points-earned{font-size:9px;padding:3px 6px}.progress-bar-card{height:4px}.remaining-text{font-size:10px}.incentive-message{margin-top:6px;padding:5px 6px}.incentive-message span{font-size:10px}}@media(max-width:360px){.announcement-block{padding:16px 14px;gap:12px;margin-bottom:18px}.announcement-icon{width:48px;height:48px;font-size:24px}.announcement-title{font-size:16px}.announcement-text{font-size:12px;margin-bottom:12px}.announcement-cta{padding:7px 16px;font-size:11px}.dashboard-content{padding:12px 10px}.user-info h2{font-size:18px}.msisdn{font-size:14px}.action-card{padding:12px;gap:8px}.action-icon{width:36px;height:36px}.action-icon svg{width:14px;height:14px}.action-card h3{font-size:13px;margin-bottom:2px}.action-card p{font-size:10px}.objectif-target{font-size:20px!important}.current-amount{font-size:11px}.separator,.target-amount{font-size:9px}.success-value-card{font-size:11px}.points-earned{font-size:8px;padding:2px 6px}.remaining-text{font-size:9px}.incentive-message{margin-top:5px;padding:4px 6px}.incentive-message span{font-size:9px}}.user-info-header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.user-info-header h2{margin:0}.btn-explications{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ee5a2466;animation:blink 1.5s ease-in-out infinite;letter-spacing:1px;white-space:nowrap}@keyframes blink{0%,to{opacity:1;box-shadow:0 4px 15px #ee5a2466}50%{opacity:.7;box-shadow:0 4px 25px #ee5a24cc}}.btn-explications:hover{animation:none;transform:scale(1.05);box-shadow:0 6px 20px #ee5a2499}.explications-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.explications-popup{position:relative;background:#fff;border-radius:16px;padding:20px;max-width:90vw;max-height:90vh;overflow:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.explications-close{position:absolute;top:10px;right:10px;background:#ff4757;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.explications-close:hover{background:#ff6b81;transform:rotate(90deg)}.explications-image{display:block;max-width:100%;height:auto;border-radius:8px}@media(max-width:768px){.user-info-header{gap:10px}.btn-explications{padding:8px 15px;font-size:11px;border-radius:8px}.explications-popup{padding:15px;max-width:95vw}.explications-close{width:32px;height:32px;font-size:18px}}@media(max-width:480px){.user-info-header{gap:8px}.btn-explications{padding:6px 12px;font-size:10px}.explications-overlay,.explications-popup{padding:10px}}.parrain-blink-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;margin-bottom:20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;animation:blink-animation 1s ease-in-out infinite;box-shadow:0 4px 15px #28a74566;transition:transform .2s}.parrain-blink-button:hover{transform:scale(1.02)}.parrain-icon{font-size:1.5rem}@keyframes blink-animation{0%,to{opacity:1;box-shadow:0 4px 15px #28a74566}50%{opacity:.7;box-shadow:0 4px 25px #28a745cc}}@media(max-width:480px){.parrain-blink-button{font-size:.95rem;padding:14px 16px}.parrain-icon{font-size:1.3rem}}.dashboard-parrain-container{min-height:100vh;background:#f5f7fa}.dashboard-parrain-header{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:20px;box-shadow:0 2px 8px #0000001a}.dashboard-parrain-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-parrain-header .header-content h1{margin:0;font-size:24px}.dashboard-parrain-container .btn-logout{padding:8px 16px;background:#fff3;color:#fff;border:1px solid white;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.dashboard-parrain-container .btn-logout:hover{background:#ffffff4d}.hero-top-performeurs{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:30px 20px;position:relative;overflow:hidden}.hero-top-performeurs:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-top-performeurs .hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-top-performeurs .hero-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px}.hero-top-performeurs .hero-title h2{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-top-performeurs .trophy-icon{font-size:32px;color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4));animation:pulse-trophy 2s ease-in-out infinite}.top-performeurs-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.performeur-item{display:flex;align-items:center;gap:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:8px 16px;transition:all .3s ease}.performeur-item:hover{transform:translateY(-2px);background:#ffffff26;box-shadow:0 4px 15px #0003}.performeur-item.rang-1{background:linear-gradient(135deg,#ffd70040,#ffc10726);border-color:#ffd70066;box-shadow:0 0 20px #ffd70033}.performeur-item.rang-2{background:linear-gradient(135deg,#c0c0c040,#a9a9a926);border-color:#c0c0c066}.performeur-item.rang-3{background:linear-gradient(135deg,#cd7f3240,#b8733326);border-color:#cd7f3266}.performeur-rang{display:flex;align-items:center;justify-content:center;min-width:28px}.performeur-rang .medal{font-size:22px}.performeur-rang .medal-1{color:gold;filter:drop-shadow(0 1px 2px rgba(255,215,0,.5))}.performeur-rang .medal-2{color:silver;filter:drop-shadow(0 1px 2px rgba(192,192,192,.5))}.performeur-rang .medal-3{color:#cd7f32;filter:drop-shadow(0 1px 2px rgba(205,127,50,.5))}.performeur-rang .rang-number{background:#fff3;color:#fff;font-size:12px;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.performeur-numero{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px}.performeur-score{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;box-shadow:0 2px 6px #11998e4d}.dashboard-parrain-content{max-width:1200px;margin:0 auto;padding:30px 20px}.dashboard-parrain-content .user-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.dashboard-parrain-content .user-info{flex:1}.dashboard-parrain-content .numeros-list-vertical{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.dashboard-parrain-content .numero-item{background:linear-gradient(135deg,#11998e,#38ef7d);padding:6px 14px;border-radius:20px;font-size:13px;color:#fff;font-weight:500;box-shadow:0 2px 6px #11998e4d}.dashboard-parrain-content .user-info h2{margin:0 0 5px;color:#333;font-size:28px}.dashboard-parrain-content .categorie-parrain{display:inline-block;margin:8px 0;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.dashboard-parrain-content .categorie-parrain.pp{background:linear-gradient(135deg,gold,#ffb300);color:#5d4e00;box-shadow:0 2px 8px #ffd7004d}.dashboard-parrain-content .categorie-parrain.ps{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#424242;box-shadow:0 2px 8px #0000001a}.dashboard-parrain-content .code-parrain{margin:5px 0;color:#11998e;font-size:16px;font-weight:600}.dashboard-parrain-content .segment{margin:10px 0 0;color:#38ef7d;font-size:16px;font-weight:500}.dashboard-parrain-content .points-info{margin-top:15px;display:flex;align-items:center;gap:10px}.dashboard-parrain-content .points-label{color:#11998e;font-size:15px;font-weight:500}.dashboard-parrain-content .points-value-text{color:#333;font-size:24px;font-weight:700;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-parrain-content .btn-refresh-inline{background:#11998e;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:16px;margin-left:auto}.dashboard-parrain-content .btn-refresh-inline svg{width:16px;height:16px}.dashboard-parrain-content .btn-refresh-inline:hover{transform:rotate(180deg);background:#0d7a71}.dashboard-parrain-content .statistiques-block{background:#fff;border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 2px 12px #00000014}.dashboard-parrain-content .statistiques-title{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.dashboard-parrain-content .statistiques-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dashboard-parrain-content .stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;transition:all .3s ease}.dashboard-parrain-content .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-parrain-content .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.dashboard-parrain-content .stat-icon.filleuls{background:linear-gradient(135deg,#11998e26,#38ef7d26);color:#11998e}.dashboard-parrain-content .stat-icon.actifs{background:linear-gradient(135deg,#28a74526,#20c99726);color:#28a745}.dashboard-parrain-content .stat-icon.gains{background:linear-gradient(135deg,#ffc10726,#ff980026);color:#ff9800}.dashboard-parrain-content .stat-content{display:flex;flex-direction:column}.dashboard-parrain-content .stat-value{font-size:28px;font-weight:700;color:#333;line-height:1}.dashboard-parrain-content .stat-label{font-size:13px;color:#666;margin-top:4px}.dashboard-parrain-content .actions-grid{display:flex;gap:20px;flex-wrap:wrap}.dashboard-parrain-content .actions-grid>*{flex:0 0 calc(33.33% - 14px);min-width:250px}.dashboard-parrain-content .action-card{background:#fff;border-radius:12px;padding:20px 15px;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:12px}.dashboard-parrain-content .action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#11998e,#38ef7d);transform:scaleX(0);transition:transform .3s ease}.dashboard-parrain-content .action-card:hover:before{transform:scaleX(1)}.dashboard-parrain-content .action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #11998e26;border-color:#11998e}.dashboard-parrain-content .action-icon{font-size:24px;display:flex;justify-content:center;align-items:center;color:#11998e;background:linear-gradient(135deg,#11998e1a,#38ef7d1a);width:48px;height:48px;border-radius:50%;transition:all .3s ease}.dashboard-parrain-content .action-card:hover .action-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#11998e33,#38ef7d33)}.dashboard-parrain-content .action-icon svg{width:20px;height:20px}.dashboard-parrain-content .action-card-content{width:100%}.dashboard-parrain-content .action-card h3{margin:0 0 5px;color:#333;font-size:15px;font-weight:600}.dashboard-parrain-content .action-card p{margin:0;color:#666;font-size:12px;line-height:1.4}.dashboard-parrain-container .loading{text-align:center;padding:40px;font-size:18px;color:#666}.top-performeurs-block{background:#fff;border-radius:20px;padding:30px;margin-top:30px;box-shadow:0 5px 20px #0000001a;text-align:center}.top-performeurs-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.top-performeurs-icon{font-size:40px;color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.top-performeurs-header h3{margin:0;color:#333;font-size:24px;font-weight:700}.top-performeurs-subtitle{color:#666;font-size:14px;margin:0 0 20px}.top-performeurs-preview{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.top-item{display:flex;align-items:center;background:#f8f9fa;border-radius:12px;padding:12px 16px;transition:all .2s ease}.top-item:hover{background:#f0f2f5;transform:translate(5px)}.top-item.top-rang-1{background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:1px solid rgba(255,215,0,.3)}.top-item.top-rang-2{background:linear-gradient(135deg,#c0c0c033,#a9a9a91a);border:1px solid rgba(192,192,192,.3)}.top-item.top-rang-3{background:linear-gradient(135deg,#cd7f3226,#b873331a);border:1px solid rgba(205,127,50,.3)}.top-position{min-width:36px;display:flex;align-items:center;justify-content:center}.top-medal{font-size:24px}.top-medal-1{color:gold;filter:drop-shadow(0 1px 2px rgba(255,215,0,.5))}.top-medal-2{color:silver;filter:drop-shadow(0 1px 2px rgba(192,192,192,.5))}.top-medal-3{color:#cd7f32;filter:drop-shadow(0 1px 2px rgba(205,127,50,.5))}.top-rang-num{background:#e9ecef;color:#495057;font-size:13px;font-weight:600;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.top-numero{flex:1;color:#333;font-size:15px;font-weight:500;text-align:left;margin-left:12px;letter-spacing:.5px}.top-score{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:0 2px 6px #11998e4d}.btn-voir-plus{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #11998e4d}.btn-voir-plus:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e66}.performance-block{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;padding:24px;margin-top:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000026;position:relative;overflow:hidden}.performance-block:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.performance-block:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000040}.performance-block-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;position:relative;z-index:1}.performance-block .performance-trophy{font-size:40px;color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4));animation:pulse-trophy 2s ease-in-out infinite}.performance-block-title h3{margin:0;color:#fff;font-size:20px;font-weight:700}.performance-block-title p{margin:4px 0 0;color:#fff9;font-size:13px}.performance-preview-list{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.preview-item{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;transition:all .2s ease}.preview-item:hover{background:#ffffff1f}.preview-item.preview-rang-1{background:linear-gradient(135deg,#ffd70026,#ffc10714);border-color:#ffd70040}.preview-item.preview-rang-2{background:linear-gradient(135deg,#c0c0c026,#a9a9a914);border-color:#c0c0c040}.preview-item.preview-rang-3{background:linear-gradient(135deg,#cd7f3226,#b8733314);border-color:#cd7f3240}.preview-rang{min-width:32px;display:flex;align-items:center;justify-content:center}.preview-medal{font-size:22px}.preview-medal-1{color:gold;filter:drop-shadow(0 1px 2px rgba(255,215,0,.5))}.preview-medal-2{color:silver;filter:drop-shadow(0 1px 2px rgba(192,192,192,.5))}.preview-medal-3{color:#cd7f32;filter:drop-shadow(0 1px 2px rgba(205,127,50,.5))}.preview-rang-number{background:#ffffff26;color:#fff;font-size:12px;font-weight:600;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.preview-numero{flex:1;color:#fff;font-size:14px;font-weight:500;margin-left:12px;letter-spacing:.5px}.preview-score{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;box-shadow:0 2px 6px #11998e4d}.performance-block-footer{margin-top:16px;text-align:center;position:relative;z-index:1}.performance-block-footer span{color:#38ef7d;font-size:14px;font-weight:600;transition:all .2s ease}.performance-block:hover .performance-block-footer span{color:#fff}@media(max-width:1024px){.hero-top-performeurs{padding:25px 15px}.hero-top-performeurs .hero-title h2{font-size:20px}.hero-top-performeurs .trophy-icon{font-size:28px}.performeur-item{padding:6px 12px;gap:8px}.performeur-numero{font-size:13px}.performeur-score{font-size:11px;padding:3px 8px}.top-performeurs-block{padding:25px;margin-top:25px}.top-performeurs-icon{font-size:36px}.top-performeurs-header h3{font-size:22px}.top-item{padding:10px 14px}.top-medal{font-size:22px}.top-numero{font-size:14px}.top-score{font-size:11px;padding:5px 12px}.btn-voir-plus{padding:12px 24px;font-size:14px}.performance-block{padding:20px;margin-top:25px}.performance-block .performance-trophy{font-size:36px}.performance-block-title h3{font-size:18px}.preview-item{padding:10px 14px}.preview-medal{font-size:20px}.preview-numero{font-size:13px}.preview-score{font-size:11px;padding:4px 10px}.dashboard-parrain-content .statistiques-grid{grid-template-columns:repeat(3,1fr);gap:15px}.dashboard-parrain-content .stat-card{padding:16px;gap:12px}.dashboard-parrain-content .stat-icon{width:44px;height:44px;font-size:20px}.dashboard-parrain-content .stat-value{font-size:24px}.dashboard-parrain-content .stat-label{font-size:12px}.dashboard-parrain-content .actions-grid>*{flex:0 0 calc(50% - 10px);min-width:200px}.dashboard-parrain-content .action-card{padding:16px;gap:10px}.dashboard-parrain-content .action-icon{width:44px;height:44px}.dashboard-parrain-content .action-icon svg{width:20px;height:20px}.dashboard-parrain-content .action-card h3{font-size:14px}.dashboard-parrain-content .action-card p{font-size:11px}}@media(max-width:768px){.hero-top-performeurs{padding:20px 12px}.hero-top-performeurs .hero-title{flex-direction:column;gap:8px;margin-bottom:20px}.hero-top-performeurs .hero-title h2{font-size:18px;text-align:center}.hero-top-performeurs .trophy-icon{font-size:26px}.top-performeurs-list{gap:8px}.performeur-item{padding:5px 10px;gap:6px}.performeur-rang .medal{font-size:18px}.performeur-rang .rang-number{width:20px;height:20px;font-size:11px}.performeur-numero{font-size:12px}.performeur-score{font-size:10px;padding:3px 6px}.top-performeurs-block{padding:20px;margin-top:20px;border-radius:16px}.top-performeurs-header{gap:10px;margin-bottom:6px}.top-performeurs-icon{font-size:32px}.top-performeurs-header h3{font-size:20px}.top-performeurs-subtitle{font-size:13px;margin-bottom:16px}.top-performeurs-preview{gap:8px;margin-bottom:16px}.top-item{padding:10px 12px;border-radius:10px}.top-position{min-width:32px}.top-medal{font-size:20px}.top-rang-num{width:24px;height:24px;font-size:12px}.top-numero{font-size:13px;margin-left:10px}.top-score{font-size:10px;padding:5px 10px}.btn-voir-plus{padding:12px 20px;font-size:13px;border-radius:10px}.performance-block{padding:18px;margin-top:20px;border-radius:16px}.performance-block-header{gap:12px;margin-bottom:16px}.performance-block .performance-trophy{font-size:32px}.performance-block-title h3{font-size:16px}.performance-block-title p{font-size:12px}.performance-preview-list{gap:8px}.preview-item{padding:10px 12px;border-radius:10px}.preview-rang{min-width:28px}.preview-medal{font-size:18px}.preview-rang-number{width:22px;height:22px;font-size:11px}.preview-numero{font-size:12px;margin-left:10px}.preview-score{font-size:10px;padding:4px 8px}.performance-block-footer{margin-top:14px}.performance-block-footer span{font-size:13px}.dashboard-parrain-content .user-info-row{flex-direction:column;gap:15px}.dashboard-parrain-content .numeros-list-vertical{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.dashboard-parrain-content .numero-item{font-size:12px;padding:5px 12px}.dashboard-parrain-header{padding:18px 15px}.dashboard-parrain-header .header-content{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-parrain-header .header-content h1{font-size:20px}.dashboard-parrain-container .btn-logout{align-self:flex-end;padding:7px 14px;font-size:13px}.dashboard-parrain-content{padding:20px 15px}.dashboard-parrain-content .user-info h2{font-size:24px}.dashboard-parrain-content .code-parrain,.dashboard-parrain-content .segment{font-size:14px}.dashboard-parrain-content .points-info{padding:10px 16px}.dashboard-parrain-content .points-label{font-size:14px}.dashboard-parrain-content .points-value-text{font-size:20px}.dashboard-parrain-content .btn-refresh-inline{width:28px;height:28px}.dashboard-parrain-content .btn-refresh-inline svg{width:14px;height:14px}.dashboard-parrain-content .actions-grid{gap:15px}.dashboard-parrain-content .actions-grid>*{flex:0 0 calc(50% - 8px);min-width:140px}.dashboard-parrain-content .action-card{padding:15px;gap:10px}.dashboard-parrain-content .action-icon{font-size:20px;width:42px;height:42px}.dashboard-parrain-content .action-icon svg{width:18px;height:18px}.dashboard-parrain-content .action-card h3{font-size:14px;margin-bottom:4px}.dashboard-parrain-content .action-card p{font-size:11px}}@media(max-width:480px){.hero-top-performeurs{padding:15px 10px}.hero-top-performeurs .hero-title h2{font-size:16px}.hero-top-performeurs .trophy-icon{font-size:24px}.top-performeurs-list{gap:6px}.performeur-item{padding:4px 8px;gap:5px;border-radius:30px}.performeur-rang .medal{font-size:16px}.performeur-rang .rang-number{width:18px;height:18px;font-size:10px}.performeur-numero{font-size:11px}.performeur-score{font-size:9px;padding:2px 5px}.top-performeurs-block{padding:16px;margin-top:18px;border-radius:14px}.top-performeurs-header{gap:8px;margin-bottom:4px}.top-performeurs-icon{font-size:28px}.top-performeurs-header h3{font-size:18px}.top-performeurs-subtitle{font-size:12px;margin-bottom:14px}.top-performeurs-preview{gap:6px;margin-bottom:14px}.top-item{padding:8px 10px;border-radius:8px}.top-position{min-width:28px}.top-medal{font-size:18px}.top-rang-num{width:22px;height:22px;font-size:11px}.top-numero{font-size:12px;margin-left:8px}.top-score{font-size:9px;padding:4px 8px}.btn-voir-plus{padding:10px 18px;font-size:12px;border-radius:8px}.performance-block{padding:16px;margin-top:18px;border-radius:14px}.performance-block-header{gap:10px;margin-bottom:14px}.performance-block .performance-trophy{font-size:28px}.performance-block-title h3{font-size:15px}.performance-block-title p{font-size:11px}.performance-preview-list{gap:6px}.preview-item{padding:8px 10px;border-radius:8px}.preview-rang{min-width:24px}.preview-medal{font-size:16px}.preview-rang-number{width:20px;height:20px;font-size:10px}.preview-numero{font-size:11px;margin-left:8px}.preview-score{font-size:9px;padding:3px 6px}.performance-block-footer{margin-top:12px}.performance-block-footer span{font-size:12px}.dashboard-parrain-content .statistiques-block{padding:16px;margin-bottom:20px}.dashboard-parrain-content .statistiques-title{font-size:15px;margin-bottom:14px}.dashboard-parrain-content .statistiques-grid{grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-parrain-content .stat-card{padding:12px 8px;gap:8px}.dashboard-parrain-content .stat-icon{width:36px;height:36px;font-size:16px}.dashboard-parrain-content .stat-value{font-size:18px}.dashboard-parrain-content .stat-label{font-size:10px}.dashboard-parrain-header{padding:15px 12px}.dashboard-parrain-header .header-content h1{font-size:18px}.dashboard-parrain-container .btn-logout{padding:6px 12px;font-size:12px}.dashboard-parrain-content{padding:15px 12px}.dashboard-parrain-content .user-info{margin-bottom:20px}.dashboard-parrain-content .user-info h2{font-size:20px}.dashboard-parrain-content .code-parrain,.dashboard-parrain-content .segment{font-size:13px}.dashboard-parrain-content .points-info{padding:10px 14px;gap:8px}.dashboard-parrain-content .points-label{font-size:13px}.dashboard-parrain-content .points-value-text{font-size:18px}.dashboard-parrain-content .btn-refresh-inline{width:26px;height:26px}.dashboard-parrain-content .btn-refresh-inline svg{width:13px;height:13px}.dashboard-parrain-content .actions-grid{gap:15px}.dashboard-parrain-content .actions-grid>*{flex:0 0 100%;min-width:auto}.dashboard-parrain-content .action-card{padding:14px;gap:10px}.dashboard-parrain-content .action-icon{font-size:18px;width:40px;height:40px}.dashboard-parrain-content .action-icon svg{width:16px;height:16px}.dashboard-parrain-content .action-card h3{font-size:14px;margin-bottom:3px}.dashboard-parrain-content .action-card p{font-size:11px}}@media(max-width:360px){.dashboard-parrain-content{padding:12px 10px}.dashboard-parrain-content .user-info h2{font-size:18px}.dashboard-parrain-content .action-card{padding:12px;gap:8px}.dashboard-parrain-content .action-icon{width:36px;height:36px}.dashboard-parrain-content .action-icon svg{width:14px;height:14px}.dashboard-parrain-content .action-card h3{font-size:13px;margin-bottom:2px}.dashboard-parrain-content .action-card p{font-size:10px}}.mes-points-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2)}.page-header h1{color:#fff;margin:0;font-size:1.8rem;font-weight:600}.btn-back{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translate(-5px)}.btn-home{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 15px;border-radius:10px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mes-points-content{max-width:500px;margin:0 auto}.points-card-large{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003;text-align:center}.points-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.points-header h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.btn-refresh{background:transparent;color:#667eea;border:2px solid #667eea;padding:10px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.btn-refresh:hover{background:#667eea;color:#fff;transform:rotate(180deg)}.points-display-large{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 0 20px}.bande-info{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:linear-gradient(135deg,#4caf5026,#8bc34a26);border-radius:12px;border:2px solid rgba(76,175,80,.3);margin-top:20px}.niveau-info{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;border:2px solid rgba(102,126,234,.3);margin-top:15px}.niveau-label{font-size:1rem;color:#555;font-weight:500}.niveau-value{font-size:1.2rem;font-weight:700;color:#667eea}.bande-description{text-align:center;margin-top:20px;padding:0 20px}.voir-bandes-link{color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:underline;transition:all .3s ease}.voir-bandes-link:hover{color:#764ba2}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px;padding:0 10px;justify-content:center;max-width:600px;margin-left:auto;margin-right:auto}.quick-action-btn{background:#ffeb3b;color:#000;border:2px solid #fdd835;padding:12px 15px;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease;white-space:nowrap}.quick-action-btn:hover{background:#ffc107;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #ffc10766;border-color:#ffa000}.bande-label{color:#667eea;font-size:1rem;font-weight:500}.bande-value{color:#333;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-display-large .points-value{font-size:4rem;font-weight:700;color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-display-large .points-label{font-size:1.2rem;color:#666;font-weight:500}.actions-section{margin-top:40px}.actions-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.action-card-large{background:#fff;border:none;border-radius:20px;padding:30px;cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #0000001a;border:2px solid transparent;position:relative;overflow:hidden}.action-card-large:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.action-card-large:hover:before{transform:scaleX(1)}.action-card-large:hover{transform:translateY(-8px);box-shadow:0 15px 40px #667eea33;border-color:#667eea}.action-card-large .action-icon{font-size:3rem;margin-bottom:20px;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;transition:all .3s ease}.action-card-large:hover .action-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#667eea33,#764ba233)}.action-card-large h4{color:#333;margin:0 0 10px;font-size:1.3rem;font-weight:600}.action-card-large p{color:#666;margin:0;font-size:.95rem;line-height:1.5}.error-message{color:#d32f2f;background:#ffebee;padding:15px;border-radius:10px;margin:20px 0;text-align:center;font-weight:500}.loading{text-align:center;color:#fff;font-size:1.2rem;padding:50px}@media(max-width:768px){.mes-points-container{padding:15px}.page-header{padding:15px;margin-bottom:20px}.page-header h1{font-size:1.5rem}.btn-back{padding:8px 16px;font-size:.9rem}.points-card-large{padding:25px;margin-bottom:20px}.points-header h2{font-size:1.2rem}.points-display-large .points-value{font-size:3rem}.points-display-large .points-label{font-size:1rem}.actions-section h3{font-size:1.3rem}.actions-grid{grid-template-columns:1fr;gap:15px}.action-card-large{padding:20px}.action-card-large .action-icon{font-size:2.5rem}.action-card-large h4{font-size:1.2rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 5px}.quick-action-btn{font-size:.85rem;padding:10px 12px}}@media(max-width:480px){.page-header{flex-direction:column;align-items:flex-start;gap:10px}.points-display-large .points-value{font-size:2.5rem}}.point-perfo-section{background:#fff;border-radius:20px;padding:30px;margin-top:30px;box-shadow:0 10px 30px #0003}.point-perfo-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.point-perfo-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.point-perfo-icon{font-size:2rem;color:#667eea}.point-perfo-text{color:#555;font-size:1rem;line-height:1.7;margin:0 0 15px;text-align:justify}.point-perfo-text:last-child{margin-bottom:0}@media(max-width:768px){.point-perfo-section{padding:20px;margin-top:20px}.point-perfo-header h3{font-size:1.1rem}.point-perfo-icon{font-size:1.6rem}.point-perfo-text{font-size:.95rem}}.echange-container{min-height:100vh;background:#f5f7fa}.password-verification-card{max-width:500px;margin:40px auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 16px #0000001a}.password-verification-header{text-align:center;margin-bottom:30px}.password-verification-header h2{margin:0 0 10px;color:#333;font-size:24px}.password-verification-header p{margin:0;color:#666;font-size:14px}.password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s}.echange-content{max-width:1200px;margin:0 auto;padding:30px 20px}.exchange-type-selection{margin:30px 0}.exchange-type-selection h2{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.exchange-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:800px;margin:0 auto}.exchange-type-card{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s;border:2px solid #e0e0e0}.exchange-type-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 24px #667eea33;border-color:#667eea}.exchange-type-card:disabled{opacity:.5;cursor:not-allowed}.exchange-type-icon{font-size:64px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#667eea}.exchange-type-icon svg{width:64px;height:64px}.exchange-type-card h3{margin:0 0 10px;color:#333;font-size:20px}.exchange-type-card p{margin:0;color:#666;font-size:14px}.argent-exchange-section{max-width:600px;margin:30px auto}.argent-exchange-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a}.argent-exchange-card h2{margin:0 0 10px;color:#333;font-size:24px;text-align:center}.exchange-info{text-align:center;color:#667eea;font-size:16px;font-weight:600;margin:0 0 30px}.conversion-preview{background:#f5f7fa;border-radius:12px;padding:20px;margin:20px 0}.conversion-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.conversion-row:last-child{border-bottom:none}.conversion-row span{color:#666;font-size:14px}.conversion-row strong{color:#333;font-size:16px}.paliers-argent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:20px 0}.argent-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s;border:2px solid transparent;text-align:center}.argent-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.argent-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.argent-card.disabled{opacity:.5;cursor:not-allowed}.argent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.argent-montant{font-size:28px;font-weight:700;color:#667eea}.argent-points{margin-bottom:12px}.argent-points .points-value{display:block;font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.argent-points .points-label{display:block;font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.argent-taux{font-size:13px;color:#666;background:#f5f7fa;padding:8px 12px;border-radius:6px}.points-banner{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.points-banner .points-label{color:#666;font-size:16px}.points-banner .points-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forfaits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.forfait-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s;border:2px solid transparent}.forfait-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.forfait-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.forfait-card.disabled{opacity:.5;cursor:not-allowed}.forfait-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.forfait-header h3{margin:0;font-size:24px;color:#333}.badge-disabled{background:#fee;color:#c33;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.forfait-description{color:#666;font-size:14px;margin:0 0 16px;line-height:1.5}.forfait-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.forfait-price{display:flex;flex-direction:column}.price-value{font-size:28px;font-weight:700;color:#667eea}.price-label{font-size:12px;color:#999}.forfait-duree{background:#f0f0f0;padding:6px 12px;border-radius:6px;font-size:12px;color:#666;font-weight:500}.confirmation-section{position:fixed;bottom:0;left:0;right:0;background:#00000080;padding:20px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirmation-card{background:#fff;border-radius:16px;padding:24px;max-width:500px;margin:0 auto;box-shadow:0 8px 24px #0000004d}.confirmation-card h3{margin:0 0 16px;color:#333;font-size:20px}.confirmation-details{background:#f5f7fa;border-radius:8px;padding:16px;margin-bottom:20px}.confirmation-details p{margin:8px 0;color:#333;font-size:14px}.confirmation-details .forfait-info{margin:8px 0}.confirmation-details .points-info{margin:8px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.confirmation-details .points-info .separator{color:#ccc;margin:0 8px;font-weight:400}.confirmation-details .points-info strong{white-space:nowrap}.destinataire-section{margin:20px 0}.destinataire-section h4{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.destinataire-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.destinataire-option{display:flex;flex-direction:column;gap:6px;padding:16px;background:#f5f7fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease}.destinataire-option:hover{background:#eef1f7;border-color:#667eea}.destinataire-option.selected{background:#eef5ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.destinataire-option input[type=radio]{display:none}.destinataire-option .option-label{font-weight:600;color:#333;font-size:15px;display:flex;align-items:center}.destinataire-option.selected .option-label:before{content:"✓";display:inline-block;width:20px;height:20px;background:#667eea;color:#fff;border-radius:50%;text-align:center;line-height:20px;font-size:12px;margin-right:8px}.destinataire-option:not(.selected) .option-label:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid #ccc;border-radius:50%;margin-right:8px}.destinataire-option .option-value{color:#667eea;font-size:14px;font-weight:500;margin-left:28px}.numero-input-section{margin-top:16px;padding:16px;background:#fff;border:2px solid #667eea;border-radius:12px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.numero-input-section label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:600}.numero-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s;box-sizing:border-box}.numero-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-hint{display:block;margin-top:6px;color:#666;font-size:12px;font-style:italic}.confirmation-actions{display:flex;gap:12px}.btn-secondary{flex:1;padding:12px 24px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f5f7fa}.btn-primary{flex:1;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.success-message{padding:12px;background-color:#efe;color:#3c3;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px}@media(max-width:1024px){.exchange-type-grid{grid-template-columns:1fr;max-width:500px}.forfaits-grid,.paliers-argent-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{padding:18px 15px;gap:15px}.page-header h1{font-size:20px}.btn-back{padding:7px 14px;font-size:13px}.echange-content{padding:20px 15px}.password-verification-card{margin:30px 15px;padding:30px 20px}.password-verification-header h2{font-size:20px}.exchange-type-selection h2{font-size:20px;margin-bottom:25px}.exchange-type-grid{gap:15px}.exchange-type-card{padding:30px 25px}.exchange-type-icon{font-size:56px;margin-bottom:18px}.exchange-type-icon svg{width:56px;height:56px}.exchange-type-card h3{font-size:18px}.exchange-type-card p{font-size:13px}.argent-exchange-section{max-width:100%;margin:20px 15px}.argent-exchange-card{padding:25px 20px}.argent-exchange-card h2{font-size:20px}.exchange-info{font-size:15px;margin-bottom:25px}.conversion-preview{padding:18px 15px}.forfaits-grid{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.forfait-card{padding:20px}.forfait-header h3{font-size:20px}.price-value{font-size:24px}.paliers-argent-grid{grid-template-columns:1fr;gap:15px;margin:15px 0}.argent-card{padding:20px}.argent-montant{font-size:24px}.argent-points .points-value{font-size:20px}.points-banner{flex-direction:column;gap:10px;text-align:center;padding:18px 15px;margin-bottom:25px}.points-banner .points-label{font-size:15px}.points-banner .points-value{font-size:28px}.confirmation-section{padding:15px}.confirmation-card{padding:20px}.confirmation-card h3{font-size:18px;margin-bottom:14px}.confirmation-details{padding:14px;margin-bottom:18px}.confirmation-details p{font-size:13px}.confirmation-details .points-info{gap:6px}.confirmation-details .points-info .separator{margin:0 6px}.destinataire-section h4{font-size:15px;margin-bottom:14px}.destinataire-option{padding:14px}.destinataire-option .option-label{font-size:14px}.destinataire-option .option-value{font-size:13px}.numero-input-section{padding:14px}.numero-input{padding:11px 14px;font-size:15px}.confirmation-actions{gap:10px}.btn-primary,.btn-secondary{padding:11px 20px;font-size:15px}}@media(max-width:480px){.page-header{padding:15px 12px;flex-wrap:wrap}.page-header h1{font-size:18px;flex:1}.btn-back{padding:6px 12px;font-size:12px}.echange-content{padding:15px 12px}.password-verification-card{margin:20px 12px;padding:25px 18px}.password-verification-header h2{font-size:18px}.password-verification-header p,.form-group label{font-size:13px}.form-input{padding:10px 14px;font-size:15px}.exchange-type-selection{margin:20px 0}.exchange-type-selection h2{font-size:18px;margin-bottom:20px}.exchange-type-grid{gap:12px}.exchange-type-card{padding:25px 20px}.exchange-type-icon{font-size:48px;margin-bottom:15px}.exchange-type-icon svg{width:48px;height:48px}.exchange-type-card h3{font-size:17px;margin-bottom:8px}.exchange-type-card p{font-size:12px}.argent-exchange-section{margin:20px 12px}.argent-exchange-card{padding:20px 15px}.argent-exchange-card h2{font-size:18px}.exchange-info{font-size:14px;margin-bottom:20px}.conversion-preview{padding:15px 12px;margin:15px 0}.conversion-row{padding:8px 0}.conversion-row span{font-size:13px}.conversion-row strong{font-size:15px}.forfaits-grid{gap:12px;margin-bottom:20px}.forfait-card{padding:18px 15px}.forfait-header h3{font-size:20px}.forfait-description{font-size:13px;margin-bottom:14px}.price-value{font-size:22px}.price-label{font-size:11px}.forfait-duree{padding:5px 10px;font-size:11px}.paliers-argent-grid{gap:12px}.argent-card{padding:18px 15px}.argent-header{margin-bottom:14px;padding-bottom:10px}.argent-montant{font-size:22px}.argent-points{margin-bottom:10px}.argent-points .points-value{font-size:18px}.argent-points .points-label{font-size:11px}.argent-taux{font-size:12px;padding:7px 10px}.points-banner{padding:15px 12px;margin-bottom:20px}.points-banner .points-label{font-size:14px}.points-banner .points-value{font-size:24px}.confirmation-section{padding:12px}.confirmation-card{padding:18px 15px}.confirmation-card h3{font-size:17px;margin-bottom:12px}.confirmation-details{padding:12px;margin-bottom:15px}.confirmation-details p{font-size:12px;margin:6px 0}.confirmation-details .points-info{flex-direction:column;align-items:flex-start;gap:4px}.confirmation-details .points-info .separator{display:none}.destinataire-section h4{font-size:14px;margin-bottom:12px}.destinataire-options{gap:10px}.destinataire-option{padding:12px}.destinataire-option .option-label{font-size:13px}.destinataire-option .option-value{font-size:12px}.numero-input-section{padding:12px;margin-top:12px}.numero-input-section label{font-size:13px}.numero-input{padding:10px 12px;font-size:14px}.input-hint{font-size:11px}.confirmation-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{padding:10px 18px;font-size:14px}}@media(max-width:360px){.page-header h1{font-size:16px}.exchange-type-card{padding:20px 15px}.exchange-type-icon{font-size:42px}.exchange-type-icon svg{width:42px;height:42px}.exchange-type-card h3{font-size:16px}.forfait-header h3{font-size:18px}.price-value,.argent-montant{font-size:20px}.points-banner .points-value{font-size:22px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.destinataire-modal h2{margin:0 0 8px;color:#333;font-size:24px;text-align:center}.modal-subtitle{margin:0 0 24px;color:#666;font-size:14px;text-align:center}.destinataire-choice-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.destinataire-choice-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .3s}.destinataire-choice-card:hover{background:#eef5ff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.destinataire-icon{font-size:48px;margin-bottom:12px;color:#667eea;display:flex;justify-content:center}.destinataire-icon svg{width:48px;height:48px}.destinataire-choice-card h3{margin:0 0 8px;color:#333;font-size:18px}.destinataire-choice-card p{margin:0;color:#666;font-size:13px}.modal-numero-section{margin-top:20px;padding:20px;background:#f5f7fa;border-radius:12px;animation:fadeIn .3s ease-out}.modal-numero-section label{display:block;margin-bottom:10px;color:#333;font-size:14px;font-weight:600}.modal-numero-section .numero-input{margin-bottom:8px}.modal-numero-section .btn-primary{margin-top:16px;width:100%}.modal-close-btn{width:100%;margin-top:16px}@media(max-width:480px){.modal-overlay{padding:15px}.modal-content{padding:24px 20px;border-radius:16px}.destinataire-modal h2{font-size:20px}.modal-subtitle{font-size:13px;margin-bottom:20px}.destinataire-choice-grid{gap:12px}.destinataire-choice-card{padding:20px 16px}.destinataire-icon{font-size:40px;margin-bottom:10px}.destinataire-icon svg{width:40px;height:40px}.destinataire-choice-card h3{font-size:16px}.destinataire-choice-card p{font-size:12px}.modal-numero-section{padding:16px}}.historique-container{min-height:100vh;background:#f5f7fa}.historique-content{max-width:1200px;margin:0 auto;padding:30px 20px}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.transaction-card:hover{box-shadow:0 4px 12px #00000026}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.transaction-type{display:flex;align-items:center;gap:10px}.transaction-icon{font-size:24px;display:flex;align-items:center;justify-content:center;color:#667eea}.transaction-icon svg{width:24px;height:24px}.transaction-label{font-size:16px;font-weight:600;color:#333}.transaction-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.transaction-status.delivered{background:#d4edda;color:#155724}.transaction-status.in-progress{background:#d1ecf1;color:#0c5460}.transaction-status.pending{background:#fff3cd;color:#856404}.transaction-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#666;font-size:14px}.detail-value{color:#333;font-size:14px;font-weight:500}.points-exchanged{color:#d63031;font-weight:600}.transaction-ussd{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.transaction-ussd small{color:#999;font-size:12px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:64px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#999}.empty-icon svg{width:64px;height:64px}.empty-state h3{margin:0 0 10px;color:#333;font-size:24px}.empty-state p{margin:0 0 30px;color:#666;font-size:16px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px}@media(max-width:1024px){.historique-content{padding:25px 20px}}@media(max-width:768px){.historique-content{padding:20px 15px}.transactions-list{gap:14px}.transaction-card{padding:18px 15px}.transaction-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px;padding-bottom:10px}.transaction-type{gap:8px}.transaction-icon{font-size:20px}.transaction-icon svg{width:20px;height:20px}.transaction-label{font-size:15px}.transaction-status{padding:5px 10px;font-size:11px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-label,.detail-value{font-size:13px}.transaction-ussd{margin-top:10px;padding-top:10px}.transaction-ussd small{font-size:11px}.empty-state{padding:50px 20px}.empty-icon{font-size:56px;margin-bottom:18px}.empty-icon svg{width:56px;height:56px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px;margin-bottom:25px}}@media(max-width:480px){.historique-content{padding:15px 12px}.transactions-list{gap:12px}.transaction-card{padding:15px 12px;border-radius:10px}.transaction-header{margin-bottom:12px;padding-bottom:8px;gap:8px}.transaction-type{gap:6px}.transaction-icon{font-size:18px}.transaction-icon svg{width:18px;height:18px}.transaction-label{font-size:14px}.transaction-status{padding:4px 8px;font-size:10px}.transaction-details{gap:6px}.detail-row{gap:3px}.detail-label,.detail-value{font-size:12px}.transaction-ussd{margin-top:8px;padding-top:8px}.transaction-ussd small{font-size:10px}.empty-state{padding:40px 15px;border-radius:12px}.empty-icon{font-size:48px;margin-bottom:15px}.empty-icon svg{width:48px;height:48px}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:20px}.loading{padding:30px;font-size:16px}.error-message{padding:10px;font-size:13px;margin-bottom:15px}}@media(max-width:360px){.historique-content,.transaction-card{padding:12px 10px}.transaction-label{font-size:13px}.transaction-status{font-size:9px;padding:3px 6px}.detail-label,.detail-value{font-size:11px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}}.mot-de-passe-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.mot-de-passe-content{max-width:600px;margin:0 auto;padding:30px 0}.password-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;text-align:center}.password-icon{font-size:4rem;color:#667eea;margin-bottom:20px}.password-icon svg{width:64px;height:64px}.password-card h2{margin:0 0 10px;color:#333;font-size:1.8rem;font-weight:600}.password-description{color:#666;margin:0 0 30px;font-size:.95rem;line-height:1.5}.password-form{text-align:left}.password-input-wrapper{position:relative}.form-input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s;box-sizing:border-box}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:1.3rem;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:#667eea}.toggle-password svg{width:20px;height:20px}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:10px;font-size:.9rem;text-align:center;margin-bottom:20px;font-weight:500}.success-message{padding:12px;background-color:#efe;color:#3c3;border-radius:10px;font-size:.9rem;text-align:center;margin-bottom:20px;font-weight:500}@media(max-width:768px){.mot-de-passe-container{padding:15px}.mot-de-passe-content{padding:20px 0}.password-card{padding:30px 20px}.password-icon{font-size:3rem;margin-bottom:15px}.password-icon svg{width:48px;height:48px}.password-card h2{font-size:1.5rem}.password-description{font-size:.9rem;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem}.form-input{padding:11px 40px 11px 14px;font-size:.95rem}.btn-submit{padding:12px 20px;font-size:.95rem}}@media(max-width:480px){.password-card{padding:25px 15px}.password-icon{font-size:2.5rem}.password-icon svg{width:40px;height:40px}.password-card h2{font-size:1.3rem}.password-description,.form-group label{font-size:.85rem}.form-input{padding:10px 38px 10px 12px;font-size:.9rem}.toggle-password{font-size:1.1rem}.input-hint{font-size:.8rem}.btn-submit{padding:11px 18px;font-size:.9rem}}.aide-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.aide-content{max-width:1000px;margin:0 auto;padding:30px 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.info-card{background:#fff;border:none;border-radius:20px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0000001a}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.info-icon{font-size:4rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.info-icon svg{width:64px;height:64px}.info-card h3{margin:0 0 15px;color:#333;font-size:1.5rem;font-weight:600;line-height:1.3}.info-card p{margin:0;color:#666;font-size:1rem;line-height:1.6}@media(max-width:768px){.aide-container{padding:15px}.aide-content{padding:20px 0}.info-grid{grid-template-columns:1fr;gap:20px}.info-card{padding:35px 25px}.info-icon{font-size:3rem;margin-bottom:18px}.info-icon svg{width:48px;height:48px}.info-card h3{font-size:1.3rem;margin-bottom:12px}.info-card p{font-size:.95rem}}@media(max-width:480px){.info-grid{gap:15px}.info-card{padding:30px 20px}.info-icon{font-size:2.5rem;margin-bottom:15px}.info-icon svg{width:40px;height:40px}.info-card h3{font-size:1.2rem;margin-bottom:10px}.info-card p{font-size:.9rem}}.grilles-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.grilles-content{max-width:1000px;margin:0 auto;padding:30px 0}.grille-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.grille-header{text-align:center;margin-bottom:30px}.grille-icon{font-size:4rem;color:#667eea;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.grille-icon svg{width:64px;height:64px}.grille-header h2{margin:0 0 10px;color:#333;font-size:2rem;font-weight:600}.grille-header p{margin:0;color:#666;font-size:1.1rem}.grille-table{overflow-x:auto}.grille-table table{width:100%;border-collapse:collapse}.grille-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.grille-table thead th{padding:15px;color:#fff;font-weight:600;text-align:left;font-size:1rem}.grille-table thead th:first-child{border-radius:10px 0 0}.grille-table thead th:last-child{border-radius:0 10px 0 0}.grille-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.grille-table tbody tr:hover{background:#f8f9fa}.grille-table tbody tr:last-child{border-bottom:none}.grille-table tbody td{padding:18px 15px;color:#333;font-size:1rem}.grille-table .valeur{font-weight:600;color:#667eea;font-size:1.1rem}.grille-table .points{font-weight:600;color:#764ba2}.grille-table .duree{color:#666}.info-note{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000001a;border-left:5px solid #667eea}.info-note p{margin:0;color:#666;font-size:1rem;line-height:1.6}.info-note strong{color:#333}@media(max-width:768px){.grilles-container{padding:15px}.grilles-content{padding:20px 0}.grille-section{padding:30px 20px;margin-bottom:25px}.grille-icon{font-size:3rem;margin-bottom:12px}.grille-icon svg{width:48px;height:48px}.grille-header h2{font-size:1.7rem}.grille-header p{font-size:1rem}.grille-table thead th{padding:12px 10px;font-size:.9rem}.grille-table tbody td{padding:15px 10px;font-size:.95rem}.grille-table .valeur{font-size:1rem}.info-note{padding:20px}.info-note p{font-size:.95rem}}@media(max-width:480px){.grille-section{padding:25px 15px}.grille-icon{font-size:2.5rem}.grille-icon svg{width:40px;height:40px}.grille-header h2{font-size:1.5rem}.grille-header p{font-size:.95rem}.grille-table thead th{padding:10px 8px;font-size:.85rem}.grille-table tbody td{padding:12px 8px;font-size:.9rem}.grille-table .valeur{font-size:.95rem}.info-note{padding:18px 15px}.info-note p{font-size:.9rem}}.point-perfo-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.point-perfo-content{max-width:1000px;margin:0 auto;padding:30px 0}.intro-section{background:#fff;border-radius:20px;padding:50px 40px;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px #0003}.intro-section h2{margin:0 0 20px;color:#333;font-size:2.5rem;font-weight:700}.intro-text{margin:0 auto;color:#666;font-size:1.15rem;line-height:1.8;max-width:800px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:30px}.feature-card{background:#fff;border-radius:20px;padding:35px;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.feature-icon{font-size:3.5rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:56px;height:56px}.feature-card h3{margin:0 0 15px;color:#333;font-size:1.4rem;font-weight:600}.feature-card p{margin:0;color:#666;font-size:1rem;line-height:1.6;text-align:justify}.how-it-works{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.how-it-works h2{margin:0 0 30px;color:#333;font-size:2rem;font-weight:600;text-align:center}.steps-list{display:flex;flex-direction:column;gap:25px}.step-item{display:flex;align-items:flex-start;gap:20px}.step-content h4{margin:0 0 8px;color:#333;font-size:1.2rem;font-weight:600}.step-content p{margin:0;color:#666;font-size:1rem;line-height:1.6;text-align:justify}.cta-section{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 30px #0003}.cta-section h3{margin:0 0 25px;color:#333;font-size:1.8rem;font-weight:600}.btn-cta{padding:16px 50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}@media(max-width:768px){.point-perfo-container{padding:15px}.point-perfo-content{padding:20px 0}.intro-section{padding:40px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-section h2{font-size:2rem;margin-bottom:18px}.intro-text{font-size:1.05rem;line-height:1.7}.features-grid{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.feature-card{padding:30px 25px}.feature-icon{font-size:3rem;margin-bottom:18px}.feature-icon svg{width:48px;height:48px}.feature-card h3{font-size:1.3rem;margin-bottom:12px}.feature-card p{font-size:.95rem}.how-it-works{padding:30px 25px;margin-bottom:25px}.how-it-works h2{font-size:1.7rem;margin-bottom:25px}.steps-list{gap:20px}.step-item{gap:18px}.step-number{width:45px;height:45px;font-size:1.3rem}.step-content h4{font-size:1.1rem}.step-content p{font-size:.95rem}.cta-section{padding:35px 25px}.cta-section h3{font-size:1.6rem;margin-bottom:20px}.btn-cta{padding:14px 40px;font-size:1rem}}@media(max-width:480px){.intro-section{padding:35px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-section h2{font-size:1.8rem}.intro-text{font-size:1rem}.feature-card{padding:25px 20px}.feature-icon{font-size:2.5rem}.feature-icon svg{width:40px;height:40px}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}.how-it-works{padding:25px 20px}.how-it-works h2{font-size:1.5rem}.step-item{gap:15px}.step-number{width:40px;height:40px;font-size:1.2rem}.step-content h4{font-size:1rem}.step-content p{font-size:.9rem}.cta-section{padding:30px 20px}.cta-section h3{font-size:1.4rem}.btn-cta{padding:12px 35px;font-size:.95rem}}.bande-explications-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003;text-align:center}.bande-explications-section h3{margin:0 0 25px;color:#333;font-size:1.8rem;font-weight:600}.bande-image-container{display:flex;justify-content:center;align-items:center}.bande-explications-image{max-width:100%;height:auto;border-radius:0;box-shadow:0 4px 15px #0000001a}@media(max-width:768px){.bande-explications-section{padding:30px 20px;margin-bottom:25px}.bande-explications-section h3{font-size:1.5rem;margin-bottom:20px}.bande-explications-image{border-radius:0}}@media(max-width:480px){.bande-explications-section{padding:25px 15px}.bande-explications-section h3{font-size:1.3rem;margin-bottom:15px}.bande-explications-image{border-radius:0}}.ma-bande-section{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.ma-bande-section h3{margin:0 0 20px;color:#333;font-size:1.5rem;font-weight:600;text-align:center}.bande-intro-text{text-align:center;color:#555;font-size:1rem;line-height:1.6;margin:0 0 20px}.bande-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bande-info-item{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:20px;text-align:center;border:2px solid rgba(102,126,234,.2)}.bande-info-label{display:block;color:#666;font-size:.9rem;margin-bottom:8px}.bande-info-value{display:block;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text,.no-data-text{text-align:center;color:#666;padding:20px}.objectifs-section{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.objectifs-section h3{margin:0 0 25px;color:#333;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.objectifs-section .section-icon{color:#667eea;font-size:1.3rem}.objectif-detail{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:15px;padding:20px;margin-bottom:15px;border-left:4px solid #667eea}.objectif-detail:last-child{margin-bottom:0}.objectif-detail-header{font-size:.85rem;color:#666;text-transform:uppercase;font-weight:600;margin-bottom:10px}.objectif-detail-content{display:flex;align-items:center;gap:15px;margin-bottom:10px}.objectif-montant{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.objectif-reward{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.objectif-description{margin:0;color:#555;font-size:.95rem;line-height:1.5}@media(max-width:480px){.objectifs-section{padding:20px}.objectifs-section h3{font-size:1.3rem}.objectif-detail{padding:15px}.objectif-montant{font-size:1.3rem}.objectif-reward{font-size:.8rem;padding:4px 10px}}@media(max-width:480px){.ma-bande-section{padding:20px}.ma-bande-section h3{font-size:1.3rem}.bande-info-grid{grid-template-columns:1fr;gap:15px}.bande-info-value{font-size:1.3rem}}.objectif-progress{margin-top:15px}.progress-amounts{display:flex;justify-content:space-between;font-size:.9rem;color:#666;margin-bottom:8px}.progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;transition:width .5s ease}.progress-fill.achieved{background:linear-gradient(135deg,#28a745,#20c997)}.progress-status{font-size:.85rem;color:#666}.progress-status.achieved{color:#28a745;font-weight:600}@media(max-width:480px){.progress-amounts{font-size:.8rem}.progress-bar{height:10px}.progress-status{font-size:.8rem}}.mes-achats-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.mes-achats-content{max-width:900px;margin:0 auto;padding:30px 0}.achats-header{text-align:center;margin-bottom:40px}.achats-icon{font-size:5rem;color:#fff;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.achats-icon svg{width:80px;height:80px}.achats-header h2{color:#fff;margin:0 0 10px;font-size:2.2rem;font-weight:600}.achats-header p{color:#ffffffe6;margin:0;font-size:1.1rem}.achats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.achat-card{background:#fff;border:2px solid transparent;border-radius:20px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #0000001a;position:relative;overflow:hidden}.achat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.achat-card:hover:before{transform:scaleX(1)}.achat-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #667eea33;border-color:#667eea}.achat-icon{font-size:4rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);width:100px;height:100px;border-radius:50%;margin-left:auto;margin-right:auto;transition:all .3s ease}.achat-card:hover .achat-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#667eea33,#764ba233)}.achat-icon svg{width:64px;height:64px}.achat-card h3{margin:0 0 15px;color:#333;font-size:1.5rem;font-weight:600;line-height:1.3}.achat-card p{margin:0;color:#666;font-size:1rem;line-height:1.6}@media(max-width:768px){.mes-achats-container{padding:15px}.mes-achats-content{padding:20px 0}.achats-header{margin-bottom:30px}.achats-icon{font-size:4rem;margin-bottom:18px}.achats-icon svg{width:64px;height:64px}.achats-header h2{font-size:1.9rem}.achats-header p{font-size:1rem}.achats-grid{grid-template-columns:1fr;gap:20px}.achat-card{padding:35px 25px}.achat-icon{font-size:3rem;margin-bottom:18px}.achat-icon svg{width:48px;height:48px}.achat-card h3{font-size:1.3rem;margin-bottom:12px}.achat-card p{font-size:.95rem}}@media(max-width:480px){.achats-icon{font-size:3.5rem}.achats-icon svg{width:56px;height:56px}.achats-header h2{font-size:1.7rem}.achats-header p{font-size:.95rem}.achats-grid{gap:15px}.achat-card{padding:30px 20px}.achat-icon{font-size:2.5rem;margin-bottom:15px}.achat-icon svg{width:40px;height:40px}.achat-card h3{font-size:1.2rem;margin-bottom:10px}.achat-card p{font-size:.9rem}}.mes-transactions-container{min-height:100vh;background:#f5f7fa}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px}.btn-back{background:#fff3;color:#fff;border:1px solid white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-back:hover{background:#ffffff4d}.btn-home{background:#fff3;color:#fff;border:1px solid white;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-home:hover{background:#ffffff4d}.page-header h1{margin:0;font-size:24px}.mes-transactions-content{max-width:1200px;margin:0 auto;padding:30px 20px}.transactions-header{text-align:center;margin-bottom:40px}.transactions-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;margin-bottom:20px;font-size:36px;color:#667eea}.transactions-header h2{margin:0 0 10px;color:#333;font-size:28px}.transactions-header p{margin:0;color:#666;font-size:16px}.date-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.date-filter-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.date-field{display:flex;align-items:center;gap:10px}.date-filter label{display:flex;align-items:center;gap:6px;font-weight:600;color:#333;font-size:14px;white-space:nowrap}.date-filter label svg{color:#667eea;font-size:16px}.date-input{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#f9f9f9;cursor:pointer;transition:border-color .2s,box-shadow .2s}.date-input:hover{border-color:#667eea}.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.btn-clear-date{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-clear-date:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.error-message{padding:16px;background-color:#fee;color:#c33;border-radius:12px;font-size:14px;text-align:center;margin:20px auto;max-width:600px}.no-transactions{text-align:center;padding:60px 20px;color:#999}.no-transactions-icon{font-size:64px;margin-bottom:20px;color:#ccc}.no-transactions p{font-size:18px;margin:0}.transactions-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.transactions-table th{padding:16px 12px;text-align:left;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.transactions-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table tbody tr:hover{background-color:#f8f9fa}.transactions-table td{padding:14px 12px;font-size:14px;color:#333}.transactions-table .amount-cell{font-weight:700;color:#667eea}.transactions-table tr.transaction-achat .amount-cell{color:#28a745}.transactions-table tr.transaction-echange .amount-cell{color:#ff9800}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.type-badge.transaction-achat{background:linear-gradient(135deg,#28a745,#20c997)}.type-badge.transaction-echange{background:linear-gradient(135deg,#ff9800,#f57c00)}.type-badge.transaction-autre{background:linear-gradient(135deg,#667eea,#764ba2)}.volume-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.status-delivered{background:linear-gradient(135deg,#28a745,#20c997)}.status-pending{background:linear-gradient(135deg,#ff9800,#f57c00)}@media(max-width:768px){.page-header{padding:18px 15px}.page-header h1{font-size:20px}.mes-transactions-content{padding:20px 15px}.transactions-header{margin-bottom:30px}.transactions-icon{width:70px;height:70px;font-size:32px;margin-bottom:15px}.transactions-header h2{font-size:24px}.transactions-header p{font-size:14px}.date-filter{padding:14px 16px;gap:12px}.date-filter-row{gap:15px}.date-field{gap:8px}.date-filter label{font-size:13px}.date-input{padding:8px 12px;font-size:13px}.btn-clear-date{padding:8px 14px;font-size:12px}.transactions-table-container{overflow-x:auto}.transactions-table{min-width:700px}.transactions-table th,.transactions-table td{padding:12px 10px;font-size:13px}}@media(max-width:480px){.page-header{padding:15px 12px;flex-direction:column;align-items:flex-start;gap:10px}.page-header h1{font-size:18px}.btn-back{padding:6px 12px;font-size:13px}.mes-transactions-content{padding:15px 12px}.transactions-header{margin-bottom:25px}.transactions-icon{width:60px;height:60px;font-size:28px;margin-bottom:12px}.transactions-header h2{font-size:20px}.transactions-header p{font-size:13px}.date-filter{padding:15px 12px;gap:12px}.date-filter-row{flex-direction:column;width:100%;gap:12px}.date-field{width:100%;flex-direction:column;align-items:flex-start;gap:6px}.date-filter label{font-size:12px}.date-input{width:100%;padding:10px 12px}.btn-clear-date{width:100%;padding:10px 14px}.transactions-table-container{background:transparent;box-shadow:none;overflow:visible}.transactions-table,.transactions-table thead,.transactions-table tbody,.transactions-table th,.transactions-table td,.transactions-table tr{display:block}.transactions-table{min-width:100%}.transactions-table thead{display:none}.transactions-table tbody tr{background:#fff;border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px #00000014;padding:12px;border:none;border-left:4px solid #667eea}.transactions-table tbody tr.transaction-achat{border-left-color:#28a745}.transactions-table tbody tr.transaction-echange{border-left-color:#ff9800}.transactions-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.transactions-table td:last-child{border-bottom:none}.transactions-table td:before{content:attr(data-label);font-weight:600;color:#666;font-size:12px;text-transform:uppercase}.volume-badge,.type-badge{font-size:10px;padding:3px 8px}.loading,.no-transactions{padding:40px 15px}.no-transactions-icon{font-size:48px}.no-transactions p{font-size:16px}}.acheter-forfait-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.acheter-forfait-content{max-width:800px;margin:0 auto;padding:30px 0}.procedure-airtel-money{background:#fff;border-radius:20px;padding:30px;margin-bottom:25px;box-shadow:0 10px 30px #0003;border-left:5px solid #ff6b35}.procedure-intro{font-size:1.1rem;color:#333;font-weight:600;margin:0 0 20px}.procedure-steps{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px}.procedure-steps p{margin:8px 0;color:#444;font-size:1rem;line-height:1.6}.procedure-steps strong{color:#667eea}.procedure-footer{text-align:center;padding-top:15px;border-top:1px dashed #ddd}.procedure-footer p{margin:5px 0;color:#666;font-size:.95rem}.procedure-footer .tarif-code{font-size:1.2rem}.procedure-footer .tarif-code strong{color:#667eea;background:#f0f2ff;padding:5px 15px;border-radius:8px}.achat-form{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:1rem}.form-input{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-input.readonly{background:#f5f5f5;color:#666;cursor:not-allowed}.form-input::placeholder{color:#aaa}.btn-valider{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-valider:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-valider:disabled{opacity:.7;cursor:not-allowed}.form-message{padding:12px 16px;border-radius:10px;margin-bottom:15px;font-size:.95rem;background:#e8f5e9;color:#2e7d32;text-align:center}.form-message.error{background:#ffebee;color:#c62828}.coming-soon-card{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 10px 30px #0003}.coming-soon-icon{font-size:5rem;color:#667eea;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.coming-soon-icon svg{width:100px;height:100px}.coming-soon-card h2{margin:0 0 20px;color:#333;font-size:2.2rem;font-weight:700}.coming-soon-text{margin:0 0 15px;color:#666;font-size:1.2rem;line-height:1.6}.coming-soon-subtext{margin:0;color:#999;font-size:1rem;font-style:italic}.options-section{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.option-card{background:#fff;border-radius:20px;padding:30px;display:flex;align-items:center;gap:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003}.option-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.option-card:active{transform:translateY(-2px)}.option-icon{flex-shrink:0;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.option-icon svg{width:35px;height:35px}.option-content h3{margin:0 0 8px;color:#333;font-size:1.4rem;font-weight:600}.option-content p{margin:0;color:#666;font-size:1rem;line-height:1.5}.ussd-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.ussd-section h3{margin:0 0 30px;color:#333;font-size:1.8rem;font-weight:600;text-align:center}.step-card{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding:25px;background:#f8f9fa;border-radius:15px}.step-card:last-child{margin-bottom:0}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content h4{margin:0 0 10px;color:#333;font-size:1.2rem;font-weight:600}.step-content p{margin:0;color:#666;font-size:1rem;line-height:1.6}.ussd-code{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 40px;border-radius:50px;font-size:2rem;font-weight:700;letter-spacing:3px;margin:15px 0;box-shadow:0 4px 15px #667eea66}.info-box{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000001a;border-left:5px solid #667eea;display:flex;gap:20px;align-items:flex-start}.info-icon{flex-shrink:0;font-size:3rem;color:#667eea}.info-icon svg{width:48px;height:48px}.info-content h4{margin:0 0 15px;color:#333;font-size:1.3rem;font-weight:600}.info-content ul{margin:0;padding-left:20px;color:#666;font-size:1rem;line-height:1.8}.info-content li{margin-bottom:8px}.cta-section{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 30px #0003}.cta-section p{margin:0 0 20px;color:#666;font-size:1.1rem}.btn-cta{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}@media(max-width:768px){.acheter-forfait-container{padding:15px}.acheter-forfait-content{padding:20px 0}.procedure-airtel-money{padding:25px 20px;margin-bottom:20px}.procedure-intro{font-size:1rem}.procedure-steps{padding:15px}.procedure-steps p{font-size:.95rem}.achat-form{padding:30px 25px}.form-input{padding:12px 15px}.btn-valider{padding:14px;font-size:1rem}.intro-card{padding:30px 25px;margin-bottom:25px}.coming-soon-card{padding:50px 25px}.coming-soon-icon svg{width:80px;height:80px}.coming-soon-card h2{font-size:1.8rem}.coming-soon-text{font-size:1.1rem}.coming-soon-subtext{font-size:.95rem}.options-section{gap:15px;margin-bottom:25px}.option-card{padding:25px 20px;gap:20px}.option-icon{width:60px;height:60px}.option-icon svg{width:30px;height:30px}.option-content h3{font-size:1.2rem}.option-content p{font-size:.95rem}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.ussd-section{padding:30px 25px;margin-bottom:25px}.ussd-section h3{font-size:1.6rem;margin-bottom:25px}.step-card{padding:20px;margin-bottom:25px;gap:18px}.step-number{width:45px;height:45px;font-size:1.3rem}.step-content h4{font-size:1.1rem}.ussd-code{font-size:1.8rem;padding:12px 35px}.info-box{padding:25px 20px;margin-bottom:25px;gap:15px}.info-icon{font-size:2.5rem}.info-icon svg{width:40px;height:40px}.info-content h4{font-size:1.2rem}.info-content ul{font-size:.95rem}.cta-section{padding:25px 20px}.cta-section p{font-size:1rem}.btn-cta{padding:12px 35px;font-size:.95rem}}@media(max-width:480px){.achat-form{padding:25px 20px}.form-group{margin-bottom:16px}.form-group label{font-size:.95rem}.form-input{padding:11px 14px;font-size:.95rem}.btn-valider{padding:13px;font-size:.95rem}.coming-soon-card{padding:40px 20px}.coming-soon-icon svg{width:70px;height:70px}.coming-soon-card h2{font-size:1.5rem}.coming-soon-text{font-size:1rem}.coming-soon-subtext{font-size:.9rem}.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.options-section{gap:12px}.option-card{padding:20px 15px;gap:15px}.option-icon{width:50px;height:50px}.option-icon svg{width:25px;height:25px}.option-content h3{font-size:1.1rem}.option-content p{font-size:.9rem}.ussd-section{padding:25px 20px}.ussd-section h3{font-size:1.4rem}.step-card{padding:18px 15px;gap:15px}.step-number{width:40px;height:40px;font-size:1.2rem}.step-content h4{font-size:1rem}.step-content p{font-size:.9rem}.ussd-code{font-size:1.6rem;padding:10px 30px}.info-box{flex-direction:column;padding:20px 15px}.info-icon{font-size:2rem}.info-icon svg{width:32px;height:32px}.info-content h4{font-size:1.1rem}.info-content ul{font-size:.9rem}.cta-section{padding:20px 15px}.btn-cta{padding:11px 30px;font-size:.9rem}}.forfait-non-recu-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.forfait-non-recu-content{max-width:700px;margin:0 auto;padding:30px 0}.alert-card{background:#fff;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px #0003;border-top:5px solid #ff9800}.alert-icon{font-size:5rem;color:#ff9800;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:80px;height:80px}.alert-card h2{margin:0 0 15px;color:#333;font-size:2rem;font-weight:600}.alert-text{margin:0;color:#666;font-size:1.1rem;line-height:1.6}.reclamation-form{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s;box-sizing:border-box;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:120px}.contact-info{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 5px 20px #0000001a}.contact-info h4{margin:0 0 10px;color:#333;font-size:1.3rem;font-weight:600}.contact-info p{margin:0;color:#666;font-size:1.1rem}.contact-info strong{color:#667eea;font-size:1.3rem}@media(max-width:768px){.forfait-non-recu-container{padding:15px}.forfait-non-recu-content{padding:20px 0}.alert-card{padding:30px 25px;margin-bottom:25px}.alert-icon{font-size:4rem;margin-bottom:18px}.alert-icon svg{width:64px;height:64px}.alert-card h2{font-size:1.7rem}.alert-text{font-size:1rem}.reclamation-form{padding:30px 25px;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem}.form-input,.form-textarea{padding:11px 14px;font-size:.95rem}.btn-submit{padding:12px 20px;font-size:.95rem}.contact-info{padding:25px 20px}.contact-info h4{font-size:1.2rem}.contact-info p{font-size:1rem}.contact-info strong{font-size:1.2rem}.success-card{padding:40px 25px}.success-icon{font-size:5rem;margin-bottom:20px}.success-icon svg{width:80px;height:80px}.success-card h2{font-size:1.9rem}.success-card p{font-size:1rem}}@media(max-width:480px){.alert-card{padding:25px 20px}.alert-icon{font-size:3.5rem}.alert-icon svg{width:56px;height:56px}.alert-card h2{font-size:1.5rem}.alert-text{font-size:.95rem}.reclamation-form{padding:25px 20px}.form-group label{font-size:.85rem}.form-input,.form-textarea{padding:10px 12px;font-size:.9rem}.input-hint{font-size:.8rem}.btn-submit{padding:11px 18px;font-size:.9rem}.contact-info{padding:20px 15px}.contact-info h4{font-size:1.1rem}.contact-info p{font-size:.95rem}.contact-info strong{font-size:1.1rem}.success-card{padding:35px 20px}.success-icon{font-size:4rem}.success-icon svg{width:64px;height:64px}.success-card h2{font-size:1.7rem}.success-card p{font-size:.95rem}.redirect-info{font-size:.9rem!important}}.mes-parrainages-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.mes-parrainages-content{max-width:900px;margin:0 auto;padding:30px 0}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.action-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;text-align:center;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #667eea40;border-color:#667eea}.action-icon{font-size:4rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);width:100px;height:100px;border-radius:50%;margin-left:auto;margin-right:auto;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#667eea33,#764ba233)}.action-icon.deactivate{color:#f44336;background:#f443361a}.action-card:hover .action-icon.deactivate{background:#f4433633}.action-icon svg{width:64px;height:64px}.action-card h3{margin:0 0 15px;color:#333;font-size:1.5rem;font-weight:600}.action-card p{margin:0;color:#666;font-size:1rem;line-height:1.6}@media(max-width:768px){.mes-parrainages-container{padding:15px}.mes-parrainages-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.actions-grid{grid-template-columns:1fr;gap:15px}.action-card{padding:30px 25px}.action-icon{font-size:3.5rem}.action-icon svg{width:56px;height:56px}.action-card h3{font-size:1.3rem}.action-card p{font-size:.95rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.action-card{padding:25px 20px}.action-icon{font-size:3rem}.action-icon svg{width:48px;height:48px}.action-card h3{font-size:1.2rem}.action-card p{font-size:.9rem}}.parrainer-client-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.parrainer-client-content{max-width:700px;margin:0 auto;padding:30px 0}.intro-icon{font-size:5rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.parrainage-form{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.info-box{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a;border-left:5px solid #667eea}.link-text{color:#667eea;cursor:pointer;text-decoration:underline;font-weight:600;transition:color .2s}.link-text:hover{color:#764ba2}@media(max-width:768px){.parrainer-client-container{padding:15px}.parrainer-client-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.parrainage-form{padding:30px 25px;margin-bottom:25px}.info-box{padding:25px 20px}.info-box h4{font-size:1.2rem}.info-box ul{font-size:.95rem}.success-card{padding:40px 25px}.success-icon{font-size:5rem;margin-bottom:20px}.success-icon svg{width:80px;height:80px}.success-card h2{font-size:1.9rem}.success-card p{font-size:1rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.parrainage-form{padding:25px 20px}.form-group label{font-size:.85rem}.form-input{padding:10px 12px;font-size:.9rem}.input-hint{font-size:.8rem}.btn-submit{padding:11px 18px;font-size:.9rem}.info-box{padding:20px 15px}.info-box h4{font-size:1.1rem}.info-box ul{font-size:.9rem;padding-left:20px}.success-card{padding:35px 20px}.success-icon{font-size:4rem}.success-icon svg{width:64px;height:64px}.success-card h2{font-size:1.7rem}.success-card p{font-size:.95rem}.redirect-info{font-size:.9rem!important}}.consulter-gains-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.consulter-gains-content{max-width:1000px;margin:0 auto;padding:30px 0}.error-message{background:#ff6b6b;color:#fff;padding:20px;border-radius:15px;text-align:center;margin:20px 0}.parrain-info-card{background:#fff;border-radius:20px;padding:25px 30px;box-shadow:0 10px 30px #0003;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.parrain-badge{display:flex;align-items:center;gap:15px}.rang-badge{padding:10px 20px;border-radius:30px;font-weight:700;font-size:1.2rem;text-transform:uppercase}.rang-badge.ps{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.rang-badge.pp{background:linear-gradient(135deg,#fdcb6e,#f39c12);color:#fff}.rang-badge.spp{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.rang-badge.client{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.rang-label{font-size:1.1rem;color:#666;font-weight:500}.parrain-details{display:flex;flex-wrap:wrap;gap:15px 30px}.parrain-details p{margin:0;color:#555;font-size:.95rem}.parrain-details strong{color:#333}.stat-card.warning{background:linear-gradient(135deg,#fdcb6e,#f39c12);color:#fff}.stat-card.warning .stat-icon{color:#fff}.stat-card.warning .stat-label{color:#ffffffe6}.stat-card.warning .stat-value{color:#fff}.historique-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;margin-top:25px}.historique-card h3{margin:0 0 25px;color:#333;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.historique-card h3 svg{color:#667eea}.historique-list{display:flex;flex-direction:column;gap:12px}.historique-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.historique-item.pending{border-left-color:#f39c12}.historique-item.paid{border-left-color:#27ae60}.historique-info{display:flex;flex-direction:column;gap:5px}.historique-type{font-weight:600;color:#333;font-size:.95rem}.historique-client{color:#667eea;font-size:.9rem}.historique-date{color:#999;font-size:.85rem}.historique-montant{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.historique-montant .montant{font-weight:700;font-size:1.1rem}.historique-montant .montant.paid{color:#27ae60}.historique-montant .montant.pending{color:#f39c12}.statut-badge{padding:4px 10px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase}.statut-badge.paid{background:#d4edda;color:#27ae60}.statut-badge.pending{background:#fff3cd;color:#856404}.stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;display:flex;align-items:center;gap:20px}.stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:span 2}.stat-icon{font-size:3rem;color:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.primary .stat-icon{color:#fff}.stat-icon svg{width:48px;height:48px}.stat-info{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.95rem;color:#666;font-weight:500}.stat-card.primary .stat-label{color:#ffffffe6}.stat-value{font-size:1.8rem;font-weight:700;color:#333}.stat-card.primary .stat-value{color:#fff;font-size:2.2rem}.blocks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.block-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px #0003;text-align:center;cursor:pointer;border:none;transition:transform .3s,box-shadow .3s}.block-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000040}.block-icon{font-size:4rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.block-icon svg{width:64px;height:64px}.block-card h3{margin:0 0 15px;color:#333;font-size:1.5rem;font-weight:600}.block-card p{margin:0;color:#666;font-size:1rem;line-height:1.5}.team-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.section-header{margin-bottom:30px;text-align:center}.section-header h2{margin:0 0 10px;color:#333;font-size:2rem;font-weight:600}.section-header p{margin:0;color:#666;font-size:1rem}.team-list{display:flex;flex-direction:column;gap:20px}.team-member-card{background:#f8f9fa;border-radius:15px;padding:25px;border-left:4px solid #667eea;transition:transform .3s,box-shadow .3s}.team-member-card:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.member-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.member-icon{font-size:2.5rem;color:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-icon svg{width:40px;height:40px}.member-info h3{margin:0 0 5px;color:#333;font-size:1.3rem;font-weight:600}.member-msisdn{margin:0;color:#667eea;font-size:1rem;font-weight:500}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-stat{display:flex;flex-direction:column;gap:5px}.member-stat .stat-label{font-size:.85rem;color:#999}.member-stat .stat-value{font-size:1.1rem;color:#333;font-weight:600}.member-stat .stat-value.highlight{color:#667eea;font-size:1.2rem;font-weight:700}.summary-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003}.summary-card h3{margin:0 0 30px;color:#333;font-size:1.8rem;font-weight:600;text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.summary-item{display:flex;flex-direction:column;gap:10px;padding:20px;background:#f8f9fa;border-radius:15px;text-align:center}.summary-label{font-size:.9rem;color:#666;font-weight:500}.summary-value{font-size:1.3rem;color:#333;font-weight:700}.summary-value.highlight{color:#667eea;font-size:1.5rem}@media(max-width:1024px){.stats-overview,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.consulter-gains-container{padding:15px}.consulter-gains-content{padding:20px 0}.stats-overview{grid-template-columns:1fr;gap:15px}.stat-card{padding:25px}.stat-card.primary{grid-column:span 1}.stat-icon{font-size:2.5rem}.stat-icon svg{width:40px;height:40px}.stat-value{font-size:1.5rem}.stat-card.primary .stat-value{font-size:1.8rem}.block-card{padding:30px 25px}.block-icon{font-size:3rem}.block-icon svg{width:48px;height:48px}.block-card h3{font-size:1.3rem}.team-section{padding:30px 25px;margin-bottom:25px}.section-header h2{font-size:1.7rem}.member-stats{grid-template-columns:1fr;gap:15px}.summary-card{padding:30px 25px}.summary-card h3{font-size:1.6rem;margin-bottom:25px}.summary-grid{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.stat-card{padding:20px;flex-direction:column;text-align:center}.stat-icon{font-size:2rem}.stat-icon svg{width:32px;height:32px}.stat-label{font-size:.85rem}.stat-value{font-size:1.3rem}.stat-card.primary .stat-value{font-size:1.6rem}.team-section{padding:25px 20px}.section-header h2{font-size:1.5rem}.section-header p{font-size:.95rem}.team-member-card{padding:20px}.member-header{flex-direction:column;text-align:center}.member-info h3{font-size:1.2rem}.member-msisdn{font-size:.95rem}.member-stat .stat-label{font-size:.8rem}.member-stat .stat-value{font-size:1rem}.member-stat .stat-value.highlight{font-size:1.1rem}.summary-card{padding:25px 20px}.summary-card h3{font-size:1.4rem}.summary-item{padding:15px}.summary-label{font-size:.85rem}.summary-value{font-size:1.1rem}.summary-value.highlight{font-size:1.3rem}}.activer-ps-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.activer-ps-content{max-width:700px;margin:0 auto;padding:30px 0}.intro-icon{font-size:5rem;color:#4caf50;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.ps-form{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.95rem}.form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.input-hint{display:block;margin-top:6px;color:#666;font-size:.85rem;font-style:italic}.btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4caf5066}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:10px;font-size:.95rem;text-align:center;margin-bottom:16px}.info-box{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a;border-left:5px solid #4caf50}.info-box h4{margin:0 0 20px;color:#333;font-size:1.3rem;font-weight:600}.info-box ul{margin:0;padding-left:25px;color:#666;font-size:1rem;line-height:1.8}.info-box li{margin-bottom:12px}.info-box li:last-child{margin-bottom:0}@media(max-width:768px){.activer-ps-container{padding:15px}.activer-ps-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.ps-form{padding:30px 25px;margin-bottom:25px}.info-box{padding:25px 20px}.info-box h4{font-size:1.2rem}.info-box ul{font-size:.95rem}.success-card{padding:40px 25px}.success-icon{font-size:5rem;margin-bottom:20px}.success-icon svg{width:80px;height:80px}.success-card h2{font-size:1.9rem}.success-card p{font-size:1rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.ps-form{padding:25px 20px}.form-group label{font-size:.85rem}.form-input{padding:10px 12px;font-size:.9rem}.input-hint{font-size:.8rem}.btn-submit{padding:11px 18px;font-size:.9rem}.info-box{padding:20px 15px}.info-box h4{font-size:1.1rem}.info-box ul{font-size:.9rem;padding-left:20px}.success-card{padding:35px 20px}.success-icon{font-size:4rem}.success-icon svg{width:64px;height:64px}.success-card h2{font-size:1.7rem}.success-card p{font-size:.95rem}.redirect-info{font-size:.9rem!important}}.desactiver-ps-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.desactiver-ps-content{max-width:800px;margin:0 auto;padding:30px 0}.ps-list{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.ps-list h3{margin:0 0 25px;color:#333;font-size:1.5rem;font-weight:600}.ps-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:15px;margin-bottom:15px;border-left:4px solid #f44336}.ps-card:last-child{margin-bottom:0}.ps-info h4{margin:0 0 5px;color:#333;font-size:1.2rem;font-weight:600}.ps-msisdn{margin:0 0 10px;color:#667eea;font-size:1rem;font-weight:500}.ps-stats{display:flex;flex-direction:column;gap:5px}.ps-stats span{color:#666;font-size:.9rem}.btn-deactivate{padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-deactivate:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.ps-details{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px;text-align:left}.ps-details p{margin:0 0 10px;color:#666;font-size:1rem}.ps-details p:last-child{margin-bottom:0}.ps-details strong{color:#333;font-weight:600}@media(max-width:768px){.desactiver-ps-container{padding:15px}.desactiver-ps-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.ps-list{padding:30px 25px;margin-bottom:25px}.ps-list h3{font-size:1.3rem}.ps-card{flex-direction:column;align-items:flex-start;gap:15px}.btn-deactivate{width:100%}.info-box{padding:25px 20px}.info-box h4{font-size:1.2rem}.confirm-card{padding:40px 25px}.confirm-icon{font-size:4rem;margin-bottom:20px}.confirm-icon svg{width:64px;height:64px}.confirm-card h2{font-size:1.7rem}.confirm-text{font-size:1rem}.confirm-buttons{flex-direction:column;width:100%}.btn-cancel,.btn-confirm{width:100%}.success-card{padding:40px 25px}.success-icon{font-size:5rem;margin-bottom:20px}.success-icon svg{width:80px;height:80px}.success-card h2{font-size:1.9rem}.success-card p{font-size:1rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.ps-list{padding:25px 20px}.ps-list h3{font-size:1.2rem}.ps-card{padding:18px}.ps-info h4{font-size:1.1rem}.ps-msisdn{font-size:.95rem}.ps-stats span{font-size:.85rem}.btn-deactivate{font-size:.9rem}.info-box{padding:20px 15px}.info-box h4{font-size:1.1rem}.info-box p{font-size:.95rem}.confirm-card{padding:35px 20px}.confirm-icon{font-size:3.5rem}.confirm-icon svg{width:56px;height:56px}.confirm-card h2{font-size:1.5rem}.confirm-text{font-size:.95rem}.ps-details{padding:20px}.ps-details p{font-size:.9rem}.btn-cancel,.btn-confirm{padding:10px 20px;font-size:.9rem}.success-card{padding:35px 20px}.success-icon{font-size:4rem}.success-icon svg{width:64px;height:64px}.success-card h2{font-size:1.7rem}.success-card p{font-size:.95rem}.redirect-info{font-size:.9rem!important}}.retirer-filleul-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.retirer-filleul-content{max-width:800px;margin:0 auto;padding:30px 0}.loading{text-align:center;padding:40px;color:#fff;font-size:1.2rem}.intro-card{background:#fff;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px #0003}.intro-icon{font-size:5rem;color:#f44336;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.filleuls-list{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.filleuls-list h3{margin:0 0 25px;color:#333;font-size:1.5rem;font-weight:600}.filleul-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:15px;margin-bottom:15px;border-left:4px solid #f44336}.filleul-card:last-child{margin-bottom:0}.filleul-info h4{margin:0 0 5px;color:#333;font-size:1.2rem;font-weight:600}.filleul-msisdn{margin:0 0 10px;color:#667eea;font-size:1.1rem;font-weight:600}.filleul-stats{display:flex;flex-direction:column;gap:5px}.filleul-stats span{color:#666;font-size:.9rem}.btn-remove{padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-remove:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.empty-state{text-align:center;padding:40px;color:#999}.info-box{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a;border-left:5px solid #f44336}.info-box h4{margin:0 0 15px;color:#333;font-size:1.3rem;font-weight:600}.info-box p{margin:0;color:#666;font-size:1rem;line-height:1.8}.confirm-card{background:#fff;border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 10px 30px #0003}.confirm-icon{font-size:5rem;color:#f44336;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.confirm-icon svg{width:80px;height:80px}.confirm-card h2{margin:0 0 20px;color:#333;font-size:2rem;font-weight:600}.confirm-text{margin:0 0 30px;color:#666;font-size:1.1rem}.filleul-details{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:30px;text-align:left}.filleul-details p{margin:0 0 10px;color:#666;font-size:1rem}.filleul-details p:last-child{margin-bottom:0}.filleul-details strong{color:#333;font-weight:600}.confirm-buttons{display:flex;gap:15px;justify-content:center}.btn-cancel{padding:12px 30px;background:#e0e0e0;color:#333;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#d0d0d0}.btn-confirm{padding:12px 30px;background:#f44336;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-confirm:hover{background:#d32f2f;box-shadow:0 4px 15px #f4433666}.success-card{background:#fff;border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 10px 30px #0003;border-top:5px solid #4caf50}.success-icon{font-size:6rem;color:#4caf50;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.success-icon svg{width:96px;height:96px}.success-card h2{margin:0 0 20px;color:#333;font-size:2.2rem;font-weight:600}.success-card p{margin:0 0 15px;color:#666;font-size:1.1rem;line-height:1.7}.redirect-info{color:#999!important;font-size:.95rem!important;font-style:italic}@media(max-width:768px){.retirer-filleul-container{padding:15px}.retirer-filleul-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.filleuls-list{padding:30px 25px;margin-bottom:25px}.filleuls-list h3{font-size:1.3rem}.filleul-card{flex-direction:column;align-items:flex-start;gap:15px}.btn-remove{width:100%}.info-box{padding:25px 20px}.info-box h4{font-size:1.2rem}.confirm-card{padding:40px 25px}.confirm-icon{font-size:4rem;margin-bottom:20px}.confirm-icon svg{width:64px;height:64px}.confirm-card h2{font-size:1.7rem}.confirm-text{font-size:1rem}.confirm-buttons{flex-direction:column;width:100%}.btn-cancel,.btn-confirm{width:100%}.success-card{padding:40px 25px}.success-icon{font-size:5rem;margin-bottom:20px}.success-icon svg{width:80px;height:80px}.success-card h2{font-size:1.9rem}.success-card p{font-size:1rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.filleuls-list{padding:25px 20px}.filleuls-list h3{font-size:1.2rem}.filleul-card{padding:18px}.filleul-info h4{font-size:1.1rem}.filleul-msisdn{font-size:1rem}.filleul-stats span{font-size:.85rem}.btn-remove{font-size:.9rem}.info-box{padding:20px 15px}.info-box h4{font-size:1.1rem}.info-box p{font-size:.95rem}.confirm-card{padding:35px 20px}.confirm-icon{font-size:3.5rem}.confirm-icon svg{width:56px;height:56px}.confirm-card h2{font-size:1.5rem}.confirm-text{font-size:.95rem}.filleul-details{padding:20px}.filleul-details p{font-size:.9rem}.btn-cancel,.btn-confirm{padding:10px 20px;font-size:.9rem}.success-card{padding:35px 20px}.success-icon{font-size:4rem}.success-icon svg{width:64px;height:64px}.success-card h2{font-size:1.7rem}.success-card p{font-size:.95rem}.redirect-info{font-size:.9rem!important}}.autres-services-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.autres-services-content{max-width:700px;margin:0 auto;padding:30px 0}.intro-card{background:#fff;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.intro-icon{font-size:5rem;color:#667eea;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);width:120px;height:120px;border-radius:50%;margin-left:auto;margin-right:auto;transition:all .3s ease}.intro-icon svg{width:80px;height:80px}.intro-card h2{margin:0 0 15px;color:#333;font-size:2rem;font-weight:600}.intro-text{margin:0;color:#666;font-size:1.1rem;line-height:1.6}.services-info{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;text-align:center}.info-message{margin:0;color:#666;font-size:1.1rem;line-height:1.8}@media(max-width:768px){.autres-services-container{padding:15px}.autres-services-content{padding:20px 0}.intro-card{padding:30px 25px;margin-bottom:25px}.intro-icon{font-size:4rem;margin-bottom:18px}.intro-icon svg{width:64px;height:64px}.intro-card h2{font-size:1.7rem}.intro-text{font-size:1rem}.services-info{padding:30px 25px}.info-message{font-size:1rem}}@media(max-width:480px){.intro-card{padding:25px 20px}.intro-icon{font-size:3.5rem}.intro-icon svg{width:56px;height:56px}.intro-card h2{font-size:1.5rem}.intro-text{font-size:.95rem}.services-info{padding:25px 20px}.info-message{font-size:.95rem}}.details-bande-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.details-bande-content{max-width:800px;margin:0 auto;padding:20px 0}.bande-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a}.bande-header{border-bottom:2px solid #667eea;padding-bottom:15px;margin-bottom:25px}.bande-header h2{color:#667eea;margin:0;font-size:28px;font-weight:600}.bande-description-section{margin-bottom:25px}.bande-description-section h3{color:#333;font-size:20px;margin-bottom:15px;font-weight:600}.bande-description-text{background:#f8f9fa;padding:20px;border-radius:8px;line-height:1.6;color:#555;font-size:16px;white-space:pre-wrap}.bande-info-section{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px}.bande-info-section p{margin:8px 0;color:#666;font-size:14px}.bande-info-section strong{color:#333;font-weight:600}@media(max-width:768px){.details-bande-container{padding:15px}.bande-card{padding:20px}.bande-header h2{font-size:24px}.bande-description-section h3{font-size:18px}.bande-description-text{font-size:14px;padding:15px}}.performance-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.performance-container .page-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:15px 20px;margin-bottom:30px;display:flex;align-items:center;gap:15px}.performance-container .page-header h1{margin:0;color:#fff;font-size:20px;flex:1;text-align:center}.performance-container .btn-back{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.performance-container .btn-back:hover{background:#ffffff40}.performance-container .btn-home{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.performance-container .btn-home:hover{background:#ffffff40}.performance-container .btn-home svg{width:20px;height:20px}.performance-content{max-width:600px;margin:0 auto}.performance-hero{text-align:center;margin-bottom:30px}.performance-hero .hero-icon{font-size:60px;color:gold;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4));animation:pulse-trophy 2s ease-in-out infinite}@keyframes pulse-trophy{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.performance-hero .hero-icon svg{width:60px;height:60px}.performance-hero h2{color:#fff;font-size:24px;margin:0 0 10px;font-weight:700}.performance-hero p{color:#ffffffb3;font-size:14px;margin:0}.performance-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;justify-content:center}.tab-btn{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:12px 18px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.tab-btn:hover{background:#ffffff1f;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#11998e,#38ef7d);border-color:transparent;color:#fff;box-shadow:0 4px 15px #11998e66}.tab-btn .tab-icon{font-size:18px}.tab-btn span{white-space:nowrap}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-title{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.tab-title .title-icon{font-size:24px;color:#38ef7d}.performeurs-table-container{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.performeurs-table{width:100%;border-collapse:collapse}.performeurs-table thead{background:#ffffff26}.performeurs-table th{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;text-align:left}.performeurs-table th:first-child{text-align:center;width:80px}.performeurs-table th:last-child{text-align:center;width:120px}.performeurs-table tbody tr{border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.performeurs-table tbody tr:last-child{border-bottom:none}.performeurs-table tbody tr:hover{background:#ffffff14}.performeurs-table tbody tr.rang-1{background:linear-gradient(135deg,#ffd70026,#ffc10714)}.performeurs-table tbody tr.rang-2{background:linear-gradient(135deg,#c0c0c01f,#a9a9a90f)}.performeurs-table tbody tr.rang-3{background:linear-gradient(135deg,#cd7f321f,#b873330f)}.performeurs-table td{padding:14px 20px;color:#fff;font-size:15px}.performeurs-table .td-rank{text-align:center}.performeurs-table .td-izicode{font-weight:500;letter-spacing:.5px}.performeurs-table .td-actif{text-align:center;font-weight:700;color:#38ef7d}.performeurs-table .medal{font-size:28px}.performeurs-table .medal-1{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.5))}.performeurs-table .medal-2{color:silver;filter:drop-shadow(0 2px 4px rgba(192,192,192,.5))}.performeurs-table .medal-3{color:#cd7f32;filter:drop-shadow(0 2px 4px rgba(205,127,50,.5))}.performeurs-table .position-number{background:#ffffff26;color:#fff;font-size:14px;font-weight:700;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}@media(max-width:768px){.performance-container{padding:15px}.performance-container .page-header{padding:12px 15px;margin-bottom:25px}.performance-container .page-header h1{font-size:18px}.performance-hero .hero-icon{font-size:50px}.performance-hero .hero-icon svg{width:50px;height:50px}.performance-hero h2{font-size:20px}.performance-tabs{gap:8px}.tab-btn{padding:10px 14px;font-size:12px;border-radius:10px}.tab-btn .tab-icon{font-size:16px}.tab-title{font-size:16px;margin-bottom:16px}.tab-title .title-icon{font-size:20px}.performeurs-table th{padding:12px 14px;font-size:12px}.performeurs-table th:first-child{width:60px}.performeurs-table th:last-child{width:100px}.performeurs-table td{padding:12px 14px;font-size:14px}.performeurs-table .medal{font-size:24px}.performeurs-table .position-number{width:28px;height:28px;font-size:13px}}@media(max-width:480px){.performance-container{padding:12px}.performance-container .page-header{padding:10px 12px;gap:10px}.performance-container .page-header h1{font-size:16px}.performance-container .btn-back{padding:6px 12px;font-size:13px}.performance-hero{margin-bottom:25px}.performance-hero .hero-icon{font-size:45px}.performance-hero .hero-icon svg{width:45px;height:45px}.performance-hero h2{font-size:18px}.performance-hero p{font-size:13px}.performance-tabs{gap:6px}.tab-btn{padding:8px 12px;font-size:11px;border-radius:8px;flex:1 1 calc(50% - 6px);justify-content:center}.tab-btn .tab-icon{font-size:14px}.tab-btn span{font-size:10px}.tab-title{font-size:14px;margin-bottom:14px}.tab-title .title-icon{font-size:18px}.performeurs-table-container{border-radius:12px}.performeurs-table th{padding:10px 12px;font-size:11px}.performeurs-table th:first-child{width:50px}.performeurs-table th:last-child{width:80px}.performeurs-table td{padding:10px 12px;font-size:13px}.performeurs-table .medal{font-size:20px}.performeurs-table .position-number{width:24px;height:24px;font-size:12px}}.statistiques-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.statistiques-container .page-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:15px 20px;margin-bottom:30px;display:flex;align-items:center;gap:15px}.statistiques-container .page-header h1{margin:0;color:#fff;font-size:20px;flex:1;text-align:center}.statistiques-container .btn-back{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.statistiques-container .btn-back:hover{background:#ffffff40}.statistiques-container .btn-home{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.statistiques-container .btn-home:hover{background:#ffffff40}.statistiques-container .btn-home svg{width:20px;height:20px}.statistiques-content{max-width:900px;margin:0 auto}.statistiques-hero{text-align:center;margin-bottom:30px}.statistiques-hero .hero-icon{font-size:60px;color:#38ef7d;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(56,239,125,.4))}.statistiques-hero .hero-icon svg{width:60px;height:60px}.statistiques-hero h2{color:#fff;font-size:24px;margin:0 0 10px;font-weight:700}.statistiques-hero p{color:#ffffffb3;font-size:14px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);background:#ffffff1f;box-shadow:0 8px 25px #0003}.stat-card:first-child{grid-column:span 2}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-icon svg{width:28px;height:28px}.stat-info{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{color:#fff9;font-size:13px;font-weight:500}.stat-value-row{display:flex;align-items:baseline;gap:6px}.stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1.2}.stat-unit{color:#ffffff80;font-size:14px;font-weight:500}.stat-trend{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.stat-trend.positive{background:#38ef7d26;color:#38ef7d}.stat-trend.negative{background:#ff6b6b26;color:#ff6b6b}@media(max-width:768px){.statistiques-container{padding:15px}.statistiques-container .page-header{padding:12px 15px;margin-bottom:25px}.statistiques-container .page-header h1{font-size:18px}.statistiques-hero .hero-icon{font-size:50px}.statistiques-hero .hero-icon svg{width:50px;height:50px}.statistiques-hero h2{font-size:20px}.stats-grid{gap:12px}.stat-card{padding:16px;border-radius:14px}.stat-card:first-child{grid-column:span 2}.stat-icon{width:48px;height:48px;border-radius:12px;font-size:24px}.stat-icon svg{width:24px;height:24px}.stat-label{font-size:12px}.stat-value{font-size:20px}.stat-unit{font-size:12px}.stat-trend{padding:5px 10px;font-size:11px}}@media(max-width:480px){.statistiques-container{padding:12px}.statistiques-container .page-header{padding:10px 12px;gap:10px}.statistiques-container .page-header h1{font-size:16px}.statistiques-container .btn-back{padding:6px 12px;font-size:13px}.statistiques-hero{margin-bottom:25px}.statistiques-hero .hero-icon{font-size:45px}.statistiques-hero .hero-icon svg{width:45px;height:45px}.statistiques-hero h2{font-size:18px}.statistiques-hero p{font-size:13px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px;border-radius:12px;gap:12px}.stat-card:first-child{grid-column:span 1}.stat-icon{width:44px;height:44px;border-radius:10px;font-size:22px}.stat-icon svg{width:22px;height:22px}.stat-label{font-size:11px}.stat-value{font-size:18px}.stat-unit{font-size:11px}.stat-trend{padding:4px 8px;font-size:10px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}