:root{--c-famille: #2D6A4F;--c-amis: #7D3C98;--c-sante: #1A6B6B;--c-services: #1A3A6B;--c-urgence: #C0392B;--c-medic: #C47A00;--c-activite: #1F618D;--c-eau: #1565C0;--c-retour: #E8590C;--c-bg: #FAF8F3;--c-surface: #FFFFFF;--c-border: #E5E5E5;--c-text: #1A1A1A;--c-muted: #777777;--c-faint: #AAAAAA;--font: "Helvetica Neue", Arial, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 19px;--fs-xl: 22px;--r-sm: 9px;--r-md: 12px;--r-lg: 14px;--r-xl: 16px;--r-pill: 50px;--transition: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);font-size:var(--fs-base);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:var(--c-bg)}.screen-area{flex:1;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:var(--c-bg)}.shead{padding:12px 18px 8px;background:var(--c-bg);flex-shrink:0}.hrow{display:flex;align-items:center;gap:10px}.av{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.av i{font-size:19px;color:#fff}.htxt h1{font-size:var(--fs-lg);font-weight:700;color:var(--c-text);line-height:1.1}.htxt p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:1px}.sc{flex:1;overflow-y:auto;padding:8px 12px 80px}.back-bar{flex-shrink:0;padding:6px 12px 5px;background:#f0ede8;border-top:2px solid #D5D0C8}.back-btn{width:100%;background:var(--c-retour);color:#fff;border:none;border-radius:var(--r-md);padding:13px;font-size:var(--fs-md);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.bot-nav{flex-shrink:0;background:var(--c-surface);border-top:1.5px solid #E0E0E0;display:flex;padding:5px 2px max(7px,env(safe-area-inset-bottom));position:relative;z-index:20}.ni{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 2px;-webkit-tap-highlight-color:transparent}.ni i{font-size:20px;color:var(--c-faint)}.ni span{font-size:9px;color:var(--c-faint);font-weight:600}.ni.active i,.ni.active span{color:var(--c-text)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cc{border-radius:14px;padding:16px 13px 15px;cursor:pointer;transition:transform .1s;display:flex;flex-direction:column;align-items:flex-start;-webkit-tap-highlight-color:transparent}.cc:active{transform:scale(.97)}.cc .ci{width:40px;height:40px;border-radius:10px;background:#ffffff40;display:flex;align-items:center;justify-content:center;margin-bottom:9px}.cc .ci i{font-size:21px;color:#fff}.cc h2{font-size:var(--fs-lg);font-weight:800;color:#fff}.cc-full{border-radius:14px;padding:13px 15px;cursor:pointer;transition:transform .1s;display:flex;align-items:center;gap:12px;margin-top:8px}.cc-full:active{transform:scale(.97)}.cc-full .ci{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-full .ci i{font-size:21px;color:#fff}.cc-full h2{font-size:18px;font-weight:800;color:#fff}.sh{font-size:var(--fs-xs);font-weight:700;color:var(--c-faint);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.sh:first-child{margin-top:0}.ctc{background:var(--c-surface);border-radius:11px;border:1.5px solid var(--c-border);padding:9px 10px 9px 12px;display:flex;align-items:center;gap:8px;margin-bottom:6px}.ctc-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}.ctc-info{flex:1;cursor:pointer;min-width:0}.ctc-info h3{font-size:var(--fs-base);font-weight:700;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctc-info p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:1px}.ctc-actions{display:flex;gap:5px;flex-shrink:0;align-items:center}.btn{border:none;border-radius:var(--r-pill);padding:8px 14px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.85}.btn-sm{padding:7px 11px;font-size:12px}.btn-full{width:100%;border-radius:var(--r-lg);padding:13px;font-size:var(--fs-base)}.btn-outline{background:none;border:1.5px solid currentColor;color:var(--c-muted)}.btn-ghost{background:none;color:var(--c-faint)}.btn-famille{background:var(--c-famille)}.btn-amis{background:var(--c-amis)}.btn-sante{background:var(--c-sante)}.btn-services{background:var(--c-services)}.btn-urgence{background:var(--c-urgence)}.btn-medic{background:var(--c-medic)}.btn-activite{background:var(--c-activite)}.btn-eau{background:var(--c-eau)}.btn-green{background:var(--c-famille)}.btn-navy{background:var(--c-services)}.btn-danger{background:var(--c-urgence)}.btn-del{background:none;border:none;cursor:pointer;padding:6px;color:var(--c-faint);border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-del:hover{color:var(--c-urgence)}.btn-del i{font-size:16px}.fl{font-size:var(--fs-xs);font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;margin-top:8px;display:block}.fl:first-child{margin-top:0}.fi{width:100%;border:1.5px solid #E0E0E0;border-radius:var(--r-sm);padding:10px 12px;font-size:var(--fs-base);font-weight:600;color:var(--c-text);background:#fafafa;outline:none;font-family:var(--font)}.fi:focus{border-color:var(--c-sante)}.fi-row{display:flex;gap:7px}.fi-row .fi{flex:1}.fi-sm{width:80px!important;flex-shrink:0!important}.fi-cp{width:90px!important;flex-shrink:0!important}.fi-w90{width:90px!important}select.fi{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ind-sel{width:105px;flex-shrink:0;border:1.5px solid #E0E0E0;border-radius:var(--r-sm);padding:10px 6px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text);background:#fafafa;outline:none;font-family:var(--font)}.chip{border:2px solid #E0E0E0;border-radius:var(--r-pill);padding:6px 12px;font-size:12px;font-weight:700;color:#555;cursor:pointer;background:#fff;display:inline-flex;align-items:center;gap:4px}.chip.active{color:#fff}.chips-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.slide-panel{position:absolute;top:0;left:100%;width:100%;height:100%;background:var(--c-bg);z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left var(--transition);display:flex;flex-direction:column}.slide-panel.open{left:0}.panel-head{display:flex;align-items:center;gap:10px;padding:13px 14px 10px;background:var(--c-surface);border-bottom:1.5px solid var(--c-border);flex-shrink:0}.panel-close{background:none;border:none;cursor:pointer;color:var(--c-faint);padding:4px 8px;font-size:18px;border-radius:8px}.panel-title{font-size:var(--fs-md);font-weight:700;color:var(--c-text);flex:1}.panel-body{padding:14px;flex:1;overflow-y:auto}.detail-block{background:var(--c-surface);border-radius:11px;border:1.5px solid var(--c-border);padding:12px 14px;margin-bottom:10px}.detail-block-title{font-size:var(--fs-xs);font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}.detail-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid #F5F5F5}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-lbl{font-size:var(--fs-xs);color:#aaa;width:80px;flex-shrink:0;padding-top:2px}.detail-val{font-size:var(--fs-sm);font-weight:700;color:var(--c-text);flex:1;word-break:break-word}.detail-val-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);padding:4px 11px;font-size:12px;font-weight:700;color:#fff}.empty{text-align:center;color:var(--c-faint);padding:24px 0;font-size:var(--fs-sm)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;background:var(--c-surface);border-radius:10px;border:1.5px solid var(--c-border);padding:10px 12px;cursor:pointer}.toggle-row h3{font-size:var(--fs-sm);font-weight:700;color:var(--c-text)}.toggle-row p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:2px}.toggle{width:44px;height:24px;border-radius:var(--r-pill);background:var(--c-famille);position:relative;flex-shrink:0;transition:background .2s}.toggle.off{background:#ccc}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:23px;transition:left .2s}.toggle.off .toggle-knob{left:3px}.water-card{background:#e8f4fd;border-radius:13px;border:2px solid #90CAF9;padding:10px 12px 11px;margin-bottom:8px}.water-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.water-title{font-size:14px;font-weight:700;color:var(--c-eau);display:flex;align-items:center;gap:5px}.water-score{font-size:13px;font-weight:700;color:var(--c-eau);background:#fff;border-radius:20px;padding:3px 10px}.water-glasses{display:flex;gap:5px;justify-content:center;margin-bottom:10px}.glass{width:30px;height:38px;cursor:pointer;flex-shrink:0}.glass svg{width:100%;height:100%}.glass.pop{animation:gpop .25s ease}@keyframes gpop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mini-cal{background:var(--c-surface);border-radius:13px;border:1.5px solid var(--c-border);padding:11px 12px;margin-bottom:10px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-month{font-size:15px;font-weight:700;color:var(--c-text)}.cal-nav{background:none;border:none;cursor:pointer;color:var(--c-sante);font-size:18px;padding:3px 7px;border-radius:7px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-dn{font-size:10px;font-weight:700;color:#999;padding:2px 0}.cal-day{font-size:12px;font-weight:600;color:var(--c-text);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;position:relative}.cal-day:hover{background:#e0f2f1}.cal-day.today{background:var(--c-sante);color:#fff}.cal-day.has-ev:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--c-urgence)}.cal-day.today.has-ev:after{background:#fff}.rdv-card{background:var(--c-surface);border-radius:11px;border:1.5px solid var(--c-border);padding:10px 12px;display:flex;align-items:center;gap:10px;margin-bottom:7px;cursor:pointer}.rdv-card:active{background:#f5fff8}.rdv-color{width:5px;border-radius:3px;align-self:stretch;min-height:40px}.rdv-info{flex:1}.rdv-info h3{font-size:14px;font-weight:700;color:var(--c-text)}.rdv-info p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:2px}.rdv-contact{font-size:12px;color:var(--c-famille);font-weight:700;margin-top:3px;display:flex;align-items:center;gap:4px}.mtabs{display:flex;gap:6px;margin-bottom:9px}.mtab{flex:1;border:2px solid #E0E0E0;background:#fff;border-radius:10px;padding:7px 5px 6px;font-size:12px;font-weight:700;color:#555;cursor:pointer;text-align:center}.mtab i{font-size:14px;display:block;margin-bottom:3px}.mtab.active{background:var(--c-medic);border-color:var(--c-medic);color:#fff}.med-card{background:var(--c-surface);border-radius:11px;border:1.5px solid var(--c-border);padding:10px 12px;margin-bottom:6px;position:relative}.med-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}.med-info{flex:1}.med-info h3{font-size:14px;font-weight:700;color:var(--c-text)}.med-info p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:1px}.med-row{display:flex;align-items:flex-start;gap:8px}.med-taken{background:var(--c-famille);color:#fff}.med-pending{background:#f5f5f5;color:#333;border:1.5px solid #ccc}.streak{background:#eaf2fb;border-radius:10px;padding:8px 11px;display:flex;align-items:center;gap:8px;margin-bottom:9px}.streak i{font-size:17px;color:var(--c-activite)}.streak p{font-size:12px;font-weight:700;color:var(--c-activite)}.week-row{display:flex;gap:5px;margin-bottom:10px}.day-dot{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.day-dot span{font-size:10px;font-weight:700;color:#999}.dot{width:22px;height:22px;border-radius:50%;background:#e5e5e5}.dot.done{background:var(--c-activite)}.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:9px}.act-tile{border-radius:14px;padding:18px 10px 14px;cursor:pointer;border:3px solid transparent;text-align:center;position:relative}.act-tile i{font-size:44px!important;display:block;margin-bottom:8px}.act-tile span{font-size:15px;font-weight:700}.act-tile.sel{border-width:3px}.act-tile-del{position:absolute;top:5px;right:6px;background:#0000001f;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.add-type-btn{border-radius:12px;padding:13px 10px;cursor:pointer;border:2px dashed #ccc;background:#fafafa;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.add-type-btn i{font-size:22px;color:#aaa}.add-type-btn span{font-size:12px;font-weight:700;color:#aaa}.dur-row{background:var(--c-surface);border-radius:10px;border:1.5px solid var(--c-border);padding:10px 12px;margin-bottom:9px}.dur-btns{display:flex;gap:6px}.db{flex:1;padding:8px 4px;border-radius:9px;border:2px solid #E0E0E0;background:#f8f8f8;font-size:12px;font-weight:700;color:#555;cursor:pointer;text-align:center}.db.active{background:var(--c-activite);border-color:var(--c-activite);color:#fff}.journal-title{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:5px}.jtotal{background:var(--c-activite);color:#fff;font-size:11px;border-radius:20px;padding:2px 8px}.act-entry{background:var(--c-surface);border-radius:10px;border:1.5px solid var(--c-border);padding:9px 11px;display:flex;align-items:center;gap:9px;margin-bottom:6px}.act-entry-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.act-entry-icon i{font-size:17px;color:#fff}.act-entry-info{flex:1}.act-entry-info h3{font-size:14px;font-weight:700;color:var(--c-text)}.act-entry-info p{font-size:var(--fs-xs);color:var(--c-muted)}.sos{width:100%;background:var(--c-urgence);color:#fff;border:none;border-radius:var(--r-md);padding:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px}.uc{border-radius:12px;padding:13px 14px;margin-bottom:7px;display:flex;align-items:center;gap:10px;cursor:pointer}.ui{width:38px;height:38px;border-radius:9px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui i{font-size:19px;color:#fff}.uc h3{font-size:15px;font-weight:700;color:#fff}.uc p{font-size:var(--fs-xs);color:#ffffffd9}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center}.login-box{background:#fff;border-radius:20px;padding:24px 20px 22px;width:88%;max-width:320px}.login-who{font-size:18px;font-weight:700;color:var(--c-text);margin-bottom:4px}.login-role{font-size:12px;color:#888;margin-bottom:16px}.login-fi{width:100%;border:2px solid #E0E0E0;border-radius:10px;padding:12px 13px;font-size:22px;font-weight:700;color:var(--c-text);background:#fafafa;outline:none;margin-bottom:10px;letter-spacing:8px;text-align:center;font-family:var(--font)}.login-fi:focus{border-color:var(--c-services)}.login-err{font-size:12px;color:var(--c-urgence);text-align:center;min-height:16px;margin-bottom:6px}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;cursor:pointer}.cel-box{background:#fff;border-radius:24px;padding:28px 30px 24px;text-align:center;position:relative;overflow:hidden;min-width:260px;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.cel-emoji{font-size:52px;margin-bottom:8px;display:block}.cel-title{font-size:28px;font-weight:900;color:var(--c-famille);margin-bottom:6px}.cel-sub{font-size:15px;color:#555;font-weight:600}.cel-tap{font-size:11px;color:#aaa;margin-top:12px}.confetti-dot{position:absolute;width:10px;height:10px;border-radius:50%;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(300px) rotate(360deg);opacity:0}}.portal-banner{background:linear-gradient(135deg,#1a3a6b,#2d5086);padding:18px 16px 16px;flex-shrink:0}.portal-banner h1{font-size:20px;font-weight:800;color:#fff;margin-bottom:3px}.portal-banner p{font-size:12px;color:#fffc}.member-card{background:var(--c-surface);border-radius:12px;border:1.5px solid var(--c-border);padding:11px 13px;display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer}.member-card:active{background:#f0f4fa}.member-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;flex-shrink:0}.member-info{flex:1}.member-info h3{font-size:15px;font-weight:700;color:var(--c-text)}.member-info p{font-size:var(--fs-xs);color:var(--c-muted);margin-top:1px}.role-tag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--r-pill);background:#e8f0fb;color:var(--c-services)}.nom-card{background:var(--c-surface);border-radius:13px;border:2px solid var(--c-famille);padding:11px 14px;margin-bottom:10px}.nom-label{font-size:var(--fs-xs);font-weight:700;color:var(--c-famille);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.nom-display{display:flex;align-items:center;justify-content:space-between}.nom-valeur{font-size:19px;font-weight:700;color:var(--c-text)}.plan-card{background:var(--c-surface);border-radius:13px;border:1.5px solid var(--c-border);padding:13px 14px;margin-bottom:8px}.plan-name{font-size:18px;font-weight:800;color:var(--c-text)}.plan-price{font-size:24px;font-weight:900;color:var(--c-services);margin:3px 0}.plan-price span{font-size:13px;font-weight:400;color:#888}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.flex{display:flex;align-items:center}.gap-1{gap:5px}.gap-2{gap:10px}.flex-1{flex:1}.bold{font-weight:700}.muted{color:var(--c-muted)}.small{font-size:var(--fs-xs)}.text-center{text-align:center}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}