@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.plus-jakarta-sans-base{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}html{--color-green-base: 35, 206, 107;--color-black-base: 10, 10, 10;--color-white-base: 255, 255, 255;--color-gray-base: 211, 211, 211;--color-green-primary: rgba(var(--color-green-base), 1);--color-black-primary: rgba(var(--color-black-base), 1);--color-white-primary: rgba(var(--color-white-base), 1);--color-gray-primary: rgba(var(--color-gray-base), 1);--color-white-glass-400: rgba(255, 255, 255, .12);--color-white-glass-600: rgba(255, 255, 255, .18);--color-white-glass-800: rgba(255, 255, 255, .27);--font-family-base: "Plus Jakarta Sans", sans-serif;font-family:var(--font-family-base);color:var(--color-white-primary)}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:var(--color-green-primary);text-decoration:inherit}a:hover{color:color-mix(in srgb,var(--color-green-primary) 70%,white)}body{margin:0;background-color:var(--color-black-primary);color:var(--color-white-primary);min-height:100vh;line-height:1.5;letter-spacing:.05em}main{max-width:1024px;width:100%;min-height:100vh;padding:1em;margin:auto;overflow:hidden}h1{font-size:2em;line-height:1.1}h2{font-size:1.3em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}input[type=text],input[type=password]{all:unset;background-color:transparent;border-radius:.3em;padding:.5em .2em;border:solid 1px var(--color-gray-primary)}button:hover{border-color:var(--color-green-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.bg-glass-400{background:#ffffff1f;box-shadow:0 4px 12px rgba(var(--color-white-base),.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.container{padding:1em;border-radius:1em}.bg-black-primary{background-color:var(--color-black-primary);color:var(--color-white-primary)}.bg-white-primary{background-color:var(--color-white-primary);color:var(--color-black-primary)}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.blob-background{position:absolute;z-index:1}.border-tag{position:relative;width:inherit;border-radius:20px;height:auto;background:var(--color-white-primary);background:linear-gradient(90deg,var(--color-green-primary) 0%,var(--color-green-primary) 0%,var(--color-white-primary) 50%,var(--color-white-primary) 100%);background-size:200%;animation:forwards gradient-border 2s infinite}.container-tag-neon{margin:3px;border-radius:inherit;padding:.5em}.container-tag{width:100%;max-width:1280px;padding:1.5em;border-radius:8px;transition:.3s}.container-tag:hover{border-color:rgba(var(--color-green-base),.1);scale:100.5%}@keyframes gradient-border{to{background-position:200%}}.home-page{z-index:3;display:flex;gap:2em;flex-direction:column;justify-content:start;position:relative}.container-solde-wallet{padding:1em 0;display:flex;flex-direction:column;gap:.3em}.container-solde-wallet h1,.container-solde-wallet p{width:100%;text-align:center;transition:1s}.container-solde-wallet h1:hover{letter-spacing:.15em}.container-solde-wallet .title{color:var(--color-white-primary)}.container-solde-wallet p{color:var(--color-green-primary)}.comming-mouvement{width:400px}.background{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1;background-color:#0009;display:flex;justify-content:center;align-items:center}.popup-container{background-color:var(--color-white-primary);color:var(--color-black-primary);padding:1em;border-radius:.4em}.schedule-popup-container{display:flex;flex-direction:column;gap:1em;width:100vw;max-width:600px;min-height:200px}.show-schedule{display:flex;gap:1em;justify-content:space-between;align-items:center}.show-schedule>button{font-size:.8em;padding:.5em}.header-show-schedule{display:flex;justify-content:space-between;align-items:center}.add-schedule{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:.5em}input{font-weight:400;padding:.7em}input{font-weight:400;padding:.6em}.label-input{display:flex;gap:.2em;flex-direction:column;font-weight:600}select{font-weight:400;padding:.7em}.schedule-container{display:flex;gap:2em;flex-direction:column;justify-content:start;align-items:center;position:relative;width:100%}table{width:100%;border-collapse:separate;border-spacing:0 .5em}table tr{text-align:left;border-bottom:1px solid var(--color-gray-primary);padding:50px}table tr:hover{background-color:rgba(var(--color-green-base),.1);scale:100.5%}.container-background{position:absolute;inset:0;width:100vw;height:100vh;z-index:-1;background-image:url(/background-hexa.svg);background-size:80%}.content{position:relative;overflow-x:hidden;overflow-y:visible}.layer-filter{position:absolute;inset:0;z-index:0;background-color:var(--color-green-primary);opacity:.1}.layer-img{position:absolute;background:#000;inset:0;z-index:1;background:radial-gradient(circle,transparent 0%,var(--color-black-primary) 80%)}.main-container{width:100%;height:90vw;max-height:520px;display:flex;flex-direction:row}.global-container{width:65%;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:1em 0 0 1em;padding:1.5em}label[for=email],label[for=password],label[for=password_confirmation]{grid-column:-1 / 1}@media(max-width:768px){.side-container{display:none}.main-container{width:100%;max-width:520px;height:90vw;max-height:520px;display:flex;flex-direction:row}.global-container{width:100%;height:100%;border-radius:1em}}main{display:flex;justify-content:center;align-items:center;max-height:100vh}h1{width:100%;text-align:center}.main-container{width:100%;height:90vw;max-height:520px;display:flex;flex-direction:row-reverse}.global-container{width:65%;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:0 1em 1em 0;padding:1.5em}form{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-auto-flow:row;gap:.5em}label[for=email],label[for=password],label[for=confirm-password]{grid-column:-1 / 1}.side-container{flex:1}.display-none{display:none}.group-manager-header{display:flex;flex-direction:column;gap:.25em;margin-bottom:1em}.group-manager-header p{color:var(--color-green-primary)}.group-manager-section{display:flex;flex-direction:column;gap:.7em;margin-bottom:1.5em}.group-manager-section h3{font-size:1.05rem;margin:.5em 0 0;color:var(--color-white-primary)}.group-manager-search-wrap{display:flex;flex-direction:column;gap:.3em;margin-bottom:.5em}.group-manager-search-wrap label{font-size:.9rem;font-weight:700}.group-manager-members-list,.group-manager-search-results{display:grid;grid-template-columns:1fr;gap:.7em}.group-manager-member-card,.group-manager-user-card{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-white-glass-600);border-radius:10px;padding:.8em 1em;background:rgba(var(--color-black-base),.22)}.group-manager-member-card h4,.group-manager-user-card h4{margin:0;font-size:.95rem}.group-manager-user-card p{opacity:.85;font-size:.85rem;margin:.2em 0 0}.group-manager-add-btn,.group-manager-remove-btn{font-weight:700;min-width:110px;padding:.4em .7em}.group-manager-add-btn{background-color:var(--color-green-primary);color:var(--color-black-primary)}.group-manager-remove-btn{background-color:#ff6b6b;color:var(--color-white-primary);border:1px solid #ff6b6b}.group-manager-add-btn:disabled,.group-manager-remove-btn:disabled{opacity:.65;cursor:not-allowed}.group-manager-empty{opacity:.8;text-align:center;padding:.8em;font-size:.95rem}@media(max-width:768px){.group-manager-member-card,.group-manager-user-card{flex-direction:column;align-items:flex-start;gap:.5em}.group-manager-add-btn,.group-manager-remove-btn{width:100%;min-width:0}}.group-page{z-index:3;display:flex;gap:2em;flex-direction:column;justify-content:start;align-items:stretch;position:relative;max-height:none;overflow:visible;padding-bottom:2em}.group-header{display:flex;flex-direction:column;gap:.4em}.group-header p{color:var(--color-green-primary);opacity:.9}.group-create-form{display:flex;gap:.8em;align-items:end;flex-wrap:wrap}.group-input-wrap{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.3em}.group-input-wrap label{font-size:.9rem;font-weight:700}.group-input-wrap input{width:100%}.group-create-btn{background-color:var(--color-green-primary);color:var(--color-black-primary);font-weight:700;min-width:170px}.group-create-btn:disabled{opacity:.6;cursor:not-allowed}.group-feedback{font-size:.95rem}.group-feedback.success{color:var(--color-green-primary)}.group-feedback.error{color:#ff6b6b}.group-list{display:grid;grid-template-columns:1fr;gap:.8em}.group-card{display:flex;justify-content:space-between;align-items:center;padding:.9em 1em;border:1px solid var(--color-white-glass-600);border-radius:10px;background:rgba(var(--color-black-base),.22)}.group-card h3{margin:0;font-size:1.03rem}.group-card p{font-size:.9rem;opacity:.88}.group-card-actions{display:flex;flex-direction:column;align-items:end;gap:.45em}.group-select-btn{border:1px solid var(--color-white-glass-800);background:transparent;color:var(--color-white-primary);padding:.35em .7em;font-size:.86rem}.group-select-btn.active{background-color:rgba(var(--color-green-base),.22);border-color:var(--color-green-primary)}.group-empty{text-align:center;opacity:.75;padding:.8em}@media(max-width:768px){.group-create-form{flex-direction:column;align-items:stretch}.group-create-btn{width:100%;min-width:0}.group-card{flex-direction:column;align-items:start;gap:.4em}.group-card-actions{width:100%;align-items:start}}nav{position:fixed;display:flex;flex-direction:column;align-items:center;right:2%;top:50%;transform:translateY(-50%);transform-origin:right;border-radius:12px;z-index:100}nav a{display:flex;justify-content:end;gap:.2em;align-items:center;width:100%;height:fit-content;padding:.5em;flex:1}nav a>span{flex:1;opacity:0;transform:translate(10px);max-width:0;overflow:hidden;text-align:center;transition:opacity .5s,transform .5s,max-width 1s}nav a:hover>span{opacity:1;min-width:100px;transform:translate(0);max-width:50px;color:var(--color-white-primary)}nav a:hover>svg{animation:bounce .5s alternate infinite;fill:var(--color-green-primary)}nav .settings:hover>svg{animation:rotate 2s linear infinite}@keyframes rotate{to{rotate:360deg}}@keyframes bounce{to{transform:translateY(-10%)}}