:root{--paper:#fff6ee;--paper-2:#faeee2;--paper-3:#f0e2d5;--paper-dark:#2a2520;--ink:#302b3b;--ink-2:#4a4460;--ink-3:#5a5470;--ink-dark:#ece4d6;--orange:#f2884b;--orange-deep:#ea7637;--orange-dark:#e06f37;--orange-soft:#fde8d8;--indigo:#2e2a5e;--indigo-soft:#4b4593;--indigo-light:#e8e6f0;--gold:#e6b24a;--gold-deep:#d9a441;--gold-dark:#c9942f;--gold-soft:#fbe3a0;--gold-glow:#f6d689;--blue:#3d7bc7;--blue-dark:#2c5e9e;--blue-soft:#e0ecf8;--sage:#6e9683;--sage-hover:#547864;--sage-soft:#daeae0;--clay:#dc8765;--clay-hover:#c5683f;--clay-soft:#fbe0d2;--ochre:var(--gold);--ochre-hover:var(--gold-deep);--ochre-soft:var(--gold-soft);--lavender:#9286a6;--lavender-hover:#6e5f8b;--lavender-soft:#e5dfec;--role-parent:var(--orange);--role-membre:var(--blue);--role-admin:var(--indigo);--white-overlay:#fff;--scrim:#362d2673;--scrim-strong:#362d26a6;--font-display:"Fredoka","Nunito","Quicksand",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-accent:"Fraunces",Georgia,serif;--font-mark:var(--font-display);--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--leading-loose:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #362d260a;--shadow-sm:0 2px 8px #362d260f;--shadow-md:0 6px 18px #362d2614;--shadow-lg:0 14px 32px #362d261a;--shadow-xl:0 24px 56px #362d2624;--shadow-orange:0 6px 18px #f2884b4d;--shadow-indigo:0 6px 18px #2e2a5e40;--shadow-gold:0 6px 18px #e6b24a4d;--shadow-blue:0 6px 18px #3d7bc740;--shadow-sage:0 6px 18px #6e968338;--shadow-clay:0 6px 18px #dc876547;--shadow-ochre:var(--shadow-gold);--shadow-lavender:0 6px 18px #9286a638;--dur-instant:80ms;--dur-fast:150ms;--dur-base:240ms;--dur-slow:400ms;--dur-page:600ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasis:cubic-bezier(0.2,0,0,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0,0,0.2,1);--transition-fast:var(--dur-fast) var(--ease-standard);--transition-base:var(--dur-base) var(--ease-standard);--transition-spring:var(--dur-slow) var(--ease-spring);--z-base:1;--z-dropdown:100;--z-sticky:500;--z-sidebar:900;--z-mobile-header:901;--z-overlay:1000;--z-modal:1100;--z-modal-top:1200;--z-toast:1300;--paper-noise:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27220%27 height=%27220%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%272%27 stitchTiles=%27stitch%27/><feColorMatrix values=%270 0 0 0 0.21  0 0 0 0 0.17  0 0 0 0 0.14  0 0 0 0.08 0%27/></filter><rect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27/></svg>")}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#fff6ee;background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27220%27 height=%27220%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%272%27 stitchTiles=%27stitch%27/><feColorMatrix values=%270 0 0 0 0.21  0 0 0 0 0.17  0 0 0 0 0.14  0 0 0 0.08 0%27/></filter><rect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27/></svg>");background-image:var(--paper-noise);background-repeat:repeat;background-size:220px 220px;color:#302b3b;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);line-height:1.55;line-height:var(--leading-normal);margin:0}code,kbd,pre,samp{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{color:#2e2a5e;color:var(--indigo);line-height:1.15;line-height:var(--leading-tight);margin:0}h1{font-family:Fredoka,Nunito,Quicksand,sans-serif;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}h2,h3{font-weight:700;letter-spacing:-.005em}h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body)}h4,h5,h6{font-weight:600}h1{font-size:2.5rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmerGlow{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #d094394d}50%{box-shadow:0 0 0 8px #d0943900}}@keyframes chounou-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes chounou-modal-slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both;animation:fadeInUp .5s var(--ease-standard) both}.animate-fade-in-scale{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1) both;animation:fadeInScale .4s var(--ease-standard) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.card-hover{transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.card-hover:hover{box-shadow:0 14px 32px #362d261a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-hover:active{transform:translateY(-1px) scale(.99)}.btn-link{background:none;border:none;color:#e6b24a;color:var(--ochre);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--dur-fast) var(--ease-standard)}.btn-link:hover{color:#d9a441;color:var(--ochre-hover);text-decoration:underline}[dir=rtl] body{text-align:right}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.notification-banner{animation:notif-banner-slideIn .3s ease-out;background:var(--white-overlay);border:1px solid var(--paper-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:380px;padding:16px;position:fixed;right:20px;top:20px;z-index:1300}@keyframes notif-banner-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.banner-content{align-items:flex-start;display:flex;gap:12px}.banner-icon{color:var(--orange);flex-shrink:0;margin-top:2px}.banner-text{flex:1 1}.banner-title{color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:4px}.banner-subtitle{color:var(--ink-3);font-size:12px;line-height:1.4}.banner-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:8px}.notification-banner .btn-primary{background:var(--orange);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.notification-banner .btn-primary:hover{background:var(--orange-deep)}.btn-dismiss{background:var(--paper);border:none;border-radius:var(--radius-sm);color:var(--ink-3);cursor:pointer;padding:8px;transition:all .2s}.btn-dismiss:hover{background:var(--paper-2);color:var(--ink)}@media (max-width:768px){.notification-banner{left:10px;max-width:none;right:10px;top:10px}.banner-content{align-items:center}.banner-actions{flex-direction:column;width:auto}.notification-banner .btn-primary{white-space:nowrap}}.chounou-toast{align-items:center;animation:toastSlideUp .3s ease-out;border-radius:var(--radius-md);bottom:24px;box-shadow:var(--shadow-lg);display:flex;font-family:var(--font-body);font-size:14px;font-weight:600;gap:10px;left:50%;max-width:90vw;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:var(--z-toast)}.chounou-toast-success{background:var(--sage-soft);border:1px solid var(--sage);color:var(--sage)}.chounou-toast-error{background:var(--clay-soft);border:1px solid var(--clay);color:var(--clay-hover)}.chounou-toast-info{background:var(--orange-soft);border:1px solid var(--orange);color:var(--orange-deep)}.chounou-toast-notification{background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold-deep)}.chounou-toast-icon{flex-shrink:0}.chounou-toast-msg{flex:1 1;line-height:1.4}.chounou-toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;opacity:.6;padding:2px;transition:opacity .2s}.chounou-toast-close:hover{opacity:1}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.chounou-toast{bottom:16px;left:16px;max-width:none;right:16px;transform:none}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.layout-titaton{font-family:var(--font-body);min-height:100vh}.layout-loading,.layout-titaton{background:var(--paper);display:flex;flex-direction:column}.layout-loading{align-items:center;color:var(--ink-3);height:100vh;justify-content:center}.skip-link{background:var(--indigo);border-radius:8px;color:#fff;padding:8px 16px;top:-100px;z-index:9999}.skip-link:focus{top:8px}.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid var(--paper-3);position:sticky;top:0;z-index:100}.topbar-inner{height:60px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.topbar-brand,.topbar-inner{align-items:center;display:flex}.topbar-brand{flex-shrink:0;gap:10px;text-decoration:none}.topbar-logo{border-radius:10px;height:34px;object-fit:cover;width:34px}.topbar-wordmark{color:var(--indigo);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.topbar-nav{gap:4px}.topbar-link,.topbar-nav{align-items:center;display:flex}.topbar-link{border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:500;gap:7px;padding:8px 14px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.topbar-link:hover{background:#2e2a5e0f;color:var(--ink)}.topbar-link.active{background:var(--indigo);box-shadow:0 2px 8px #2e2a5e33;color:#fff;font-weight:600}.topbar-link.active svg{opacity:1}.topbar-right{gap:10px}.topbar-premium,.topbar-right{align-items:center;display:flex}.topbar-premium{background:linear-gradient(135deg,var(--gold),var(--gold-deep));border-radius:20px;box-shadow:0 2px 8px #e6b24a4d;color:var(--indigo);font-size:12px;font-weight:700;gap:5px;padding:6px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s}.topbar-premium:hover{box-shadow:0 4px 14px #e6b24a66;transform:translateY(-1px)}.topbar-user-wrap{position:relative}.topbar-user{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;gap:6px;padding:4px;transition:background .2s}.topbar-user:hover{background:#2e2a5e0f}.topbar-avatar{align-items:center;background:linear-gradient(135deg,var(--orange),var(--orange-deep));border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.topbar-crown{color:var(--gold);margin-left:-4px}.topbar-chevron{color:var(--ink-3);transition:transform .2s}.topbar-chevron.open{transform:rotate(180deg)}.user-dropdown{animation:dropdown-in .15s ease-out;background:#fff;border:1px solid var(--paper-3);border-radius:14px;box-shadow:0 12px 40px #2e2a5e1f;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:200}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{padding:12px 14px 10px}.user-dropdown-name{color:var(--ink);font-size:14px;font-weight:600}.user-dropdown-role{color:var(--ink-3);font-size:12px;margin-top:2px}.user-dropdown-divider{background:var(--paper-3);height:1px;margin:4px 8px}.user-dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--ink-2);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-decoration:none;transition:background .15s;width:100%}.user-dropdown-item:hover{background:var(--paper-2);color:var(--ink)}.user-dropdown-item.premium{color:var(--gold-dark)}.user-dropdown-item.premium:hover{background:var(--gold-soft)}.user-dropdown-item.logout{color:var(--clay-hover)}.user-dropdown-item.logout:hover{background:var(--clay-soft)}.topbar-mobile-toggle{align-items:center;background:none;border:1px solid var(--paper-3);border-radius:10px;color:var(--ink-2);cursor:pointer;display:none;height:38px;justify-content:center;transition:all .2s;width:38px}.topbar-mobile-toggle:hover{background:var(--paper-2);color:var(--ink)}.mobile-menu{background:var(--paper);border-top:1px solid var(--paper-3);display:none;flex-direction:column;padding:8px 16px 16px}.mobile-menu-link{align-items:center;background:none;border:none;border-radius:12px;color:var(--ink-2);cursor:pointer;display:flex;font-family:var(--font-body);font-size:15px;font-weight:500;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;width:100%}.mobile-menu-link.active,.mobile-menu-link:hover{background:#2e2a5e0f;color:var(--ink)}.mobile-menu-link.active{color:var(--indigo);font-weight:600}.mobile-menu-link.logout{color:var(--clay-hover)}.mobile-menu-divider{background:var(--paper-3);height:1px;margin:6px 0}.mobile-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e2a5e33;inset:0;position:fixed;z-index:99}.main-content{margin:0 auto;max-width:1100px;padding:24px 24px 48px;width:100%}.email-verify-banner{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #e6b24a4d;border-radius:14px;margin-bottom:20px;padding:14px 20px}.deletion-banner{background:linear-gradient(135deg,#ffe5b4,#ffcb8e);border-color:#e6b24a80}.email-verify-content{align-items:center;display:flex;gap:12px}.email-verify-icon{flex-shrink:0;font-size:20px}.email-verify-text{color:var(--ink);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:2px}.email-verify-text strong{font-size:14px}.email-verify-text span{color:var(--ink-2)}.email-verify-btn{background:var(--gold);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.email-verify-btn:hover:not(:disabled){background:var(--gold-dark);transform:translateY(-1px)}.email-verify-btn:disabled{cursor:default;opacity:.7}.legal-footer{background:#fff;border-top:1px solid var(--paper-3);padding:16px 24px;text-align:center}.legal-footer-nav{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;justify-content:center}.legal-footer-nav a{color:var(--ink-3);padding:2px 6px;text-decoration:none;transition:color .2s}.legal-footer-nav a:hover{color:var(--orange);text-decoration:underline}.legal-footer-sep{color:var(--paper-3);-webkit-user-select:none;user-select:none}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#2e2a5e59;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.logout-modal{animation:modal-in .25s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #2e2a5e33;max-width:90vw;padding:32px;text-align:center;width:380px}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-modal-icon{align-items:center;background:var(--clay-soft);border-radius:16px;color:var(--clay-hover);display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.logout-modal-title{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 8px}.logout-modal-text{color:var(--ink-3);font-size:14px;line-height:1.5;margin:0 0 24px}.logout-modal-actions{display:flex;gap:12px}.logout-modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.logout-modal-cancel{background:var(--paper-2);border:1px solid var(--paper-3);color:var(--ink)}.logout-modal-cancel:hover{background:var(--paper-3)}.logout-modal-confirm{background:var(--clay-hover);box-shadow:0 4px 12px #c0392b40;color:#fff}.logout-modal-confirm:hover{box-shadow:0 6px 16px #c0392b59;transform:translateY(-1px)}.nav-badge{align-items:center;background:var(--clay);border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-8px;top:-6px}.crown-icon{filter:drop-shadow(0 1px 3px rgba(230,178,74,.5))}@media (max-width:768px){.topbar-nav,.topbar-premium,.topbar-user-wrap{display:none}.mobile-menu,.topbar-mobile-toggle{display:flex}.main-content{padding:16px 16px 40px}.email-verify-content{flex-wrap:wrap}.email-verify-btn{text-align:center;width:100%}.legal-footer-nav{font-size:11px}}@media print{.legal-footer,.topbar{display:none}}.nav-icon-wrap{display:inline-flex;position:relative}.error-boundary{align-items:center;background:var(--paper);display:flex;flex-direction:column;font-family:var(--font-body);justify-content:center;min-height:100vh;padding:20px;text-align:center}.error-boundary-card{background:var(--white-overlay);border:1px solid var(--paper-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;padding:40px;text-align:center;width:100%}.error-boundary-icon{font-size:48px;margin-bottom:16px}.error-boundary-title{color:var(--ink);font-family:var(--font-display);margin:0 0 12px}.error-boundary-message{color:var(--ink-2);font-family:var(--font-body);line-height:1.6;margin:0 0 24px}.error-boundary-actions{display:flex;gap:12px;justify-content:center}.error-boundary-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-weight:600;padding:12px 24px}.error-boundary-btn--primary{background:var(--orange);color:var(--white-overlay)}.error-boundary-btn--secondary{background:var(--paper-2);color:var(--ink)}.error-boundary--section{align-items:center;display:flex;font-family:var(--font-body);justify-content:center;min-height:300px;padding:32px}.error-boundary--section .error-boundary-card{box-shadow:var(--shadow-sm);max-width:420px;padding:32px}.error-boundary--section .error-boundary-icon{font-size:36px;margin-bottom:12px}.error-boundary--section .error-boundary-title{font-size:18px;margin:0 0 8px}.error-boundary--section .error-boundary-message{font-size:14px;line-height:1.5;margin:0 0 20px}.error-boundary--section .error-boundary-btn{font-size:14px;padding:10px 24px}.loading-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-message{color:var(--ink-3);font-size:var(--text-sm)}.landing{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--ink);font-family:var(--font-body),system-ui,sans-serif;line-height:1.65;overflow-x:hidden}.landing .l-brand,.landing h1,.landing h2,.landing h3{font-family:var(--font-display)}.landing .l-accent{font-family:var(--font-accent);font-style:italic;font-weight:400}.landing h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.landing h2{color:var(--indigo);font-size:clamp(1.6rem,3.8vw,2.4rem);font-weight:600;line-height:1.25}.landing h3{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.35}.landing p{font-size:clamp(.95rem,1.6vw,1.08rem)}.landing .l-container{margin:0 auto;max-width:1100px;padding:0 24px}.landing section{padding:100px 0;position:relative}.landing .l-btn{align-items:center;border:none;border-radius:60px;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:1.05rem;font-weight:600;gap:8px;overflow:hidden;padding:16px 36px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.landing .l-btn-primary{background:linear-gradient(135deg,var(--orange) 0,var(--orange-deep) 100%);box-shadow:0 8px 32px -8px #ea763780;color:#fff}.landing .l-btn-primary:hover{box-shadow:0 12px 40px -8px #ea763799;transform:translateY(-2px)}.landing .l-btn-secondary{background:#fff;border:2px solid var(--paper-3);box-shadow:0 4px 16px -4px #2e2a5e14;color:var(--indigo)}.landing .l-btn-secondary:hover{border-color:#4b4593;box-shadow:0 8px 24px -4px #2e2a5e1f;transform:translateY(-2px)}.landing .l-btn-gold{background:linear-gradient(135deg,var(--gold) 0,#c9942f 100%);box-shadow:0 8px 32px -8px #c9942f80;color:#fff}.landing .l-btn-gold:hover{box-shadow:0 12px 40px -8px #c9942f99;transform:translateY(-2px)}.landing .l-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.landing .l-reveal.l-visible{opacity:1;transform:translateY(0)}.landing .l-d1{transition-delay:.1s}.landing .l-d2{transition-delay:.2s}.landing .l-d3{transition-delay:.3s}.landing .l-d4{transition-delay:.4s}.landing .l-nav{left:0;padding:16px 24px;position:fixed;right:0;top:0;transition:all .4s ease;z-index:100}.landing .l-nav.l-scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6eee0;border-bottom:1px solid var(--paper-3);padding:10px 24px}.landing .l-nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px}.landing .l-brand{align-items:center;color:var(--indigo);display:flex;font-size:1.45rem;font-weight:700;gap:8px;text-decoration:none}.landing .l-brand-dot{background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #f2884b2e;flex-shrink:0;height:12px;width:12px}.landing .l-nav .l-btn{font-size:.92rem;padding:10px 24px}.landing .l-nav-links{align-items:center;display:flex;gap:12px}.landing .l-nav-login{border-radius:60px;color:var(--indigo);font-family:var(--font-body);font-size:.92rem;font-weight:500;padding:10px 16px;text-decoration:none;transition:background .2s}.landing .l-nav-login:hover{background:#2e2a5e0f}.landing .l-hero{align-items:center;background:radial-gradient(ellipse 80% 60% at 70% 20%,#fbe3a04d 0,#0000 60%),radial-gradient(ellipse 60% 50% at 20% 80%,#4b45930f 0,#0000 50%),var(--paper);display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;padding-bottom:60px;padding-top:80px}.landing .l-hero .l-container{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.landing .l-hero-text{position:relative;z-index:2}.landing .l-hero-text h1{color:var(--indigo);margin-bottom:20px}.landing .l-hero-text h1 .l-accent{color:var(--orange);font-size:1.05em}.landing .l-hero-subtitle{color:var(--ink-2);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7;margin-bottom:36px;max-width:48ch}.landing .l-hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.landing .l-hero-link{align-items:center;color:#4b4593;display:flex;font-size:.95rem;font-weight:500;gap:6px;text-decoration:none;transition:color .3s}.landing .l-hero-link:hover{color:var(--orange)}.landing .l-hero-link svg{transition:transform .3s}.landing .l-hero-link:hover svg{transform:translateY(3px)}.landing .l-hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.landing .l-mascot-wrap{animation:l-bob 3.6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(46,42,94,.12));width:clamp(220px,28vw,320px)}.landing .l-hero-glow{animation:l-pulse-glow 4s ease-in-out infinite;background:radial-gradient(circle,#e6b24a33 0,#f2884b14 50%,#0000 70%);border-radius:50%;height:340px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:340px}.landing .l-particle{animation:l-float-particle 6s ease-in-out infinite;border-radius:50%;opacity:0;position:absolute}.landing .l-p1{animation-delay:0s;background:#fbe3a0;height:8px;left:20%;top:15%;width:8px}.landing .l-p2{animation-delay:1.5s;background:var(--orange);height:6px;right:15%;top:25%;width:6px}.landing .l-p3{animation-delay:3s;background:#4b4593;bottom:25%;height:10px;left:12%;opacity:.5;width:10px}.landing .l-p4{animation-delay:4.2s;background:var(--blue);bottom:30%;height:5px;right:20%;width:5px}.landing .l-p5{animation-delay:2.3s;background:var(--gold);height:7px;right:35%;top:10%;width:7px}@keyframes l-float-particle{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.7}50%{opacity:.9;transform:translateY(-20px) scale(1)}80%{opacity:.5}}.landing .l-concept{background:#fff;border-bottom:1px solid var(--paper-3);border-top:1px solid var(--paper-3)}.landing .l-section-intro{margin:0 auto 64px;max-width:56ch;text-align:center}.landing .l-section-intro p{color:var(--ink-2);font-size:1.05rem;margin-top:12px}.landing .l-timeline-cards{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);position:relative}.landing .l-timeline-cards:before{background:linear-gradient(90deg,var(--orange),var(--gold),var(--indigo));border-radius:3px;content:"";height:3px;left:16.66%;position:absolute;right:16.66%;top:72px;z-index:1}.landing .l-timeline-card{padding:0 24px;position:relative;text-align:center;z-index:2}.landing .l-timeline-dot{align-items:center;border-radius:50%;box-shadow:0 8px 24px -8px #0000001f;display:flex;height:56px;justify-content:center;margin:0 auto 24px;position:relative;width:56px}.landing .l-timeline-dot:after{border:2px dashed;border-radius:50%;content:"";inset:-5px;opacity:.3;position:absolute}.landing .l-timeline-card:first-child .l-timeline-dot{background:linear-gradient(135deg,var(--orange),var(--orange-deep))}.landing .l-timeline-card:first-child .l-timeline-dot:after{border-color:var(--orange)}.landing .l-timeline-card:nth-child(2) .l-timeline-dot{background:linear-gradient(135deg,var(--gold),#c9942f)}.landing .l-timeline-card:nth-child(2) .l-timeline-dot:after{border-color:var(--gold)}.landing .l-timeline-card:nth-child(3) .l-timeline-dot{background:linear-gradient(135deg,var(--indigo),#4b4593)}.landing .l-timeline-card:nth-child(3) .l-timeline-dot:after{border-color:var(--indigo)}.landing .l-timeline-icon{height:26px;width:26px}.landing .l-timeline-card h3{color:var(--indigo);margin-bottom:8px}.landing .l-timeline-card p{color:var(--ink-2);font-size:.95rem;margin:0 auto;max-width:28ch}.landing .l-time-label{color:#7a6a5e;font-family:var(--font-accent);font-size:.88rem;font-style:italic;font-weight:400;margin-top:12px}.landing .l-how{background:var(--paper)}.landing .l-steps{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.landing .l-step{background:#fff;border:1px solid var(--paper-3);border-radius:24px;overflow:hidden;padding:40px 32px 36px;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.landing .l-step:hover{box-shadow:0 20px 48px -16px #2e2a5e1f;transform:translateY(-6px)}.landing .l-step-number{color:var(--indigo);font-family:var(--font-display);font-size:5rem;font-weight:700;line-height:1;opacity:.04;pointer-events:none;position:absolute;right:16px;top:12px;-webkit-user-select:none;user-select:none}.landing .l-step-icon{align-items:center;border-radius:16px;display:flex;height:52px;justify-content:center;margin-bottom:20px;width:52px}.landing .l-step:first-child .l-step-icon{background:linear-gradient(135deg,#f2884b26,#f2884b0d)}.landing .l-step:nth-child(2) .l-step-icon{background:linear-gradient(135deg,#e6b24a2e,#e6b24a0d)}.landing .l-step:nth-child(3) .l-step-icon{background:linear-gradient(135deg,#2e2a5e1f,#4b45930a)}.landing .l-step-icon svg{height:26px;width:26px}.landing .l-step h3{color:var(--indigo);margin-bottom:8px}.landing .l-step p{color:var(--ink-2);font-size:.95rem;line-height:1.65}.landing .l-step-accent{color:#7a6a5e;display:block;font-family:var(--font-accent);font-size:.88rem;font-style:italic;margin-top:14px}.landing .l-promises{background:linear-gradient(160deg,var(--indigo) 0,#1e1a42 100%);color:#fff;overflow:hidden;position:relative}.landing .l-promises:before{background:radial-gradient(ellipse 40% 50% at 80% 20%,#e6b24a1a 0,#0000 50%),radial-gradient(ellipse 50% 40% at 10% 80%,#3d7bc714 0,#0000 50%);content:"";inset:0;position:absolute}.landing .l-promises .l-container{position:relative;z-index:1}.landing .l-promises .l-section-intro h2{color:#fbe3a0}.landing .l-promises .l-section-intro p{color:#fff9}.landing .l-promises-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:820px}.landing .l-promise{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:32px 28px;transition:background .3s,border-color .3s}.landing .l-promise:hover{background:#ffffff1a;border-color:#e6b24a40}.landing .l-promise-icon{align-items:center;background:#e6b24a26;border-radius:12px;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.landing .l-promise-icon svg{stroke:#fbe3a0;height:22px;width:22px}.landing .l-promise h3{color:#fbe3a0;font-size:1.1rem;margin-bottom:8px}.landing .l-promise p{color:#ffffffa6;font-size:.93rem;line-height:1.65}.landing .l-pricing{background:#fff;border-top:1px solid var(--paper-3)}.landing .l-pricing-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:780px}.landing .l-pricing-card{border-radius:24px;padding:40px 32px;position:relative;transition:transform .4s ease,box-shadow .4s ease}.landing .l-pricing-card:hover{transform:translateY(-4px)}.landing .l-pricing-card.l-free{background:var(--paper);border:1px solid var(--paper-3)}.landing .l-pricing-card.l-free:hover{box-shadow:0 16px 40px -12px #2e2a5e14}.landing .l-pricing-card.l-premium{background:linear-gradient(160deg,#2a2650,#2e2a5e);border:1px solid #e6b24a4d;box-shadow:0 16px 48px -12px #2e2a5e4d;color:#fff}.landing .l-pricing-card.l-premium:hover{box-shadow:0 24px 56px -12px #2e2a5e66}.landing .l-pricing-card.l-premium .l-badge{background:linear-gradient(135deg,var(--gold),#c9942f);border-radius:20px;color:#fff;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.5px;padding:5px 14px;position:absolute;right:24px;top:-12px}.landing .l-plan-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:4px}.landing .l-free .l-plan-name{color:var(--indigo)}.landing .l-premium .l-plan-name{color:#fbe3a0}.landing .l-plan-price{font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1.2;margin-bottom:4px}.landing .l-free .l-plan-price{color:var(--indigo)}.landing .l-premium .l-plan-price{color:#fff}.landing .l-plan-price span{font-size:.9rem;font-weight:500;opacity:.7}.landing .l-plan-sub{font-size:.88rem;margin-bottom:28px}.landing .l-free .l-plan-sub{color:var(--ink-2)}.landing .l-premium .l-plan-sub{color:#ffffff8c}.landing .l-pricing-card ul{list-style:none;margin-bottom:32px;padding:0}.landing .l-pricing-card ul li{align-items:flex-start;display:flex;font-size:.93rem;gap:10px;padding:7px 0}.landing .l-free ul li{color:var(--ink-2)}.landing .l-premium ul li{color:#ffffffbf}.landing .l-pricing-card ul li svg{flex-shrink:0;margin-top:2px}.landing .l-pricing-card .l-btn{justify-content:center;width:100%}.landing .l-pricing-note{color:#7a6a5e;font-family:var(--font-accent);font-size:.92rem;font-style:italic;margin-top:28px;text-align:center}.landing .l-final-cta{background:radial-gradient(ellipse 60% 50% at 50% 100%,#e6b24a1f 0,#0000 60%),var(--paper);padding:80px 0 100px;text-align:center}.landing .l-final-cta h2{color:var(--indigo);margin-bottom:12px}.landing .l-final-cta .l-accent{color:var(--orange)}.landing .l-final-cta p{color:var(--ink-2);margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:44ch}.landing .l-footer{background:var(--indigo);color:#ffffff80;padding:40px 0}.landing .l-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.landing .l-footer .l-brand{color:#fffc;font-size:1.15rem}.landing .l-footer .l-brand-dot{box-shadow:none}.landing .l-footer-links{display:flex;gap:24px}.landing .l-footer-links a{color:#ffffffa6;font-size:.88rem;text-decoration:none;transition:color .3s}.landing .l-footer-links a:hover{color:#fbe3a0}.landing .l-footer-love{color:#fff9;font-family:var(--font-accent);font-size:.85rem;font-style:italic;margin-top:16px;text-align:center;width:100%}@keyframes l-bob{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes l-pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.landing .l-eyelid{animation:l-blink 5s infinite;transform-box:fill-box;transform-origin:center}@keyframes l-blink{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}.landing .l-mascot-glow{animation:l-mglow 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes l-mglow{0%,to{opacity:.35}50%{opacity:.65}}.landing .l-mascot-twk{animation:l-twinkle 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes l-twinkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:768px){.landing section{padding:72px 0}.landing .l-hero .l-container{grid-template-columns:1fr;text-align:center}.landing .l-hero-subtitle{margin-left:auto;margin-right:auto}.landing .l-hero-ctas{justify-content:center}.landing .l-hero-visual{margin-bottom:8px;order:-1}.landing .l-mascot-wrap{width:200px}.landing .l-hero-glow{height:240px;width:240px}.landing .l-timeline-cards{gap:48px;grid-template-columns:1fr}.landing .l-timeline-cards:before{bottom:0;height:auto;left:28px;right:auto;top:0;width:3px}.landing .l-timeline-card{padding-left:72px;text-align:left}.landing .l-timeline-dot{left:0;margin:0 0 16px;position:absolute}.landing .l-promises-grid,.landing .l-steps{grid-template-columns:1fr}.landing .l-pricing-cards{grid-template-columns:1fr;max-width:400px}.landing .l-footer-inner{justify-content:center;text-align:center}.landing .l-footer-links{justify-content:center;width:100%}}@media (max-width:480px){.landing .l-container{padding:0 18px}.landing .l-hero{padding-top:100px}.landing .l-btn{font-size:.98rem;padding:14px 28px}.landing .l-pricing-card,.landing .l-step{padding:32px 24px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :after,.landing :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing .l-reveal{opacity:1;transform:none}}@keyframes titaton-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes titaton-blink{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}@keyframes titaton-twk{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes titaton-glow{0%,to{opacity:.38}50%{opacity:.7}}@keyframes titaton-pop{0%,to{opacity:.85;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes titaton-sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes titaton-bounceIn{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.08)}60%{transform:scale(.95)}75%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes titaton-textFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mascotte-svg{animation:titaton-bob 3.6s ease-in-out infinite;display:block;transform-origin:50% 92%}.mascotte-eyelid{animation:titaton-blink 4.8s infinite}.mascotte-eyelid,.mascotte-twk{transform-box:fill-box;transform-origin:center}.mascotte-twk{animation:titaton-twk 2.6s ease-in-out infinite}.mascotte-glow{animation:titaton-glow 2.8s ease-in-out infinite}.mascotte-glow,.mascotte-starlit{transform-box:fill-box;transform-origin:center}.mascotte-starlit{animation:titaton-pop 2s ease-in-out infinite}.mascotte-pop{animation:titaton-pop 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.mascotte-revelation-wrap{align-items:center;animation:titaton-bounceIn .7s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;flex-direction:column;justify-content:center;padding:8px 0 4px;position:relative}.mascotte-revelation-text{animation:titaton-textFade .6s ease-out .5s forwards;color:#2e2a5e;font-family:var(--font-accent);font-size:.95rem;font-style:italic;line-height:1.4;margin-top:6px;opacity:0;text-align:center}@media (prefers-reduced-motion:reduce){.mascotte-eyelid,.mascotte-glow,.mascotte-pop,.mascotte-revelation-wrap,.mascotte-starlit,.mascotte-svg,.mascotte-twk{animation:none!important}}.skip-link{background:var(--orange);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--white-overlay);font-weight:600;left:16px;padding:12px 24px;position:absolute;text-decoration:none;top:-100%;transition:top .2s ease;z-index:var(--z-modal)}.skip-link:focus{top:0}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-1{flex:1 1}.gap-1{gap:4px}.gap-3{gap:12px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-1{margin-bottom:4px}.mb-3{margin-bottom:12px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mt-6{margin-top:24px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.text-left{text-align:left}.text-right{text-align:right}.text-secondary{color:var(--ink-2)}.text-primary{color:var(--orange)}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.w-full{width:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-white{background-color:var(--white-overlay)}.bg-cream{background-color:var(--paper)}.bg-aqua-light{background-color:var(--orange-soft)}.bg-rose-light{background-color:var(--clay-soft)}.bg-soleil-light{background-color:var(--gold-soft)}.bg-menthe-light{background-color:var(--sage-soft)}.bg-lilas-light{background-color:var(--lavender-soft)}.loading-content{align-items:center;color:var(--ink-3);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--paper-3);border:3px solid var(--paper-3);border-radius:50%;border-top-color:var(--gold);height:40px;margin-bottom:16px;width:40px}.spinner.small{border-width:2px;height:16px;margin-bottom:0;width:16px}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.loading-permissions{align-items:center;display:flex;font-size:12px;gap:8px;opacity:.8}.nav-icon-container{position:relative}.notification-badge{align-items:center;animation:badgePulse 2s infinite;background:var(--clay);border:2px solid var(--white-overlay);border-radius:10px;box-shadow:0 2px 8px #e8818d66;color:var(--white-overlay);display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.role-parent{color:var(--gold-deep)!important}.role-nounou{color:var(--sage)!important}.role-accompagnateur{color:var(--lavender)!important}.crown-icon{color:var(--gold);filter:drop-shadow(0 1px 3px rgba(245,200,66,.5))}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-container{margin:0 auto;max-width:1200px;padding:24px 32px}@media (max-width:768px){.page-container{padding:16px}}.back-btn{align-items:center;background:#fff;border:1px solid var(--paper-3);border-radius:50%;color:var(--ink-2);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.back-btn:hover{background:var(--paper);border-color:var(--ink-3);color:var(--ink)}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.layout{background:var(--paper);display:flex;min-height:100vh}.sidebar{background:var(--white-overlay);border-right:1px solid var(--paper-3);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease;width:280px;z-index:100}.main-content{flex:1 1;overflow-y:auto;padding:20px}.header h1{color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:700}.header-actions{display:flex;gap:10px}.nav-menu{list-style:none}.nav-item{margin-bottom:5px}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--ink-2);display:flex;padding:12px 20px;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--ink)}.nav-link.active,.nav-link:hover{background-color:var(--orange-soft)}.nav-link.active{border-left:3px solid var(--orange);color:var(--orange-deep);font-weight:600}.nav-link svg{height:20px;margin-right:12px;width:20px}.brand-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.brand-chou{color:var(--orange)}.brand-nou{color:var(--clay)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.4;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-deep));box-shadow:0 2px 8px #f2884b4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #f2884b66;transform:translateY(-1px)}.btn-secondary{background:var(--white-overlay);border:1px solid var(--paper-3);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--paper-2);border-color:var(--ink-3)}.btn-danger{background:var(--clay);color:var(--white-overlay)}.btn-danger:hover:not(:disabled){background:var(--clay-hover);transform:translateY(-1px)}.btn-small{font-size:12px;padding:6px 12px}.card{background:var(--white-overlay);border:1px solid #ede4d499;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background:var(--paper);border-bottom:1px solid var(--paper-3);padding:16px 20px}.card-title{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:700;margin:0}.card-body{padding:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:600;margin-bottom:6px}.form-control,.form-label{color:var(--ink);font-size:14px}.form-control{background:var(--white-overlay);border:1px solid var(--paper-3);border-radius:var(--radius-md);font-family:var(--font-body);padding:10px 14px;transition:all .2s;width:100%}.form-control::placeholder{color:var(--ink-3)}.form-control:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f2884b26;outline:none}.form-error{color:var(--clay);font-size:12px;margin-top:4px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.text-center{text-align:center}.text-muted{color:var(--ink-3)}.text-success{color:var(--sage)}.text-danger{color:var(--clay)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.alert{border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-success{background:var(--sage-soft);border:1px solid #7ec8a44d;color:#2d6a4f}.alert-error{background:var(--clay-soft);border:1px solid #e8818d4d;color:var(--clay-hover)}.alert-info{background:var(--orange-soft);border:1px solid #f2884b4d;color:var(--orange-deep)}.auth-container{align-items:center;background:var(--paper);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:var(--white-overlay);border:1px solid var(--paper-3);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-width:440px;padding:40px 48px;width:100%}.auth-title{color:var(--ink);font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.auth-brand{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.auth-logo{border-radius:20px;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.auth-text-logo{flex-shrink:0}.auth-link{margin-top:24px;text-align:center}.auth-link a{color:var(--clay);font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:var(--clay-hover);text-decoration:underline}.auth-link p{color:var(--ink-3);margin-bottom:8px}.auth-card .btn-primary{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:16px;padding:12px 24px}.auth-card .form-control{background:var(--white-overlay);border:1px solid var(--paper-3);border-radius:var(--radius-md);font-size:15px;padding:12px 16px}.auth-card .form-control:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f2884b1f}@media (max-width:768px){.layout{flex-direction:column}.sidebar{order:2;width:100%}.main-content{order:1}.grid-2,.grid-3{grid-template-columns:1fr}.auth-card{max-width:100%;padding:28px 24px}.layout{background:var(--paper);display:flex;min-height:100vh}.sidebar{background:var(--white-overlay);border-right:1px solid var(--paper-3);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid var(--paper-3);padding:24px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.app-title{color:var(--ink);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0}.user-info{padding:16px 0}.user-name{color:var(--ink);font-size:1.1rem;font-weight:600;margin-bottom:4px}.user-role{align-items:center;color:var(--ink-3);display:flex;font-size:.85rem;gap:4px}.crown-icon{color:var(--gold)}.nav-menu{flex:1 1;padding:16px}.nav-item{margin-bottom:8px}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--ink-2);display:flex;font-weight:500;padding:14px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--orange-soft);color:var(--ink)}.nav-link.active{background:var(--orange-soft);border-left:3px solid var(--orange);color:var(--orange-deep);font-weight:600}.nav-icon-wrapper{align-items:center;background:var(--orange-soft);border-radius:var(--radius-sm);display:flex;height:36px;justify-content:center;margin-right:12px;width:36px}.nav-link.active .nav-icon-wrapper{background:#f2884b26}.nav-label{font-size:.95rem}.sidebar-footer{border-top:1px solid var(--paper-3);padding:16px}.premium-banner{background:var(--gold-soft);border:1px solid #f5c8424d;border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.premium-content{align-items:center;display:flex;gap:10px}.premium-title{color:var(--ink);font-size:.9rem;font-weight:600}.premium-subtitle{color:var(--ink-3);font-size:.8rem}.restrictions-info{background:var(--gold-soft);border:1px solid #f5c84240;border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.restrictions-title{color:var(--ink);font-size:.9rem;font-weight:600;margin-bottom:6px}.restrictions-details{color:var(--ink-3);font-size:.8rem}.restrictions-details div{margin-bottom:2px}.logout{background:#0000;border:none;color:var(--ink-2);cursor:pointer;text-align:left;width:100%}.logout:hover{background:var(--clay-soft);color:var(--clay)}.mobile-header{background:var(--white-overlay);border-bottom:1px solid var(--paper-3);box-shadow:var(--shadow-sm);display:block;padding:16px;position:sticky;top:0;z-index:90}.mobile-header-top{align-items:center;display:flex;justify-content:space-between}.menu-toggle{background:var(--orange);border:none;border-radius:var(--radius-sm);color:var(--white-overlay);cursor:pointer;height:40px;justify-content:center;width:40px}.menu-toggle,.mobile-user-info{align-items:center;display:flex}.mobile-user-info{color:var(--ink);font-weight:500;gap:8px}.menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3d342d66;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:16px;width:100%}}@media (min-width:769px){.mobile-header{display:none}}
/*# sourceMappingURL=main.062e2f32.css.map*/