.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);position:relative;overflow:hidden;background:var(--bg)}.login-screen:before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse 600px 600px at 20% 30%,rgba(34,197,94,.12),transparent),radial-gradient(ellipse 500px 500px at 80% 70%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 400px 400px at 60% 20%,rgba(245,158,11,.06),transparent);animation:gradientShift 20s ease-in-out infinite;background-size:200% 200%;z-index:0;pointer-events:none}.login-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:1;animation:fadeInUp .6s var(--ease-out) both}.login-logo{display:flex;justify-content:center;margin-bottom:var(--sp-8)}.login-logo-img{height:100px;width:auto;object-fit:contain;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #00000014,0 16px 40px #16a34a26;animation:float 4s ease-in-out infinite;transition:transform var(--duration-slow) var(--ease-spring)}.login-logo-img:hover{transform:scale(1.05) translateY(-2px)}.login-title{text-align:center;font-size:32px;font-weight:800;color:var(--gray-900);margin:0 0 var(--sp-2);letter-spacing:-.03em;line-height:1.1}.login-subtitle{text-align:center;font-size:15px;color:var(--gray-500);margin:0 0 var(--sp-8);line-height:1.5}.form-group{margin-bottom:var(--sp-4);animation:fadeInUp .5s var(--ease-out) both}.form-group:nth-child(2){animation-delay:80ms}.form-group:nth-child(3){animation-delay:.12s}.form-group:nth-child(4){animation-delay:.16s}.form-group:nth-child(5){animation-delay:.2s}.form-group:nth-child(6){animation-delay:.24s}.form-group:nth-child(7){animation-delay:.28s}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.input-wrapper:hover{border-color:var(--gray-300)}.input-wrapper:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #22c55e1a}.input-icon{padding:0 14px;font-size:18px;opacity:.7;transition:opacity var(--duration-fast);flex-shrink:0}.input-wrapper:focus-within .input-icon{opacity:1}.input-wrapper input{flex:1;border:none;outline:none;padding:16px 14px 16px 0;font-size:15px;background:transparent;color:var(--gray-900);letter-spacing:-.01em}.input-wrapper input::placeholder{color:var(--gray-400)}.toggle-password{background:none;border:none;padding:0 14px;cursor:pointer;font-size:18px;opacity:.5;transition:opacity var(--duration-fast)}.toggle-password:hover{opacity:1}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef444414!important}.error-text{color:var(--error);font-size:13px;margin-top:6px;display:block;font-weight:500;animation:fadeIn .2s var(--ease-out)}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:56px;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-brand);position:relative;overflow:hidden;letter-spacing:-.01em;margin-top:var(--sp-6)}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity var(--duration-fast)}.btn-primary:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:after{display:none}.btn-link{background:none;border:none;color:var(--brand-600);font-size:14px;font-weight:600;cursor:pointer;padding:var(--sp-4);margin-top:var(--sp-2);transition:color var(--duration-fast);text-align:center}.btn-link:hover{color:var(--brand-700)}.login-links{display:flex;flex-direction:column;gap:4px;margin-top:var(--sp-2);animation:fadeInUp .5s var(--ease-out) .32s both}.otp-send-btn{flex:0 0 auto;margin-right:8px;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:var(--brand-600);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:-.01em}.otp-send-btn:hover{background:var(--brand-700);transform:scale(1.02)}.otp-send-btn:active{transform:scale(.97)}.otp-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--gray-400);line-height:1.4}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--sp-8);animation:fadeInUp .5s var(--ease-out) both}.auth-header .login-logo-img{height:64px;animation:none}.auth-header h1{font-size:24px;font-weight:800;color:var(--gray-900);letter-spacing:-.03em;margin:var(--sp-4) 0 var(--sp-1)}.auth-header p{font-size:14px;color:var(--gray-500);text-align:center;max-width:280px;line-height:1.5}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);background:var(--bg);position:relative}.loading-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 500px 500px at 30% 40%,rgba(34,197,94,.08),transparent),radial-gradient(ellipse 400px 400px at 70% 60%,rgba(59,130,246,.05),transparent);pointer-events:none}.loading-screen img{animation:float 3s ease-in-out infinite}.loading-screen .spinner{width:28px;height:28px;border-color:#16a34a26;border-top-color:var(--brand-600)}.loading-screen p{color:var(--gray-400);font-size:14px;font-weight:500;position:relative;animation:pulse 2s ease-in-out infinite}.cnib-backdrop{position:fixed;inset:0;z-index:900;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.cnib-sheet{width:100%;max-width:560px;background:#fff;border-radius:24px 24px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto;animation:cnib-slide .22s ease-out}@keyframes cnib-slide{0%{transform:translateY(40%)}to{transform:translateY(0)}}.cnib-grip{width:40px;height:4px;border-radius:2px;background:#ddd;margin:4px auto 14px}.cnib-title{margin:0 0 6px;font-size:17px;font-weight:700}.cnib-sub{margin:0 0 16px;font-size:13px;color:#666;line-height:1.45}.cnib-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.cnib-photo{height:140px;border-radius:12px;border:2px dashed #ccc;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;overflow:hidden;padding:0;font:inherit}.cnib-photo--filled{border:2px solid #9fd8a1;background:#f2fbf2}.cnib-photo img{width:100%;height:100%;object-fit:cover}.cnib-photo__icon{font-size:30px;opacity:.5}.cnib-photo__label{font-size:13px;color:#777}.cnib-photo__hint{font-size:11px;color:#aaa}.cnib-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.cnib-field>span{font-size:13px;font-weight:600;color:#333}.cnib-input{padding:12px;border:1px solid #ccc;border-radius:10px;font:inherit;font-size:14px;width:100%;box-sizing:border-box}.cnib-input:focus{outline:none;border-color:#2e7d32}.cnib-error{color:#d97706;font-size:11.5px}.cnib-actions{display:flex;gap:12px;margin-top:6px}.cnib-actions>*{flex:1}.cnib-btn{padding:14px;border-radius:12px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center}.cnib-btn--primary{background:#2e7d32;color:#fff}.cnib-btn--primary:disabled{opacity:.6}.cnib-btn--ghost{background:transparent;color:#666}.ann-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--surface);border:1px solid rgba(22,163,74,.2);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font:inherit;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs)}.ann-banner:hover{box-shadow:var(--shadow-md);border-color:#16a34a59;transform:translateY(-1px)}.ann-banner--tertiary{border-color:#b4530933}.ann-banner--tertiary:hover{border-color:#b4530959;box-shadow:var(--shadow-md)}.ann-banner__icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-50),var(--brand-100))}.ann-banner--tertiary .ann-banner__icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.ann-banner__texts{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ann-banner__title{font-weight:700;font-size:14px;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.ann-banner__message{font-size:12px;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.ann-banner__chevron{color:var(--gray-400);font-size:18px;transition:transform var(--duration-fast)}.ann-banner:hover .ann-banner__chevron{transform:translate(2px);color:var(--brand-500)}.ann-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s var(--ease-out)}.ann-modal{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-2xl);animation:fadeInScale .25s var(--ease-spring)}.ann-modal__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ann-modal__header .ann-modal__icon{font-size:24px}.ann-modal__header h3{margin:0;font-size:18px;font-weight:800;flex:1;letter-spacing:-.02em;color:var(--gray-900)}.ann-modal__icon-lg{text-align:center;font-size:48px;margin-bottom:8px;animation:float 3s ease-in-out infinite}.ann-modal__center-title{margin:0 0 10px;text-align:center;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--gray-900)}.ann-modal__body{font-size:14px;line-height:1.6;color:var(--gray-700);overflow-wrap:break-word}.ann-modal__body--center{text-align:center}.ann-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.ann-modal__actions--center{justify-content:center}.ann-modal__copied{margin-top:12px;font-size:13px;color:var(--brand-600);text-align:center;font-weight:600;animation:fadeIn .2s var(--ease-out)}.ann-btn{padding:12px 20px;border-radius:var(--radius-md);font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out)}.ann-btn--primary{background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;box-shadow:var(--shadow-brand)}.ann-btn--primary:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.ann-btn--primary:active{transform:scale(.97)}.ann-btn--ghost{background:transparent;color:var(--brand-700);border:1.5px solid var(--brand-200)}.ann-btn--ghost:hover{background:var(--brand-50);border-color:var(--brand-300)}.home-screen{height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.home-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.bottom-nav{display:flex;background:#ffffffd1;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);margin:0 12px 12px;border-radius:20px;padding:6px 4px;box-shadow:0 4px 16px #0000000f,0 1px 4px #0000000a,inset 0 .5px #fffc;border:1px solid rgba(255,255,255,.6);flex-shrink:0;position:relative;z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border:none;background:transparent;cursor:pointer;border-radius:14px;transition:all var(--duration-normal) var(--ease-out);position:relative}.nav-item:active{transform:scale(.92)}.nav-item.active{background:#16a34a1f}.nav-icon{transition:all var(--duration-normal) var(--ease-spring)}.nav-item.active .nav-icon{transform:scale(1.1) translateY(-1px)}.nav-label{font-size:10px;color:var(--gray-400);font-weight:600;transition:all var(--duration-normal) var(--ease-out);letter-spacing:.02em}.nav-item.active .nav-label{font-size:11px;color:var(--brand-700);font-weight:700}.fab{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;border:none;border-radius:16px;padding:14px 24px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;box-shadow:0 8px 24px #16a34a59,0 2px 8px #16a34a33;cursor:pointer;z-index:30;transition:all var(--duration-normal) var(--ease-out);letter-spacing:-.01em}.fab:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 12px 32px #16a34a66,0 4px 12px #16a34a40}.fab:active{transform:translate(-50%) scale(.95)}.accueil-tab{min-height:100%;background:var(--bg)}.accueil-header{padding:var(--sp-3) var(--sp-5) var(--sp-1);background:var(--bg)}.accueil-title{display:flex;align-items:center;justify-content:center;gap:10px}.mini-logo{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #16a34a33}.accueil-title h1{font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--gray-900);margin:0}.accueil-body{padding:var(--sp-1) var(--sp-5) 120px}.solde-card{background:linear-gradient(135deg,#16a34a,#15803d 40%,#14532d);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 32px #16a34a4d,0 4px 12px #16a34a26;animation:fadeInUp .5s var(--ease-out) both}.solde-card:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);border-radius:50%;pointer-events:none}.solde-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);border-radius:50%;pointer-events:none}.solde-bg-icon{position:absolute;right:-8px;top:-12px;width:96px;height:96px;opacity:.12;object-fit:contain}.solde-info{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.solde-label{color:#fffc;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.solde-value{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.solde-sub{color:#fff9;font-size:13px;font-weight:500}.solde-icon-box{position:absolute;right:22px;top:22px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:12px;font-size:28px;z-index:1}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin:28px 0 14px}.section-header h2{font-size:20px;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--gray-900)}.section-sub{font-size:13px;color:var(--gray-500);margin:2px 0 0;font-weight:500}.see-all{background:none;border:none;color:var(--brand-600);font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:2px;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.see-all:hover{background:var(--brand-50)}.tontine-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-bottom:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs)}.tontine-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200);transform:translateY(-1px)}.tontine-card:active{transform:scale(.985);box-shadow:var(--shadow-sm)}.tontine-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--brand-50),var(--brand-100));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.tontine-info{flex:1;min-width:0}.tontine-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tontine-name{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-900)}.tontine-type{font-size:12px;color:var(--gray-500);font-weight:500;margin-top:4px;display:block}.progress-bar{height:5px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;margin:12px 0 8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--brand-400));border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.tontine-amount{font-size:12px;color:var(--gray-500);font-weight:600}.chevron{color:var(--gray-300);font-size:20px;font-weight:300;margin-top:4px;transition:transform var(--duration-fast)}.tontine-card:hover .chevron{transform:translate(2px);color:var(--brand-500)}.status-pill{padding:4px 10px;background:var(--brand-50);border-radius:var(--radius-full);font-size:11px;font-weight:700;color:var(--brand-700);white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.empty-state{text-align:center;padding:40px 24px;background:var(--surface);border:1px dashed var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.empty-state:hover{border-color:var(--brand-300);background:var(--brand-50)}.empty-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--brand-50),var(--brand-100));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 18px}.empty-state h3{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--gray-900);letter-spacing:-.02em}.empty-state p{font-size:14px;color:var(--gray-500);line-height:1.5;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--gray-500)}.loading-state .spinner{border-color:#16a34a26;border-top-color:var(--brand-600);width:28px;height:28px}.annonces-banners{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.refresh-indicator{color:var(--brand-600);animation:spin 1s linear infinite}.hub-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.hub-header{display:flex;align-items:center;gap:10px;padding:12px 10px;color:#fff;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 16px #15803d40}.hub-back{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.hub-back:hover{background:#ffffff1a}.hub-back:active{transform:scale(.9)}.hub-avatar{width:38px;height:38px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px}.hub-titles{flex:1;min-width:0;display:flex;flex-direction:column}.hub-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-subtitle{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-refresh{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.hub-refresh:hover{background:#ffffff1a}.hub-refresh:active{transform:scale(.9)}.mini-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.hub-header .mini-spinner{margin-right:8px}.wa-card .mini-spinner{border-color:#d4d4d4;border-top-color:var(--brand-600)}.hub-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.hub-list{padding:12px;display:flex;flex-direction:column;gap:8px}.hub-page-title{margin:4px 0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--gray-900)}.hub-section-title{margin:16px 4px 8px;font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.hub-hint{font-size:13px;color:var(--gray-500);line-height:1.5;margin:0 0 8px}.hub-small{font-size:12px;color:var(--gray-500)}.hub-empty{text-align:center;color:var(--gray-500);padding:32px 20px;line-height:1.6;margin:0}.hub-total{text-align:center;font-size:12px;color:var(--gray-500);margin:8px 0;font-weight:500}.hub-cotisation{font-weight:700;color:var(--brand-600);margin:8px 0 0}.wa-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);box-shadow:var(--shadow-xs)}.wa-card--pad{padding:16px}.wa-row{display:flex;align-items:center;gap:12px;padding:12px 14px;transition:background var(--duration-fast)}.wa-row:hover{background:var(--gray-50)}.wa-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand-50),var(--brand-100));display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}.wa-avatar--star{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.wa-lead{font-size:20px;flex:0 0 auto}.wa-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wa-row-title{font-weight:700;font-size:14px;color:var(--gray-900);letter-spacing:-.01em}.wa-row-sub{font-size:12px;color:var(--gray-500);line-height:1.4}.wa-row-between{display:flex;justify-content:space-between;align-items:center}.hub-tabs{display:flex;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--gray-100);position:sticky;bottom:0;z-index:10}.hub-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;background:none;border:none;cursor:pointer;font:inherit;color:var(--gray-400);border-radius:12px;margin:4px;transition:all var(--duration-normal) var(--ease-out)}.hub-tab.active{background:#16a34a1f;color:var(--brand-700)}.hub-tab:active{transform:scale(.92)}.hub-tab-icon{font-size:18px;transition:transform var(--duration-normal) var(--ease-spring)}.hub-tab.active .hub-tab-icon{transform:scale(1.15)}.hub-tab-label{font-size:10px;font-weight:700;letter-spacing:.01em}.hub-ordre{padding:12px;display:flex;flex-direction:column;gap:8px}.hub-ordre-head h4{margin:0 0 6px;font-size:16px;font-weight:800;letter-spacing:-.02em}.ordre-row{cursor:default;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--gray-100);transition:all var(--duration-fast)}.ordre-row[draggable=true]{cursor:grab}.ordre-row:active[draggable=true]{cursor:grabbing;box-shadow:var(--shadow-lg);transform:scale(1.02)}.ordre-over{border-color:var(--brand-400)!important;background:var(--brand-50)!important}.ordre-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-50),var(--brand-100));color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:0 0 auto}.drag-handle{color:var(--gray-400);font-size:18px;transition:color var(--duration-fast)}.ordre-row:hover .drag-handle{color:var(--gray-600)}.prise-row{cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.prise-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.prise-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:0 0 auto}.prise-num--ouverte{background:var(--brand-50);color:var(--brand-700)}.prise-num--fermee{background:var(--gray-100);color:var(--gray-600)}.prise-num--a_venir{background:#fef3c7;color:#b45309}.code-row{display:flex;align-items:center;gap:10px;margin:12px 0 8px;padding:14px;background:var(--gray-50);border-radius:var(--radius-md)}.code-value{flex:1;font-size:24px;font-weight:800;letter-spacing:2px;-webkit-user-select:all;user-select:all;color:var(--brand-700)}.code-copy{background:var(--brand-50);color:var(--brand-600);border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--duration-fast)}.code-copy:hover{background:var(--brand-100)}.btn-link-wa{background:none;border:none;color:var(--brand-600);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:8px 0;display:flex;gap:6px;align-items:center;transition:color var(--duration-fast)}.btn-link-wa:hover{color:var(--brand-700)}.btn-link-wa:disabled{opacity:.5;cursor:not-allowed}.wa-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.wa-field>span{font-size:13px;font-weight:700;color:var(--gray-700)}.wa-field small{font-size:12px;color:var(--gray-400);line-height:1.4}.wa-input{padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font:inherit;font-size:14px;background:var(--surface);color:var(--gray-900);width:100%;box-sizing:border-box;transition:all var(--duration-normal) var(--ease-out)}.wa-input::placeholder{color:var(--gray-400)}.wa-input:hover:not(:focus){border-color:var(--gray-300)}.wa-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #22c55e1a}.btn-wa-primary{background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;border:none;border-radius:var(--radius-lg);padding:14px 20px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-brand)}.btn-wa-primary:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-wa-primary:active{transform:scale(.97)}.btn-wa-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-wa-outline{background:transparent;color:var(--brand-700);border:1.5px solid var(--brand-200);border-radius:var(--radius-lg);padding:14px 20px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.btn-wa-outline:hover{background:var(--brand-50);border-color:var(--brand-300)}.btn-wa-outline:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.hub-actions-row{display:flex;gap:12px;margin-top:8px}.hub-actions-row>*{flex:1}.loading-state.center-fill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;min-height:40dvh}.screen-body.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px}.prise-detail{padding:14px}.prise-chip{padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.01em}.prise-chip--ouverte{background:var(--brand-50);color:var(--brand-700)}.prise-chip--fermee{background:var(--gray-100);color:var(--gray-600)}.prise-chip--a_venir{background:#fef3c7;color:#b45309}.screen{height:100%;display:flex;flex-direction:column;background:var(--bg)}.screen-header{display:flex;align-items:center;justify-content:center;padding:14px 20px;background:#fafafad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-100);position:relative;flex-shrink:0}.screen-header h1{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--gray-900)}.screen-header .back-btn{position:absolute;left:12px}.screen-header .header-actions{position:absolute;right:12px}.header-actions{display:flex;gap:4px}.icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:var(--brand-600);transition:all var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--brand-50)}.icon-btn:active{transform:scale(.9)}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.choice-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-xl);margin-bottom:14px;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out)}.choice-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-200);transform:translateY(-2px)}.choice-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.choice-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-spring)}.choice-card:hover .choice-icon{transform:scale(1.08)}.choice-info{flex:1}.choice-info h3{font-size:16px;font-weight:700;color:var(--gray-900);margin:0 0 4px;letter-spacing:-.02em}.choice-info p{font-size:13px;color:var(--gray-500);line-height:1.4;margin:0}.stats-bar{display:flex;gap:10px;padding:0 20px;margin-bottom:20px;animation:fadeInUp .4s var(--ease-out) both}.stat-card{flex:1;padding:14px 12px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-value{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--gray-900);line-height:1.2}.stat-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.list-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-xl);margin:0 20px 12px;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out);animation:fadeInUp .4s var(--ease-out) both}.list-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-200);transform:translateY(-2px)}.list-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.list-card:nth-child(1){animation-delay:0ms}.list-card:nth-child(2){animation-delay:50ms}.list-card:nth-child(3){animation-delay:.1s}.list-card:nth-child(4){animation-delay:.15s}.list-card:nth-child(5){animation-delay:.2s}.list-card:nth-child(6){animation-delay:.25s}.list-card:nth-child(7){animation-delay:.3s}.list-card:nth-child(8){animation-delay:.35s}.list-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;transition:transform var(--duration-normal) var(--ease-spring)}.list-card:hover .list-icon{transform:scale(1.08)}.list-icon--green{background:linear-gradient(135deg,var(--brand-50),var(--brand-100))}.list-icon--amber{background:linear-gradient(135deg,#fef3c7,#fde68a)}.list-icon--red{background:linear-gradient(135deg,#fef2f2,#fecaca)}.list-icon--blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.list-icon--purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-name{font-size:15px;font-weight:700;color:var(--gray-900);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-amount{font-size:15px;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;white-space:nowrap}.list-sub{font-size:13px;color:var(--gray-500);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-meta{font-size:12px;color:var(--gray-400);font-weight:500}.list-footer{display:flex;align-items:center;gap:8px;margin-top:6px}.list-progress{flex:1;height:4px;background:var(--gray-100);border-radius:4px;overflow:hidden}.list-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--brand-600));border-radius:4px;transition:width .5s var(--ease-out)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge--success{background:#16a34a1a;color:#16a34a}.badge--warning{background:#d977061f;color:#d97706}.badge--error{background:#ef44441a;color:#ef4444}.badge--info{background:#3b82f61a;color:#3b82f6}.badge--neutral{background:var(--gray-100);color:var(--gray-500)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 32px;animation:fadeIn .4s var(--ease-out) both}.empty-icon-wrap{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gray-50),var(--gray-100));display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:20px;transition:all var(--duration-normal) var(--ease-spring)}.empty-icon-wrap:hover{transform:scale(1.08);border-color:var(--brand-200);background:linear-gradient(135deg,var(--brand-50),var(--brand-100))}.empty-state h3{font-size:18px;font-weight:800;color:var(--gray-900);margin:0 0 8px;letter-spacing:-.02em}.empty-state p{font-size:14px;color:var(--gray-500);line-height:1.5;margin:0 0 24px;max-width:260px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:12px}.section-title{font-size:13px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.section-count{font-size:12px;font-weight:600;color:var(--gray-400)}.skeleton-card{display:flex;align-items:center;gap:14px;padding:16px;margin:0 20px 12px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-xl)}.skeleton-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line--short{width:40%}.skeleton-line--medium{width:65%}.skeleton-line--long{width:85%}.field-label{display:block;font-size:13px;font-weight:700;color:var(--gray-700);margin:var(--sp-4) 0 var(--sp-2);letter-spacing:.01em}.input{width:100%;padding:14px 16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:15px;background:var(--surface);outline:none;transition:all var(--duration-normal) var(--ease-out);color:var(--gray-900)}.input::placeholder{color:var(--gray-400)}.input:hover:not(:focus){border-color:var(--gray-300)}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #22c55e1a}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;line-height:1.5;color:var(--gray-700)}.preview-box{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-md);font-size:13px}.preview-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.btn-outline{padding:16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--surface);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;color:var(--gray-700);transition:all var(--duration-normal) var(--ease-out)}.btn-outline:hover{border-color:var(--gray-300);background:var(--gray-50)}.btn-outline:active{transform:scale(.98)}.btn-outline:disabled{opacity:.5;cursor:not-allowed;transform:none}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--gray-500);font-weight:500}.info-value{font-size:14px;font-weight:700;color:var(--gray-900);text-align:right;max-width:50%;letter-spacing:-.01em}.back-btn{background:none;border:none;color:var(--brand-600);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px;margin:0 -8px;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.back-btn:hover{background:var(--brand-50)}.back-btn:active{transform:scale(.95)}.operator-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid var(--gray-100);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-width:120px}.operator-btn:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.operator-btn.active{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 3px #22c55e1a}:root{--brand-50: #f0fdf4;--brand-100: #dcfce7;--brand-200: #bbf7d0;--brand-300: #86efac;--brand-400: #4ade80;--brand-500: #22c55e;--brand-600: #16a34a;--brand-700: #15803d;--brand-800: #166534;--brand-900: #14532d;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--bg: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .72);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,.18);--shadow-brand: 0 8px 24px rgba(22, 163, 74, .25);--shadow-brand-lg: 0 16px 40px rgba(22, 163, 74, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--gray-900);overscroll-behavior:none;touch-action:manipulation;line-height:1.5;letter-spacing:-.01em}#root{display:flex;flex-direction:column}input,button,textarea,select{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:0;height:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.glass{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}.glass-strong{background:#ffffffd9;backdrop-filter:blur(40px) saturate(2);-webkit-backdrop-filter:blur(40px) saturate(2)}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-in-delay-1{animation-delay:60ms}.animate-in-delay-2{animation-delay:.12s}.animate-in-delay-3{animation-delay:.18s}.animate-in-delay-4{animation-delay:.24s}.animate-in-delay-5{animation-delay:.3s}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;min-height:52px}.btn-premium:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--duration-fast)}.btn-premium:hover:after{opacity:1}.btn-premium:active{transform:scale(.97)}.btn-brand{background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;box-shadow:var(--shadow-brand)}.btn-brand:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-brand:active{transform:translateY(0) scale(.98)}.btn-brand:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--gray-700);border:1px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-300)}.input-premium{width:100%;padding:15px 16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:15px;background:var(--surface);outline:none;transition:all var(--duration-normal) var(--ease-out);color:var(--gray-900)}.input-premium::placeholder{color:var(--gray-400)}.input-premium:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #22c55e1f}.input-premium:hover:not(:focus){border-color:var(--gray-300)}.card-premium{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card-premium:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.985)}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner-brand{border-color:#16a34a33;border-top-color:var(--brand-600)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--brand-50);color:var(--brand-700)}.badge-warning{background:#fef3c7;color:#b45309}.badge-error{background:#fef2f2;color:#dc2626}.badge-info{background:#eff6ff;color:#2563eb}.page-enter{animation:fadeInUp .35s var(--ease-out) both}