*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0fcff;color:#13293d;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{align-items:center;background:linear-gradient(135deg,#f0fcff,#d4f3fa);color:#13293d;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.home h1{color:#006494;font-size:2.5rem;margin-bottom:.5rem}.home p{color:#006494;font-size:1.1rem;margin-bottom:3rem}.home-nav{display:flex;gap:1.5rem}.home-link{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:16px;box-shadow:6px 6px 12px #00649426,-6px -6px 12px #fffc,inset 1px 1px 2px #fffc;color:#006494;font-size:1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.home-link:hover{box-shadow:8px 8px 16px #00649433,-8px -8px 16px #ffffffe6,inset 1px 1px 2px #fffc;transform:translateY(-3px)}.home-link:active{box-shadow:3px 3px 6px #00649426,-3px -3px 6px #fffc,inset 2px 2px 4px #0064941a;transform:translateY(0)}.auth-page{align-items:center;background:linear-gradient(135deg,#f0fcff,#d4f3fa);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:24px;box-shadow:12px 12px 24px #00649426,-12px -12px 24px #fffc,inset 1px 1px 2px #ffffffe6;color:#13293d;max-width:420px;padding:2.5rem;width:100%}.auth-container h1{color:#006494;margin-bottom:2rem;text-align:center}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#006494}.form-group input{box-shadow:inset 4px 4px 8px #0064941a,inset -4px -4px 8px #ffffffe6;color:#13293d}.form-group input:focus{box-shadow:inset 4px 4px 8px #0064941a,inset -4px -4px 8px #ffffffe6,0 0 0 3px #70d6ff66}.form-group input::placeholder{color:#70a8c4}.auth-button{background:linear-gradient(145deg,#70d6ff,#5bc4ed);border:none;border-radius:14px;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff80;color:#13293d;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:1rem;transition:all .2s ease}.auth-button:hover:not(:disabled){box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.auth-button:active:not(:disabled){box-shadow:3px 3px 6px #00649433,-2px -2px 4px #ffffffb3,inset 2px 2px 4px #0064941a;transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:linear-gradient(145deg,#f79256,#e5844a);border-radius:12px;box-shadow:4px 4px 8px #f792564d,inset 1px 1px 2px #ffffff4d;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.field-error{color:#f79256}.auth-link{color:#70a8c4;margin-top:1.25rem;text-align:center}.auth-link a{color:#006494;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.parent-layout{background:linear-gradient(135deg,#f0fcff,#d4f3fa);display:flex;min-height:100vh}.parent-sidebar{background:linear-gradient(180deg,#fff,#e6f7fb);border-right:1px solid #0064941a;bottom:0;box-shadow:4px 0 16px #00649414,inset -1px 0 1px #ffffffe6;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:100}.parent-main{flex:1 1;margin-left:240px;min-height:100vh;transition:margin-left .3s ease}.sidebar-collapsed .parent-sidebar{width:80px}.sidebar-collapsed .parent-main{margin-left:80px}.abonnements-page{color:#13293d;padding:2rem}.abonnements-header h1{color:#006494;font-size:2rem;margin:0 0 .5rem}.abonnements-intro{color:#4a6e7f;margin:0 0 2rem}.abonnements-empty,.abonnements-loading{color:#70a8c4}.abonnements-error{color:#f79256}.abonnements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.abonnement-card{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:24px;box-shadow:12px 12px 24px #0064941f,-12px -12px 24px #ffffffe6,inset 1px 1px 2px #ffffffe6;display:flex;flex-direction:column;padding:2rem;transition:transform .2s ease}.abonnement-card:hover{transform:translateY(-4px)}.abonnement-card h3{color:#006494;font-size:1.3rem;margin:0 0 .5rem}.abonnement-type{color:#70a8c4;font-size:.9rem;margin:0 0 1.5rem;text-transform:capitalize}.abonnement-price{color:#f79256;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.abonnement-description{color:#4a6e7f;flex:1 1;line-height:1.5;margin:0 0 2rem}.abonnement-button{background:linear-gradient(145deg,#70d6ff,#5bc4ed);border:none;border-radius:14px;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff80;color:#13293d;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;transition:all .2s ease}.abonnement-button:hover:not(:disabled){box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.abonnement-button:disabled{background:linear-gradient(145deg,#b0d4e3,#a0c4d3);cursor:not-allowed;opacity:.6}.price-period{color:#70a8c4;font-size:1rem;font-weight:400}.current-subscription-banner{align-items:center;background:linear-gradient(145deg,#d4f5d4,#c4e5c4);border-radius:12px;box-shadow:4px 4px 8px #2d6a2d1a,-2px -2px 4px #fffc;color:#2d6a2d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.25rem}.current-subscription-info{align-items:center;display:flex;gap:.5rem}.current-subscription-info svg{flex-shrink:0;height:20px;width:20px}.cancel-subscription-btn{background:linear-gradient(145deg,#ffebeb,#ffd6d6);border:none;border-radius:8px;box-shadow:3px 3px 6px #c800001a,-2px -2px 4px #fffc;color:#c00;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.cancel-subscription-btn:hover{background:linear-gradient(145deg,#ffd6d6,#ffc6c6);transform:translateY(-1px)}.abonnement-card{position:relative}.abonnement-card.active{border:2px solid #70d6ff}.abonnement-badge{background:linear-gradient(145deg,#70d6ff,#5bc4ed);border-radius:20px;box-shadow:2px 2px 4px #00649433;color:#13293d;font-size:.8rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.modal-content{max-width:450px}.modal-body{padding:1.5rem}.modal-error{background:linear-gradient(145deg,#ffe6e6,#ffd6d6);border-radius:12px;box-shadow:4px 4px 8px #c800001a,-2px -2px 4px #fffc;color:#c00;font-size:.9rem;margin-bottom:1rem;padding:1rem}.confirm-details{background:linear-gradient(145deg,#e6f7fb,#fff);border-radius:16px;box-shadow:inset 4px 4px 8px #0064940f,inset -4px -4px 8px #ffffffe6;margin-bottom:1rem;padding:1.5rem;text-align:center}.confirm-subscription-name{color:#006494;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.confirm-subscription-price{color:#f79256;font-size:2rem;font-weight:700}.confirm-subscription-price span{color:#70a8c4;font-size:1rem;font-weight:400}.confirm-subscription-desc{color:#4a6e7f;font-size:.95rem;margin:1rem 0 0}.demo-notice{align-items:center;background:linear-gradient(145deg,#fff8e6,#fff3d6);border-radius:12px;color:#8a6d00;display:flex;font-size:.9rem;gap:.5rem;padding:.875rem 1rem}.demo-notice svg{flex-shrink:0;height:20px;width:20px}.modal-actions{padding:0 1.5rem 1.5rem}.btn-primary:hover{box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.success-modal{padding:2rem;text-align:center}.success-modal h2{color:#2d6a2d;margin:1rem 0 .5rem}.success-modal p{color:#4a6e7f;margin:0 0 .5rem}.success-icon{align-items:center;background:linear-gradient(145deg,#70d6ff,#5bc4ed);border-radius:50%;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3;display:flex;height:64px;justify-content:center;margin:0 auto;width:64px}.success-icon svg{color:#13293d;height:36px;width:36px}.success-demo-note{color:#70a8c4!important;font-size:.85rem;font-style:italic;margin-bottom:1.5rem!important}.success-modal .btn-primary{margin-top:1rem}.cancel-details{background:linear-gradient(145deg,#fff5f5,#ffebeb);border-radius:16px;margin-bottom:1rem;padding:1.5rem;text-align:center}.cancel-icon{color:#c00;height:48px;margin-bottom:1rem;width:48px}.cancel-details p{color:#4a6e7f;font-size:1rem;margin:0}.btn-danger{background:linear-gradient(145deg,#ff6b6b,#ee5a5a);border:none;border-radius:12px;box-shadow:6px 6px 12px #c8000033,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:8px 8px 16px #c8000040,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff4d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.change-subscription-notice{align-items:center;background:linear-gradient(145deg,#e6f7fb,#fff);border-radius:16px;box-shadow:inset 4px 4px 8px #0064940f,inset -4px -4px 8px #ffffffe6;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1.5rem}.change-from,.change-to{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.change-label{color:#70a8c4;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.change-name{color:#006494;font-size:1.1rem;font-weight:700}.change-price{color:#f79256;font-size:.9rem;font-weight:600}.change-arrow{align-items:center;display:flex;justify-content:center}.change-arrow svg{color:#70d6ff;height:32px;width:32px}@media (max-width:480px){.current-subscription-banner{flex-direction:column;text-align:center}.change-subscription-notice{flex-direction:column}.change-arrow svg{transform:rotate(90deg)}}.enfants-page{color:#13293d;padding:2rem}.enfants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.enfants-header h1{color:#006494;font-size:2rem;margin:0}.add-enfant-button{align-items:center;background:linear-gradient(145deg,#70d6ff,#5bc4ed);border:none;border-radius:14px;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff80;color:#13293d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:.875rem 1.5rem;transition:all .2s ease}.add-enfant-button svg{height:20px;width:20px}.add-enfant-button:hover{box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.enfants-content{max-width:800px}.enfants-empty{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:24px;box-shadow:12px 12px 24px #0064941f,-12px -12px 24px #ffffffe6,inset 1px 1px 2px #ffffffe6;padding:3rem;text-align:center}.enfants-empty-icon{color:#70a8c4;height:64px;margin-bottom:1rem;width:64px}.enfants-empty p{color:#4a6e7f;font-size:1.1rem;margin:0 0 .5rem}.enfants-empty-hint{color:#70a8c4!important;font-size:.95rem!important}.enfants-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.enfant-card{align-items:center;background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:20px;box-shadow:10px 10px 20px #0064941f,-10px -10px 20px #ffffffe6,inset 1px 1px 2px #ffffffe6;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.enfant-card:hover{transform:translateY(-2px)}.enfant-avatar{align-items:center;background:linear-gradient(145deg,#70d6ff,#5bc4ed);border-radius:50%;box-shadow:4px 4px 8px #00649426,-2px -2px 6px #ffffffb3;color:#13293d;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;width:56px}.enfant-info{flex:1 1}.enfant-info h3{color:#13293d;font-size:1.1rem;margin:0 0 .25rem}.enfant-info p{color:#70a8c4;font-size:.9rem;margin:0}.modal-overlay{align-items:center;background:#13293d80;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(145deg,#fff,#f0f9fc);border-radius:24px;box-shadow:20px 20px 40px #00649433,-20px -20px 40px #ffffffe6;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-header h2{color:#006494;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:linear-gradient(145deg,#e6f7fb,#d0eef5);border:none;border-radius:50%;box-shadow:4px 4px 8px #0064941a,-2px -2px 4px #fffc;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close svg{color:#70a8c4;height:20px;width:20px}.modal-close:hover{background:linear-gradient(145deg,#d0eef5,#c0e5ed)}.modal-content form{padding:1.5rem}.form-error{background:linear-gradient(145deg,#ffe6e6,#ffd6d6);border-radius:12px;box-shadow:4px 4px 8px #c800001a,-2px -2px 4px #fffc;color:#c00;font-size:.9rem;margin-bottom:1rem;padding:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1rem}.form-group label{color:#13293d;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input{background:linear-gradient(145deg,#e6f7fb,#fff);border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #00649414,inset -4px -4px 8px #ffffffe6;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{box-shadow:inset 4px 4px 8px #0064941f,inset -4px -4px 8px #ffffffe6,0 0 0 3px #70d6ff4d;outline:none}.field-error{color:#c00;display:block;font-size:.8rem;margin-top:.25rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-secondary{background:linear-gradient(145deg,#e6f7fb,#d0eef5);box-shadow:4px 4px 8px #0064941a,-2px -2px 4px #fffc;color:#006494}.btn-secondary:hover{background:linear-gradient(145deg,#d0eef5,#c0e5ed)}.btn-primary{background:linear-gradient(145deg,#70d6ff,#5bc4ed);box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff80;color:#13293d}.btn-primary:hover:not(:disabled){box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.report-button{align-items:center;background:linear-gradient(145deg,#e63946,#d62839);border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 16px #e6394666,0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 20px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}.report-button:hover{box-shadow:0 6px 20px #e6394680,0 4px 12px #00000026;transform:translateY(-2px)}.report-button:active{transform:translateY(0)}.report-button svg{height:22px;width:22px}.report-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13293d99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.report-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003,0 8px 24px #0064941a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid #0064941a;display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h2{color:#13293d;font-size:1.25rem;margin:0}.report-modal-close{align-items:center;background:#0000;border:none;border-radius:10px;color:#70a8c4;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.report-modal-close:hover{background:#0064941a;color:#006494}.report-modal-close svg{height:24px;width:24px}.report-form{padding:24px}.report-intro{color:#5a7a8a;line-height:1.5;margin:0 0 20px}.report-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.report-field{margin-bottom:20px}.report-field label{color:#13293d;display:block;font-weight:600;margin-bottom:8px}.report-field select,.report-field textarea{background:#f8fcfd;border:2px solid #00649426;border-radius:12px;color:#13293d;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.report-field select:focus,.report-field textarea:focus{background:#fff;border-color:#006494;box-shadow:0 0 0 4px #0064941a;outline:none}.report-field textarea{min-height:120px;resize:vertical}.report-char-count{color:#70a8c4;display:block;font-size:.8rem;margin-top:6px;text-align:right}.report-loading{color:#70a8c4;padding:14px 16px}.report-submit{background:linear-gradient(145deg,#006494,#005580);border:none;border-radius:14px;box-shadow:0 4px 12px #0064944d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.report-submit:hover:not(:disabled){background:linear-gradient(145deg,#005580,#046);box-shadow:0 6px 16px #00649466;transform:translateY(-1px)}.report-submit:disabled{cursor:not-allowed;opacity:.6}.report-success{padding:40px 24px;text-align:center}.report-success svg{color:#22c55e;height:60px;margin-bottom:16px;width:60px}.report-success p{color:#13293d;line-height:1.5;margin:0 0 8px}.report-success p:first-of-type{font-size:1.1rem;font-weight:600}.report-success p:last-of-type{color:#5a7a8a}.report-success-button{background:linear-gradient(145deg,#006494,#005580);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:24px;padding:14px 32px;transition:all .2s ease}.report-success-button:hover{background:linear-gradient(145deg,#005580,#046)}@media (max-width:640px){.report-button{bottom:16px;font-size:.9rem;padding:12px 16px;right:16px}.report-button span{display:none}.report-button svg{height:24px;width:24px}.report-modal{border-radius:20px 20px 0 0;bottom:0;max-height:85vh;max-width:100%;position:fixed}.report-overlay{align-items:flex-end;padding:0}}.enfant-layout{background:linear-gradient(135deg,#f0fcff,#d4f3fa);display:flex;min-height:100vh}.enfant-sidebar{background:linear-gradient(180deg,#fff,#e6f7fb);border-right:1px solid #0064941a;bottom:0;box-shadow:4px 0 16px #00649414,inset -1px 0 1px #ffffffe6;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #0064941a;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-logo{color:#006494;font-size:1.75rem;font-weight:700;overflow:hidden;transition:all .3s ease;white-space:nowrap}.sidebar-toggle{align-items:center;background:linear-gradient(145deg,#fff,#e6f7fb);border:none;border-radius:10px;box-shadow:4px 4px 8px #0064941a,-4px -4px 8px #ffffffe6;color:#006494;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sidebar-toggle:hover{box-shadow:6px 6px 12px #00649426,-6px -6px 12px #fffffff2}.sidebar-toggle svg{height:20px;width:20px}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.sidebar-item{align-items:center;border-radius:14px;color:#70a8c4;display:flex;gap:14px;overflow:hidden;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sidebar-item svg{flex-shrink:0;height:24px;width:24px}.sidebar-item span{font-size:1rem;font-weight:500;transition:opacity .3s ease}.sidebar-item:hover{box-shadow:4px 4px 8px #0064941a,-4px -4px 8px #ffffffe6}.sidebar-item.active,.sidebar-item:hover{background:linear-gradient(145deg,#fff,#e6f7fb);color:#006494}.sidebar-item.active{box-shadow:6px 6px 12px #0064941f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #70d6ff4d}.sidebar-footer{border-top:1px solid #0064941a;padding:1rem}.sidebar-logout{align-items:center;background:#0000;border:2px solid #f79256;border-radius:14px;color:#f79256;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:14px;overflow:hidden;padding:1rem 1.25rem;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-logout svg{flex-shrink:0;height:24px;width:24px}.sidebar-logout:hover{background:#f79256;color:#fff}.enfant-main{flex:1 1;margin-left:240px;min-height:100vh;transition:margin-left .3s ease}.sidebar-collapsed .enfant-sidebar{width:80px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1.5rem 1rem}.sidebar-collapsed .sidebar-logo{font-size:1.5rem}.sidebar-collapsed .sidebar-toggle{position:absolute;right:-18px;top:50%;transform:translateY(-50%)}.sidebar-collapsed .sidebar-menu{padding:1rem .5rem}.sidebar-collapsed .sidebar-item{justify-content:center;padding:1rem}.sidebar-collapsed .sidebar-item span{display:none}.sidebar-collapsed .sidebar-footer{padding:1rem .5rem}.sidebar-collapsed .sidebar-logout{justify-content:center;padding:1rem}.sidebar-collapsed .sidebar-logout span{display:none}.sidebar-collapsed .enfant-main{margin-left:80px}.accueil-page{color:#13293d;padding:2rem}.accueil-header h1{color:#006494;font-size:2rem;margin:0 0 2rem}.accueil-content{color:#4a6e7f;font-size:1.1rem}.jeux-page{color:#13293d;padding:2rem}.jeux-header h1{color:#006494;font-size:2rem;margin:0 0 2rem}.jeux-empty,.jeux-loading{color:#70a8c4}.jeux-error{color:#f79256}.jeux-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.jeu-card{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:20px;box-shadow:10px 10px 20px #0064941f,-10px -10px 20px #ffffffe6,inset 1px 1px 2px #ffffffe6;display:flex;flex-direction:column;padding:1.75rem;transition:transform .2s ease}.jeu-card:hover{transform:translateY(-4px)}.jeu-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.jeu-header h3{color:#13293d;font-size:1.2rem;margin:0}.jeu-difficulty{background:linear-gradient(145deg,#e6f7fb,#fff);border-radius:8px;box-shadow:inset 2px 2px 4px #0064941a,inset -2px -2px 4px #ffffffe6;font-size:.8rem;padding:.375rem .75rem;text-transform:capitalize}.jeu-description{color:#4a6e7f;flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.jeu-xp{color:#f79256;display:flex;font-size:.85rem;font-weight:600;gap:1rem;margin-bottom:1.25rem}.jeu-button{background:linear-gradient(145deg,#70d6ff,#5bc4ed);border-radius:12px;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #ffffff80;color:#13293d;display:block;font-weight:700;padding:.875rem;text-align:center;text-decoration:none;transition:all .2s ease}.jeu-button:hover{box-shadow:8px 8px 16px #00649440,-6px -6px 10px #fffc,inset 1px 1px 2px #ffffff80;transform:translateY(-2px)}.equipes-page{color:#13293d;padding:2rem}.equipes-header h1{color:#006494;font-size:2rem;margin:0 0 2rem}.equipes-content{color:#4a6e7f}.profil-page{color:#13293d;padding:2rem}.profil-header{margin-bottom:2rem}.profil-header h1{color:#006494;font-size:2rem;margin:0}.profil-content{max-width:600px}.profil-card{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:20px;box-shadow:10px 10px 20px #0064941f,-10px -10px 20px #ffffffe6,inset 1px 1px 2px #ffffffe6;gap:1.5rem;margin-bottom:2rem;padding:2rem}.profil-avatar,.profil-card{align-items:center;display:flex}.profil-avatar{background:linear-gradient(145deg,#70d6ff,#5bc4ed);border-radius:50%;box-shadow:6px 6px 12px #00649433,-4px -4px 8px #ffffffb3,inset 1px 1px 2px #fff6;color:#13293d;flex-shrink:0;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.profil-info h2{color:#13293d;font-size:1.4rem;margin:0 0 .75rem}.profil-level-badge{background:linear-gradient(145deg,#e6f7fb,#fff);border-radius:20px;box-shadow:inset 3px 3px 6px #0064941a,inset -3px -3px 6px #ffffffe6;color:#006494;display:inline-block;font-size:.85rem;padding:.375rem 1rem}.experience-section{background:linear-gradient(145deg,#fff,#e6f7fb);border-radius:20px;box-shadow:10px 10px 20px #0064941f,-10px -10px 20px #ffffffe6,inset 1px 1px 2px #ffffffe6;padding:1.75rem}.experience-section h3{color:#13293d;font-size:1.1rem;margin:0 0 1.25rem}.experience-bar-container{background:linear-gradient(145deg,#e6f7fb,#fff);border-radius:12px;box-shadow:inset 4px 4px 8px #00649426,inset -4px -4px 8px #ffffffe6;height:24px;margin-bottom:.75rem;overflow:hidden}.experience-bar-fill{background:linear-gradient(90deg,#70d6ff,#f79256);border-radius:12px;box-shadow:0 0 10px #70d6ff66,inset 0 2px 4px #fff6;height:100%;transition:width .3s ease}.experience-details{color:#70a8c4;display:flex;font-size:.9rem;justify-content:space-between}
/*# sourceMappingURL=main.524689f4.css.map*/