html,body,#root{height:100%;margin:0}:root{--app-vh: 100vh;--clr-bg: #ffffff;--clr-text: #111111;--clr-muted: #6b7280;--clr-topbot: #696666;--clr-card: #1e1e1e;--clr-card-header: #b3b3b3;--clr-accent: #ffc943;--radius-screen: 20px;--radius-card: 6px;--radius-chip: 10px;--space-1: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--calendar-gap: 6px;--tile-radius: 50%}@supports (height: 100svh){:root{--app-vh: 100svh}}@supports (height: 100dvh){:root{--app-vh: 100dvh}}body{background:#f5f5f5;color:var(--clr-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.35}.u-container{width:clamp(320px,100vw,1200px);margin-inline:auto}.u-hidden{display:none!important}html,body{margin:0;padding:0;background:#fff}.screen{display:flex;width:100%;min-height:var(--app-vh);margin:0;background:var(--clr-bg);border-radius:var(--radius-screen);flex-direction:column}.topbar{height:10vh;background:var(--clr-topbot);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3)}.topbar__left{display:flex;align-items:center}.profilCadre,.back_menu{background:none;border:none;padding:0;cursor:pointer}.logo{height:10vh;width:auto;display:block}.topbar__actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}.topbar_avatar{width:52px;height:52px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;border:3px solid #ffca43;box-shadow:0 2px 12px #00000026;display:block;flex:0 0 52px;max-width:none}@media (max-width: 600px){.logo{height:7vh}.topbar_avatar{width:40px;height:40px;flex-basis:40px}}@media (min-width: 1024px){.topbar_avatar{width:56px;height:56px;flex-basis:56px}}.topbar__menu-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:8px}.menu-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#fffffff5;color:#111827;font:inherit;cursor:pointer;box-shadow:0 4px 12px #0000002e;transition:background .15s ease,transform .06s ease,box-shadow .15s ease}.menu-toggle:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 6px 16px #00000038}.menu-toggle__label{font-weight:500}.menu-toggle__chevron{transition:transform .15s ease}.menu-toggle__chevron.open{transform:rotate(180deg)}.menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;padding:.4rem 0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000002e;z-index:1100;border:1px solid rgba(0,0,0,.06)}.menu-item{width:100%;padding:.55rem .9rem;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font:inherit;cursor:pointer;color:#111827;text-align:left}.menu-item:hover{background:#f3f4f6}.menu-divider{height:1px;margin:.25rem 0;background:#00000012}.menu-item--logout{padding-top:.4rem;padding-bottom:.4rem}.menu-item--logout>*{width:100%}@media (max-width: 600px){.topbar{position:relative}.topbar__menu-wrapper{position:absolute;left:50%;transform:translate(-50%)}.menu-dropdown{left:50%;right:auto;transform:translate(-50%)}}.site-footer{flex:0 0 auto;background:var(--clr-topbot);color:#fff;padding:var(--space-3)}.footer__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.footer__brand{display:flex;align-items:center;gap:var(--space-2)}.footer__logo{height:50px;width:auto}.footer__brand-text{display:flex;flex-direction:column;font-size:12px}.footer__links{display:flex;gap:var(--space-3);list-style:none;padding:0;margin:0}.footer__links a{color:#fff;text-decoration:none;font-size:14px}.footer__links a:hover{text-decoration:underline}.footer__bottom{margin-top:var(--space-2);font-size:12px;opacity:.9}.notif-badge{min-width:16px;height:16px;padding:0 4px;background-color:#e63946;color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-badge--inline{position:static;box-shadow:none;margin-left:.25rem}.menu-item--logout button{width:100%;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;padding:.55rem .9rem;border-radius:8px;font-weight:600;text-align:center;cursor:pointer;transition:background .15s,color .15s,border .15s}.menu-item--logout button:hover{background:#fecaca;color:#7f1d1d;border-color:#fca5a5}.role-selector{display:flex;border:1px solid #ccc;border-radius:8px;overflow:hidden;margin-right:12px}.role-option{background:#f4f4f4;border:none;padding:6px 14px;cursor:pointer;font-weight:600;flex:1;text-align:center;transition:.2s ease}.role-option:not(:last-child){border-right:1px solid #ccc}.role-option.active{background:#ffd54d;color:#fff}.role-selector{display:flex;border-radius:999px;overflow:hidden;margin-right:12px;border:1px solid #fbbf24;background:#ffbf24;box-shadow:0 2px 10px #0000001f}.role-option{background:transparent;border:none;padding:6px 14px;cursor:pointer;font-weight:600;flex:1;text-align:center;font-size:.85rem;color:#92400e;transition:.2s ease}.role-option:not(:last-child){border-right:1px solid rgba(251,191,36,.6)}.role-option.active{background:#f8a91f;color:#fff}.admin-adduser-desktop{margin-right:10px}.admin-adduser-btn{background:linear-gradient(135deg,#f8c727,#ecbc1b);color:#fff;border:none;border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 3px 10px #ebc72566;transition:transform .08s ease,box-shadow .12s ease,background .15s}.admin-adduser-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #ebac2580;background:linear-gradient(135deg,#f1a516,#e7a310)}@media (max-width: 768px){.role-selector,.admin-adduser-desktop{display:none}}.menu-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.65;padding:.25rem .9rem;color:#6b7280}.menu-admin-roles{display:flex;gap:6px;padding:.35rem .9rem .4rem}.menu-admin-role-btn{flex:1;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;padding:.35rem .5rem;font-size:.75rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s ease,color .15s ease,border .15s ease}.menu-admin-role-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.menu-admin-role-btn:hover{background:#e5e7eb}.menu-item--admin{font-weight:600;color:#1d4ed8}.menu-item--admin span:before{content:"★ ";font-size:.85em;color:#f59e0b}.content{display:grid;justify-items:center;align-content:start;flex:1 1 auto;min-height:0;place-items:center;padding:var(--space-3);background:#e6e6e6}.msg_bienvenue{color:#373737;font-size:20px;padding-bottom:2rem}.bvn{font-size:40px}.calendar-card{width:max(336px,45vw);background:var(--clr-card);color:var(--clr-text);border-radius:2%;box-shadow:0 10px 30px #00000026;display:grid;grid-template-rows:auto 1fr;overflow:hidden}@media (min-width: 480px){.calendar-card{width:max(400px,30vw)}}@media (min-width: 1921px){.calendar-card{width:25vw}}.calendar-card__body{padding:var(--space-3)}.calendar-card .react-calendar{width:100%;border:none;background:transparent;color:var(--clr-text);font-size:13px}.calendar-card .react-calendar__navigation{display:grid!important;grid-template-columns:40px 1fr 40px;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.calendar-card .react-calendar__navigation__prev2-button,.calendar-card .react-calendar__navigation__next2-button{display:none!important}.calendar-card .react-calendar__navigation__prev-button,.calendar-card .react-calendar__navigation__next-button{width:40px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0;font-size:20px;line-height:1;white-space:nowrap}.calendar-card .react-calendar__navigation__prev-button:hover,.calendar-card .react-calendar__navigation__next-button:hover{background:#ffffff56;color:#000;cursor:pointer;transform:scale(1.05)}.calendar-card .react-calendar__navigation__label{text-align:center;font-size:20px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.calendar-card .react-calendar__month-view__weekdays{text-align:center;font-weight:600;text-transform:uppercase;font-size:10px;color:#bfbfbf;margin-bottom:4px}.calendar-card .react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:var(--calendar-gap);padding:var(--calendar-gap);box-sizing:border-box}.calendar-card .react-calendar__tile{aspect-ratio:1 / 1;border-radius:50%;font-size:25px;padding:4px;display:flex;align-items:center;justify-content:center;color:#ffc943;background:#757575;cursor:pointer;transition:background .2s,color .2s,transform .06s}.calendar-card .react-calendar__tile:hover{background:#fff;cursor:pointer;transform:scale(1.05)}@media (max-width: 900px){.calendar-card .react-calendar__tile{font-size:2.5vw}}@media (max-width: 600px){.calendar-card .react-calendar__tile{font-size:4.5vw}}.calendar-card .react-calendar__tile--active{background:#ffc943;color:#fff;font-weight:700;transform:scale(.95)}.calendar-card .react-calendar__tile--active:hover{background:#fff;color:#ffc943;transform:scale(1)}.calendar-card .react-calendar__tile:disabled{opacity:.35;pointer-events:none;background:#000}.calendar-card .react-calendar__month-view__days__day--neighboringMonth{background:#373737;color:#373737}.calendar-card .react-calendar__tile--active:enabled:focus,.calendar-card .react-calendar__tile--active:focus,.calendar-card .react-calendar__tile--active:focus-visible{background:#ffc943;color:#fff;outline:none}.calendar-card .react-calendar__tile--active:focus:hover{background:#fff;color:#ffc943}.calendar-card .react-calendar__tile--now{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--today, #FFC943)}.valider{background:#000;color:#fff;font-size:1rem;font-weight:500;padding:.6em 1.2em;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.valider:hover{background:#1eaf25;transform:scale(1.05)}.valider:active{transform:scale(.97)}.rdv-day-future{background-color:#4caf50!important;color:#fff!important}.rdv-day-past{background-color:#ccc!important;color:#333!important}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup{background:#fff;border-radius:14px;padding:24px 32px;box-shadow:0 8px 25px #00000040;max-width:500px;width:90%;text-align:left;position:relative;z-index:1000;animation:popupFade .3s ease forwards}@keyframes popupFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popup h3{margin-bottom:16px;font-size:1.5rem;color:#333;text-align:center}.popup p{margin-bottom:12px;font-size:1rem;color:#1a1a1a;line-height:1.4}.box-rdv{background-color:#f9f9f9;padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-weight:500}.popup-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.popup-buttons button{flex:1;padding:.7em 1.2em;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #00000026}.popup-buttons button:first-child{background-color:#ddd;color:#333}.popup-buttons button:first-child:hover{background-color:#cfcfcf}.popup-buttons .cancel-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.popup-buttons .cancel-btn:hover{background:linear-gradient(135deg,#ff5e5e,#e74c3c);transform:translateY(-2px);box-shadow:0 8px 15px #e74c3c59}.popup-buttons .cancel-btn:active{transform:scale(.97);box-shadow:0 4px 10px #c0392b4d}.popup-buttons .add-btn{background:#3e9441;color:#fff}@media (max-width: 600px){.popup{padding:20px 18px}.popup h3{font-size:1.3rem}.popup p{font-size:.95rem}.popup-buttons button{font-size:.95rem;padding:.6em 1em}}.rdv-day-valid{background-color:#4caf50!important;color:#fff!important}.rdv-day-pending{background-color:#ffb74d!important;color:#1a1a1a!important}.rdv-day-canceled{background-color:#e57373!important;color:#fff!important}.popup-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;color:#333}.popup-nav__info{flex:1;text-align:center;font-weight:600}.popup-nav__btn{min-width:36px;height:32px;border-radius:8px;border:1px solid #ccc;background-color:#f3f3f3;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.popup-nav__btn:hover{background-color:#e6e6e6;transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.popup-nav__btn:active{transform:translateY(0);box-shadow:none}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.rdv-background{background:#ececec}.form{padding-left:.5rem}.message,.address_rdv,.matiere,.heure,.enseignant,.duree,.repeat,.eleve{font-size:1.1rem;font-weight:600;display:inline-block;margin-bottom:6px}.message_text,.address_text_rdv,.matiere_text,.heure_text,.duree_text,.professeur_text,.repeat_text,.eleve_text{width:400px;max-width:100%;height:60px;padding:1em;border:2px solid #ccc;border-radius:7px;font-size:1rem;transition:border .2s,background .2s;background:#b3b3b3;margin-bottom:25px;box-sizing:border-box}.message_text:hover,.address_text_rdv:hover,.matiere_text:hover,.heure_text:hover,.duree_text:hover,.professeur_text:hover,.repeat_text:hover,.eleve_text:hover{background:#888;border-color:#777}.text-red-500{color:red;margin-top:-18px;margin-bottom:12px;font-size:.85rem}.retour,.envoyer{background:#000;color:#fff;font-size:1rem;font-weight:500;padding:.6em 1.2em;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.retour:hover{background:gray}.envoyer:hover{background:#1eaf25}.retour:active,.envoyer:active{transform:scale(.97)}.envoyer{margin-bottom:100px}@media (max-width: 600px){.message_text,.address_text_rdv,.matiere_text,.heure_text,.duree_text,.professeur_text,.repeat_text,.eleve_text{width:95vw}.form{padding-left:1vw}.message,.address_rdv,.matiere,.heure,.enseignant,.duree,.repeat,.eleve{font-size:1.05rem;padding:.3rem 0}}.conn-page{min-height:100svh;display:grid;place-items:center;background:#fff;padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.conn-loading{font:500 16px/1.4 system-ui;color:#333;padding:20px}.conn-card{width:min(420px,92vw);background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:40px 50px;box-shadow:0 6px 18px #0000001a;text-align:center}.conn-title{margin:0 0 10px;color:#222;font-weight:700;font-size:clamp(1.5rem,1.2rem + 1.2vw,1.9rem)}.conn-text{margin:0 0 24px;color:#666;font-size:clamp(.95rem,.9rem + .3vw,1.05rem)}.conn-btnWrap{display:flex;justify-content:center}.conn-btnWrap>*{width:100%;max-width:300px}.g_id_signin,.g_id_signin>div{width:100%!important}@media (max-width: 480px){.conn-card{padding:28px 18px;border-radius:10px}.conn-title{font-size:1.5rem}}:root{--inscr-primary: #ffca43;--inscr-primary-dark: #e6b93c;--inscr-text: #2b2b2b;--inscr-text-muted: #666;--inscr-surface: #fff;--inscr-surface-100: #f5f5f5;--inscr-border: #d1d1d1;--inscr-shadow: 0 8px 22px rgba(0,0,0,.1);--inscr-radius: 14px;--inscr-gap-3: 12px;--inscr-gap-4: 16px;--inscr-gap-5: 20px;--inscr-gap-6: 24px}.inscr-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;background:#fff;padding:var(--inscr-gap-6) var(--inscr-gap-4);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.inscr-card{width:100%;max-width:min(96vw,960px);background:var(--inscr-surface);color:var(--inscr-text);border-radius:var(--inscr-radius);box-shadow:var(--inscr-shadow);padding:clamp(24px,4vw,48px);margin-top:24px;margin-bottom:40px}.inscr-toggleRow{display:flex;flex-wrap:wrap;gap:var(--inscr-gap-3);justify-content:center;margin-bottom:var(--inscr-gap-6)}.inscr-toggle{cursor:pointer;border:2px solid #000;background:#000;color:#fff;border-radius:12px;padding:.9em 1.2em;min-width:160px;font-weight:700;box-shadow:0 4px 10px #00000040;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.inscr-toggle:hover{transform:translateY(-2px);background:#111;border-color:#111}.inscr-toggle.is-active{background:linear-gradient(135deg,var(--inscr-primary),var(--inscr-primary-dark));color:#3d2b00;border-color:var(--inscr-primary);box-shadow:0 6px 15px #ffca4373}.inscr-grid{display:grid;grid-template-columns:1fr;gap:var(--inscr-gap-4);min-height:360px}.inscr-colFull{grid-column:1 / -1}@media (min-width: 860px){.inscr-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:var(--inscr-gap-5)}}.inscr-label{display:block;font-weight:700;color:var(--inscr-text);margin-bottom:8px;font-size:1rem}.inscr-input,.inscr-select{width:100%;height:48px;padding:0 .9em;font-size:1rem;color:var(--inscr-text);background-color:var(--inscr-surface-100);border:2px solid var(--inscr-border);border-radius:10px;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.inscr-input:focus,.inscr-select:focus{border-color:var(--inscr-primary-dark);background-color:#fff;box-shadow:0 0 0 3px #ffca4359}.inscr-input::placeholder{color:var(--inscr-text-muted);font-style:italic}.inscr-error{color:#d10000;font-size:.95rem;margin-top:6px}.inscr-matieres{display:flex;flex-wrap:wrap;gap:var(--inscr-gap-3);justify-content:center;margin-top:var(--inscr-gap-4)}.inscr-matiereItem .inscr-NiveauItem{position:relative}.inscr-matiereItem input[type=checkbox],.inscr-NiveauItem input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.inscr-matiereItem label,.inscr-NiveauItem label{display:inline-block;padding:12px 22px;min-width:140px;text-align:center;font-weight:700;color:var(--inscr-text);background-color:#f7f7f7;border:2px solid var(--inscr-border);border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.inscr-NiveauItem label{padding:6px}.inscr-matiereItem label:hover,.inscr-NiveauItem label:hover{background-color:#fff7e0;border-color:var(--inscr-primary);transform:translateY(-2px)}.inscr-matiereItem input[type=checkbox]:checked+label,.inscr-NiveauItem input[type=checkbox]:checked+label{background-color:var(--inscr-primary);border-color:var(--inscr-primary);color:#3d2b00;box-shadow:0 4px 8px #ffca4366}.inscr-submit{width:100%;background:linear-gradient(135deg,var(--inscr-primary),var(--inscr-primary-dark));border:none;border-radius:12px;color:#3d2b00;font-weight:600;font-size:1.1rem;padding:.9em 1.2em;cursor:pointer;box-shadow:0 6px 15px #ffca434d;transition:all .25s ease;margin-top:8px}.inscr-submit:hover{background:linear-gradient(135deg,#ffd76a,var(--inscr-primary-dark));transform:translateY(-2px);box-shadow:0 10px 20px #ffca4373}.inscr-submit:active{transform:scale(.98)}@media (max-width: 600px){.inscr-matieres label{min-width:46%;padding:12px 14px}}.inscr-input,.inscr-select{box-sizing:border-box;width:100%;max-width:100%}.family-input-wrapper{display:flex;flex-direction:column;gap:4px}.family-input-field{position:relative;width:100%}.family-input{width:100%;height:48px;padding:0 72px 0 12px;border:1.5px solid #ccc;border-radius:8px;font-size:.95rem;background:var(--inscr-surface-100)}.family-btn-generate{position:absolute;right:38px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;transition:color .2s}.family-btn-generate:hover{color:#6366f1}.family-btn-help{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;transition:color .2s}.family-btn-help:hover{color:#6366f1}.family-help-box{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 12px;box-shadow:0 3px 10px #0000001a;font-size:.85rem;color:#333;z-index:20}.inscr-conjointRow{display:flex;flex-direction:column;gap:8px}.inscr-conjointRow select{max-height:220px;overflow-y:auto}.inscr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--inscr-gap-5);padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.inscr-title{margin:0;font-weight:800;font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--inscr-text)}.inscr-menu-btn{padding:.55rem 1.1rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--inscr-primary),var(--inscr-primary-dark));color:#3d2b00;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #0000002e;transition:background .15s,transform .1s,box-shadow .15s}.inscr-menu-btn:hover{background:linear-gradient(135deg,#ffd76a,var(--inscr-primary-dark));transform:translateY(-1px);box-shadow:0 6px 16px #00000038}.inscr-menu-btn:active{transform:translateY(0)}@media (max-width: 600px){.inscr-header{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.inscr-title{text-align:center;font-size:1.45rem}.inscr-menu-btn{width:100%;max-width:280px}}.family-conjoint-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.family-conjoint-select{flex:1;min-width:220px;padding:10px 14px;border-radius:10px;border:2px solid #e5e7eb;background:#f9fafb;color:#1f2937;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.family-conjoint-select:focus{border-color:#ffca43;background:#fff;box-shadow:0 0 0 3px #ffca4359}.family-conjoint-addBtn{padding:10px 14px;border-radius:999px;border:2px solid #ffca43;background:#fff6d8;color:#9a6d00;font-weight:600;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.family-conjoint-addBtn:hover{background:#ffe394;transform:translateY(-1px);box-shadow:0 4px 10px #ffca4359}.family-conjoint-addBtn:active{transform:scale(.98)}.family-subcard{background:#fff;border-radius:12px;padding:16px;border:2px solid #f0f0f0;box-shadow:0 4px 12px #0000000d;margin-bottom:18px}.family-subcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.family-subcard-title{font-size:1rem;font-weight:700;margin:0}.family-deleteBtn{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.85rem;transition:background .2s ease,color .2s ease}.family-deleteBtn:hover{background:#fecaca;color:#7f1d1d}@media (max-width: 600px){.family-conjoint-row{flex-direction:column;align-items:stretch}}.family-children-header{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.family-children-title{font-size:1.1rem;font-weight:700}.family-children-addBtn{padding:8px 14px;border-radius:999px;border:2px solid var(--primary);background:#fff8dd;color:#8a5f00;font-weight:600;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:.15s ease}.family-children-addBtn:hover{background:#ffe394;transform:translateY(-1px);box-shadow:0 3px 10px #ffca434d}.family-child-card{background:#fff;border-radius:12px;padding:16px;border:2px solid #f0f0f0;box-shadow:0 4px 12px #0000000d;margin-bottom:18px}.family-child-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.family-child-card-title{font-size:1rem;font-weight:700;margin:0}.family-child-removeBtn{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.85rem;transition:.15s ease}.family-child-removeBtn:hover{background:#fecaca;color:#7f1d1d}.family-child-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.family-child-grid{grid-template-columns:repeat(2,1fr)}}.family-child-input{height:42px;padding:0 14px;border:2px solid var(--border);border-radius:10px;background:#f9fafb;color:#1f2937;outline:none;transition:.2s ease;width:100%}.family-child-input:focus{border-color:var(--primary-dark);background:#fff;box-shadow:var(--ring)}.family-child-label{font-weight:600;margin-bottom:4px;display:block}.family-child-matieres,.family-child-niveau{display:flex;flex-wrap:wrap;gap:12px}.family-child-matieres input[type=checkbox],.family-child-niveau input[type=checkbox]{position:absolute;opacity:0}.family-child-matieres label,.family-child-niveau label{display:inline-block;padding:8px 14px;min-width:110px;text-align:center;font-weight:600;border-radius:999px;border:2px solid var(--border);background:#fdfdfd;cursor:pointer;-webkit-user-select:none;user-select:none;color:#444;transition:.15s ease}.family-child-matieres label:hover,.family-child-niveau label:hover{transform:translateY(-1px);background:#fff7df;border-color:var(--primary)}.family-child-matieres input[type=checkbox]:checked+label,.family-child-niveau input[type=checkbox]:checked+label{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#3d2b00;border-color:var(--primary);box-shadow:0 4px 12px #ffca4359}.family-child-profs{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.family-child-profItem input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.family-child-profItem{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;border:2px solid var(--inscr-border);background:#fdfdfd;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600;color:var(--inscr-text);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.family-child-profItem:hover{background-color:#fff7df;border-color:var(--inscr-primary);transform:translateY(-1px);box-shadow:0 3px 8px #0000000f}@media (max-width: 600px){.family-child-profItem{flex:1 1 48%;text-align:center}}.family-child-profItem-checked{background:linear-gradient(135deg,var(--inscr-primary),var(--inscr-primary-dark));color:#3d2b00;border-color:var(--inscr-primary);box-shadow:0 4px 12px #ffca4359}.notification-container{max-width:1100px;margin:50px auto}.notification-title{font-size:1.6rem;font-weight:700;margin:8px 10px}.rdv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 980px){.rdv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.rdv-grid{grid-template-columns:1fr}}.rdv-card{background:#fff;border-radius:14px;border:1px solid #eaeaea;box-shadow:0 4px 18px #0000000a;padding:14px 16px;transition:transform .12s ease,box-shadow .12s ease}.rdv-header{display:flex;align-items:center;justify-content:space-between;gap:1px;margin-bottom:10px}.rdv-header .date{font-weight:600}.status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.status-valid{background:#aff1b5;color:#2e7d32;border-color:#077c0b}.status-pending{background:#fff3e0;color:#e65100;border-color:#ffe0b2}.status-waiting{background:#99cff5;color:#1565c0;border-color:#0e5792}.status-cancelled{background:#f89eac;color:#c21d1d;border-color:#6b0b14}.status-invalid{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}.rdv-address,.rdv-matiere{margin:6px 0 20px;line-height:1.4}.rdv-cancel-text{margin:8px 0 0;color:#c62828;font-weight:600}.action-btn,.cancel-btn,.close-btn,.Reserver{appearance:none;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.action-btn:hover{background:#f0d457;transform:translateY(-1px);box-shadow:0 6px 18px #1a237e1f}.cancel-btn{background:#ffebee;color:#c62828;border-color:#ffcdd2}.cancel-btn:hover{background:#ffcdd2;transform:translateY(-1px);box-shadow:0 6px 18px #c628281f}.close-btn{background:#f6f6f6;color:#333;border-color:#eaeaea}.close-btn:hover{background:#eee;transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.Reserver{background:#1a73e8;color:#fff;border-color:#1a73e8}.Reserver:hover{background:#1669d2;transform:translateY(-1px);box-shadow:0 8px 20px #1a73e82e}.action-btn:focus-visible,.cancel-btn:focus-visible,.close-btn:focus-visible,.Reserver:focus-visible{outline:3px solid #90caf9;outline-offset:2px}.popup-overlay{position:fixed;inset:0;background:#0e121a85;display:grid;place-items:center;z-index:50}.popup{width:min(680px,92vw);background:#fff;border-radius:16px;border:1px solid #eaeaea;box-shadow:0 24px 50px #00000024;padding:18px 18px 16px;max-height:88vh;overflow:auto}.popup h3{margin:2px 0 10px;font-size:1.35rem;font-weight:800}.popup-info p{margin:8px 0}.popup-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}.pagination{display:flex;justify-content:center;gap:8px;margin:18px 0 6px}.pagination button{background:#f6f8fb;color:#1f2937;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.pagination button:hover{background:#eef2ff;transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.pagination button.active{background:#1a73e8;color:#fff;border-color:#1a73e8;box-shadow:0 10px 20px #1a73e82e}.text-red-500{color:#ef4444}@supports (-webkit-font-smoothing: antialiased){html{-webkit-font-smoothing:antialiased}}html,body{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{margin-top:auto}.mark-read-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;border-radius:50px;border:1px solid #666666;background:linear-gradient(145deg,#fff,#f3f3f3);color:#222;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #0000001a;margin-bottom:10px}.mark-read-btn:hover{background:#eeb311;color:#fff;border:0px;box-shadow:0 6px 15px #00000040;transform:translateY(-2px)}.mark-read-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #0003}.mark-read-btn:before{content:"✓";font-weight:700;font-size:18px;transition:transform .3s ease}.mark-read-btn:hover:before{transform:scale(1.2) rotate(-10deg)}.popup .action-btn{width:auto;margin-top:0}.popup .cancel-btn,.popup .close-btn{width:auto}.popup .popup-buttons>button{flex:1 1 0;min-width:140px}.userqv-list{display:inline-flex;flex-wrap:wrap;gap:8px}.userqv-btn-user{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-size:.9rem;padding:6px 10px 6px 6px;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.userqv-btn-user:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.userqv-btn-user:active{transform:translateY(0);box-shadow:none}.userqv-username{white-space:nowrap;font-weight:500;color:#111827}@media (max-width: 480px){.userqv-btn-user{font-size:.85rem;padding:5px 9px 5px 5px}.userqv-avatar-mini{width:24px;height:24px}}.popup.popup--bilan{max-width:720px;width:calc(100% - 32px)}.popup-subtitle{margin:6px 0 12px;color:#6b7280;font-size:.95rem}.bilan-textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.bilan-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.bilan-meta{margin-top:8px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#6b7280;font-size:.85rem}.bilan-error{color:#dc2626;font-weight:600}.close-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.close-btn:hover{background:#f9fafb;transform:translateY(-1px)}.date-hint{margin-bottom:6px;font-size:.9em;opacity:.7}.rdv-card-buttons{margin-top:20px;display:flex;flex-direction:column;gap:12px}.admin-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem;color:#374151}.admin-switch-checkbox{display:none}.admin-switch-label{position:relative;width:42px;height:22px;background:#d1d5db;border-radius:999px;transition:background .25s;cursor:pointer}.admin-switch-label:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #00000040}.admin-switch-checkbox:checked+.admin-switch-label{background:#fcc922}.admin-switch-checkbox:checked+.admin-switch-label:after{transform:translate(20px)}@media (max-width: 640px){.admin-toggle{font-size:.85rem}}.rdv-documents-chip{font-size:.8rem;color:#4b5563;margin-top:.25rem}.rdv-documents{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.rdv-documents-title{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.rdv-documents-hint{font-size:.8rem;color:#6b7280;margin:0 0 .75rem}.rdv-documents-list{list-style:none;padding:0;margin:0 0 .75rem}.rdv-document-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px dashed #e5e7eb}.rdv-document-name{font-size:.9rem;text-decoration:underline;text-underline-offset:2px;color:#2563eb;word-break:break-all}.rdv-document-name:hover{text-decoration-thickness:2px}.rdv-document-delete-btn{border:none;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:.2rem .7rem;font-size:.75rem;cursor:pointer;white-space:nowrap}.rdv-document-delete-btn:hover{background:#fecaca}.rdv-document-input-wrapper{margin-top:.25rem}.rdv-document-add-btn{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px dashed #9ca3af;padding:.35rem .9rem;background:#f9fafb;font-size:.8rem;cursor:pointer}.rdv-document-add-btn:hover{background:#e5e7eb}.rdv-document-input-hidden{display:none}.rdv-pending-files{font-size:.8rem;margin-bottom:.5rem}.rdv-pending-label{font-weight:500}.rdv-pending-list{list-style:none;padding-left:0;margin:.25rem 0 0}.rdv-pending-file-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem 0}.rdv-pending-remove-btn{border:none;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:.15rem .6rem;font-size:.7rem;cursor:pointer}.rdv-pending-remove-btn:hover{background:#fecaca}.bilan-documents{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:.75rem;font-size:.9rem}.bilan-documents-title{font-weight:600;margin-bottom:.25rem}.bilan-documents-help{margin-bottom:.5rem;color:#6b7280}.bilan-documents-list{list-style:disc;padding-left:1.25rem;margin:.25rem 0 .75rem}.bilan-documents-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.bilan-documents-link{text-decoration:underline;cursor:pointer}.bilan-documents-delete{border:none;background:#fee2e2;color:#b91c1c;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;cursor:pointer}.bilan-documents-delete:hover{background:#fecaca}.bilan-documents-upload{margin-top:.25rem}.bilan-documents-upload-label{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px dashed #d1d5db;padding:.25rem .75rem;font-size:.85rem;cursor:pointer}.bilan-documents-upload-label input[type=file]{display:none}.rdv-card{background:#fff;border-radius:14px;border:1px solid #eaeaea;box-shadow:0 4px 18px #0000000a;padding:14px 16px;transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;height:100%}.rdv-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000000f}.rdv-card.passed{opacity:.85}.rdv-address,.rdv-matiere{margin:6px 0 12px;line-height:1.4}.rdv-card-buttons{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #f3f4f6}.action-btn{width:100%;font-size:16px;background:#eec12e;color:#000;border-color:#fff;margin-top:0}.cancel-btn--compta{font-size:.85rem;padding:6px 10px;width:auto;align-self:flex-start;margin-bottom:10px}.rdv-section{margin-top:20px}.rdv-section-header{width:100%;padding:10px 6px;margin-bottom:8px;border:none;background:transparent;display:flex;justify-content:space-between;align-items:center;font-size:.98rem;font-weight:700;color:#111827;cursor:pointer}.rdv-section-header:after{content:"";flex:1;height:1px;margin-left:10px;background:linear-gradient(to right,#e5e7eb,#f9fafb)}.rdv-section-header span:last-child{flex:0 0 auto;font-size:.9rem;margin-left:10px;color:#6b7280}.rdv-section-header:hover{background:#f9fafb;border-radius:8px}.rdv-section-empty{font-size:.9rem;color:#6b7280;margin:4px 2px 0}.rdv-section .rdv-grid{margin-top:8px}@media (max-width: 640px){.rdv-section{margin-top:16px}.rdv-section-header{padding:8px 4px;font-size:.95rem}}.rdv-address-link{background:none;border:none;padding:0;margin:0;font:inherit;color:#07c;text-decoration:underline;cursor:pointer}.rdv-address-link:hover{color:#005999}.rdv-mini-map{margin-top:.5rem;border-radius:8px;overflow:hidden;border:1px solid #ddd}.rdv-mini-map iframe{display:block;width:100%;height:220px;border:0}.userqv-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out}.userqv-card{background:#fff;border-radius:20px;box-shadow:0 15px 40px #0003,0 2px 8px #0000000f;width:100%;max-width:440px;padding:26px;animation:slideUp .25s ease-out;display:flex;flex-direction:column;overflow:hidden}.userqv-header{display:flex;align-items:center;gap:18px;margin-bottom:20px}.userqv-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#f3f4f6;border:2px solid #e5e7eb}.userqv-avatar--placeholder{display:flex;align-items:center;justify-content:center}.userqv-identity{display:flex;flex-direction:column;gap:3px}.userqv-name{font-weight:600;font-size:1.15rem;color:#111827}.userqv-email{font-size:.9rem;color:#6b7280;word-break:break-all}.userqv-role{font-size:.9rem;background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb;display:inline-flex;padding:3px 8px;border-radius:8px;margin-top:4px}.userqv-body{flex:1;display:flex;flex-direction:column;gap:10px;color:#374151}.userqv-section{display:flex;flex-direction:column;gap:8px;background:#f9fafb;border-radius:12px;padding:10px 12px;border:1px solid #f1f5f9}.userqv-section p{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.userqv-section b{color:#111827;font-weight:600}.userqv-chips{display:flex;flex-wrap:wrap;gap:6px}.userqv-chip{background:#e0e7ff;color:#1e3a8a;font-size:.8rem;padding:3px 8px;border-radius:9999px;border:1px solid #c7d2fe}.userqv-footer{display:flex;justify-content:flex-end;margin-top:22px}.userqv-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:500;border:none;border-radius:10px;padding:8px 18px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.userqv-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.userqv-btn:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.userqv-error{color:#dc2626;font-weight:500;margin-top:10px}@media (max-width: 480px){.userqv-card{padding:18px;max-width:calc(100vw - 24px)}}.complete-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#fff;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.complete-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px 60px;text-align:center;animation:fadeInUp .8s ease}.complete-title{color:#000;font-size:2.2rem;margin-bottom:15px}.complete-message{font-size:1.2rem;color:#444;margin-bottom:25px}.complete-date{font-weight:600;color:#000}.complete-button{background-color:#7e7e7e;color:#fff;border:none;border-radius:30px;padding:12px 25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.complete-button:hover{background-color:#000;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.complete-card{padding:30px 20px;width:90%}.complete-title{font-size:1.8rem}.complete-message{font-size:1rem}}.complete-success{margin-top:1rem;padding:.75rem 1rem;border:1px solid #4caf50;background-color:#4caf5014;color:#2e7d32;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;text-align:center;animation:fadeInSuccess .4s ease-out forwards}.complete-success a{color:#2e7d32;font-weight:600;text-decoration:underline;transition:color .2s ease}.complete-success a:hover{color:#1b5e20}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root{--bg: #f7f7fb;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #ffca43;--primary-dark: #e6b93c;--border: #e5e7eb;--ring: 0 0 0 3px rgba(255,202,67,.35);--radius: 12px;--shadow: 0 8px 24px rgba(0,0,0,.08);--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}*{box-sizing:border-box}.profil-container{min-height:auto;width:100%;display:flex;justify-content:center;align-items:flex-start;background:var(--bg);padding:var(--space-6) var(--space-4)}.profil-card{width:100%;max-width:720px;background:var(--card);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,36px)}.profil-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.btn-ghost{background:transparent;border:none;color:#4b5563;font-size:.95rem;font-weight:600;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{color:#111827;text-decoration:underline}.profil-title{margin:0;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:800;letter-spacing:.2px}.profil-subtitle{margin:24px 0 8px;font-size:1rem;font-weight:700}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:700;font-size:.98rem}.field input{height:46px;padding:0 var(--space-4);border:2px solid var(--border);border-radius:10px;background:#f9fafb;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--primary-dark);background:#fff;box-shadow:var(--ring)}.error{margin:6px 0 0;color:#d10;font-size:.9rem}.actions{margin-top:var(--space-6);display:flex;justify-content:center;width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#3d2b00;font-weight:700;border:none;border-radius:10px;padding:.85em 1.4em;cursor:pointer;box-shadow:0 6px 16px #ffca4359;transition:transform .15s ease,box-shadow .2s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #ffca4373;filter:brightness(1.02)}@media (min-width: 760px){.grid{grid-template-columns:repeat(2,1fr)}.field.full{grid-column:1 / 3}}.matiere_group,.niveau_group{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 20px}.matiere_group .matiere-item,.niveau_group .niveau-item{position:relative}.matiere_group input[type=checkbox],.niveau_group input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.matiere_group label,.niveau_group label{display:inline-block;padding:10px 16px;min-width:140px;text-align:center;font-weight:600;border-radius:999px;border:2px solid var(--border);background:#fdfdfd;cursor:pointer;-webkit-user-select:none;user-select:none;color:#444;transition:transform .12s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease}.matiere_group label:hover,.niveau_group label:hover{transform:translateY(-1px);background:#fff8dd;border-color:var(--primary);box-shadow:0 3px 10px #ffca4340}.matiere_group input[type=checkbox]:checked+label,.niveau_group input[type=checkbox]:checked+label{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#3d2b00;border-color:var(--primary);box-shadow:0 5px 16px #ffca4359;transform:translateY(-1px)}.inline-copy{display:flex;gap:8px;align-items:center}.inline-copy input[readonly]{background:#f7f7f7;cursor:default}.hint.success{color:#0a7c2f;font-size:.9rem}.profil-container{width:100%;display:flex;justify-content:center;padding:20px}.profil-stack{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px}.profil-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000014}.profil-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profil-title{font-size:1.6rem;font-weight:700;margin:0}.btn-ghost{background:none;border:none;color:#2563eb;font-size:1rem;cursor:pointer;padding:4px 0;transition:.2s}.btn-ghost:hover{opacity:.7}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column}.field.full{grid-column:1 / -1}label{font-size:.95rem;margin-bottom:4px;font-weight:600}input{border:1px solid #d1d5db;padding:10px;border-radius:8px;font-size:1rem;transition:.2s}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.error{color:#dc2626;margin-top:4px;font-size:.85rem}.actions{display:flex;justify-content:center;margin-top:24px}.btn-primary{background-color:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;cursor:pointer;transition:.2s}.btn-primary:hover{background-color:#1e4fd9}.profil-subtitle{font-size:1.3rem;font-weight:600;margin-bottom:12px}.no-children{font-size:.95rem;color:#6b7280}.child-select-wrapper{margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.child-select{position:relative;display:inline-block;width:100%}.child-select select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:9999px;border:1px solid #d1d5db;padding:10px 40px 10px 14px;font-size:.95rem;background-color:#f9fafb;cursor:pointer;transition:.2s}.child-select select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.child-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.85rem;color:#6b7280}@media (max-width: 700px){.grid{grid-template-columns:1fr}.profil-card{padding:18px}.profil-title{font-size:1.3rem}}.avatar-editor{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.avatar-preview{display:flex;align-items:center;justify-content:center}.avatar-preview img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid #ffca43;box-shadow:0 4px 16px #0000002e}.avatar-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.avatar-actions .btn-primary,.avatar-actions .btn-secondary,.avatar-actions .btn-danger{border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease,transform .06s ease,box-shadow .12s ease}.avatar-actions .btn-secondary{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.avatar-actions .btn-secondary:hover{background:#e5e7eb}.avatar-actions .btn-primary{background:linear-gradient(135deg,#f8c727,#ecbc1b);color:#fff;box-shadow:0 2px 10px #ebc72573}.avatar-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ebac2580}.avatar-actions .btn-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.avatar-actions .btn-danger:hover{background:#fecaca;color:#7f1d1d}.compta-container{max-width:900px;margin:0 auto;padding:2rem 1rem 3rem}.compta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.compta-title{font-size:1.6rem;font-weight:600}.compta-month-select{display:inline-flex;align-items:center;gap:.5rem}.compta-month-select select{padding:.3rem .5rem;border-radius:6px;border:1px solid #d1d5db}.compta-summary{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;font-size:.95rem}.compta-table-wrapper{overflow-x:auto}.compta-table{width:100%;border-collapse:collapse;font-size:.95rem}.compta-table th,.compta-table td{border:1px solid #e5e7eb;padding:.5rem .75rem}.compta-table th{background:#f3f4f6;text-align:left;font-weight:600}.compta-table tr:nth-child(2n){background:#f9fafb}.desktop-only{display:block}.mobile-only{display:none}.compta-cards{flex-direction:column;gap:.75rem}.compta-card{border-radius:10px;border:1px solid #e5e7eb;padding:.75rem .9rem;background:#fff;box-shadow:0 1px 2px #0f172a0f}.compta-card-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;margin-bottom:.25rem}.compta-card-row--main{font-weight:600;margin-bottom:.35rem}.compta-card-label{color:#6b7280;flex-shrink:0}.compta-card-value{text-align:right;flex:1}.compta-card-bilan{white-space:normal;text-align:left;margin-top:.1rem}.compta-empty-month{font-size:.9rem;color:#6b7280}@media (max-width: 640px){.compta-container{padding:1.5rem .75rem 2rem}.compta-title{font-size:1.3rem}.compta-header{flex-direction:column;align-items:flex-start;gap:.5rem}.compta-summary{flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.9rem}.desktop-only{display:none}.mobile-only{display:block}.compta-cards{display:flex}}.carnet-container{max-width:1100px;margin:40px auto;padding:0 16px}.carnet-header{font-size:1.8rem;font-weight:700;margin-bottom:16px}.carnet-section{margin-top:24px}.carnet-section-title{font-size:1.3rem;font-weight:600;margin-bottom:16px}.carnet-empty{color:#6b7280;font-size:.95rem}.carnet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 980px){.carnet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.carnet-grid{grid-template-columns:1fr}}.carnet-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:14px 16px;display:flex;gap:12px;box-shadow:0 4px 14px #0000000a}.carnet-avatar img{width:64px;height:64px;border-radius:999px;object-fit:cover;border:1px solid #e5e7eb}.carnet-card-body{flex:1}.carnet-name{margin:0 0 4px;font-size:1.05rem;font-weight:600}.carnet-sub{margin:2px 0;font-size:.9rem;color:#4b5563}.carnet-contact p{margin:2px 0;font-size:.9rem}.carnet-contact a{color:#1a73e8;text-decoration:none}.carnet-contact a:hover{text-decoration:underline}.carnet-actions{margin-top:8px}.carnet-maps{margin-top:.5rem}.carnet-maps-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.carnet-maps-btn{font-size:.85rem;padding:.3rem .6rem}
