@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";body{--background-color: #e7f6ff;--button-bg-color: #d5ebff;--button-hover-bg-color: #0d263d;--button-text-color: #0d263d;--border-color: #9ecdfa;--button-hover-text-color: #e7f6ff;--hover-color: #d4e8fc;--overlay-color: rgba(184, 215, 250, .301);font-family:Outfit,sans-serif;width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;overflow-x:hidden;color:var(--button-text-color)}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}body:has(.dark-mode){--background-color: #0d263d;--button-bg-color: #a9cced23;--button-hover-bg-color: rgba(214, 232, 248, .74);--button-text-color: #ddd;--button-hover-text-color: #fff;--hover-color: #36638d;--border-color: rgba(113, 131, 151, .301);--text-highlight-color: rgba(214, 232, 248, .89);--overlay-color: rgba(113, 131, 151, .301)}.overlord{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-box{padding:1em;border-radius:1vh;color:#f0f8ff;position:fixed;top:10%;left:50%;transform:translate(-50%);animation:fadeDown .5s ease-in-out}.error-box.negative{background-color:red}.error-box.positive{background-color:green}.loader{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;background-color:#00000080;z-index:100}.loader .spinner{width:100px;height:100px;border-radius:50%;border:10px solid transparent;border-top-color:var(--button-bg-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--button-text-color)}input{padding:2vh;background-color:transparent;border:1px solid black}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%) translateY(-10vh)}to{opacity:1;transform:translateY(0) translate(-50%)}}.button{padding:1rem;border-radius:1vh;background-color:var(--button-bg-color);color:var(--button-text-color);text-decoration:none;border:1px solid var(--border-color)}.button:hover{cursor:pointer;color:var(--button-hover-text-color);background-color:var(--button-hover-bg-color)}.button.special{background-color:#9fb;background-image:radial-gradient(at 45% 7%,hsla(234,97%,61%,1) 0px,transparent 50%),radial-gradient(at 50% 41%,hsla(129,99%,61%,1) 0px,transparent 50%),radial-gradient(at 99% 10%,hsla(189,74%,67%,1) 0px,transparent 50%),radial-gradient(at 29% 11%,hsla(283,63%,64%,1) 0px,transparent 50%),radial-gradient(at 34% 60%,hsla(226,69%,61%,1) 0px,transparent 50%),radial-gradient(at 41% 43%,hsla(231,83%,69%,1) 0px,transparent 50%),radial-gradient(at 35% 25%,hsla(342,96%,66%,1) 0px,transparent 50%);color:#fff;background-size:200% 200%;animation:MovingBackground 5s linear infinite}.button a{color:#0d263d;text-decoration:none}.button:hover a{color:#f0f8ff}.container{padding:2em;background:var(--button-bg-color);border-radius:1vh;position:relative}@supports (width: clamp(250px,20%,100%)){.container{width:clamp(350px,20%,100%);min-width:unset;max-width:unset}}.dark-mode .container img{width:40%;height:auto}.container img{width:15%}.container input{border:1px solid var(--border-color);border-radius:1vh;color:var(--button-text-color);font-size:2vh}.container input::placeholder{color:var(--button-text-color);opacity:.5}.br1{border-radius:1vh}.b-1-red{border:1px solid red}.p-rel{position:relative}.d-flex{display:flex}.f-col{flex-direction:column}.f-row{flex-direction:row}.j-space-between{justify-content:space-between}.j-start{justify-content:flex-start}.j-center{justify-content:center}.j-a-center{justify-content:center;align-items:center}.f-start-all{justify-content:flex-start;align-items:flex-start}.align-center{align-items:center}.align-start{align-items:flex-start}.normal-border{border:1px solid var(--hover-color)}.bg-color{background-color:var(--button-bg-color)}.xl-fs{font-size:4rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem}p{font-size:1rem;opacity:.8}.f-w-400{font-weight:400}.f-w-500{font-weight:500}p:hover{opacity:1}.gap-1{gap:1em}.p-1{padding:1em}.p-2{padding:2em}.p-3{padding:3em}.p-4{padding:4em}.text-align-center{text-align:center}.text-align-left{text-align:left}.m-0{margin:0}.m-1{margin:1em}.m-t-0{margin-top:0}.m-t-1{margin-top:1em}.m-t-3{margin-top:3em}.m-t-5{margin-top:5em}.m-t-10{margin-top:10em}.m-b-1{margin-bottom:2em}.m-t-b-1{margin-top:1em;margin-bottom:1em}.m-t-b-2{margin-top:2em;margin-bottom:2em}.op-07{opacity:.7}.op-07:hover{opacity:1}.w-100{width:100%}.w-90{width:90%}.w-80{width:80%}@media (max-width: 600px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}p{font-size:.9rem}}.dashboard-container{display:flex;width:90%;min-height:80vh;margin-top:2rem;gap:1.5rem;font-family:Outfit,sans-serif}.dashboard-sidebar{width:260px;flex-shrink:0;background-color:var(--button-bg-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #0000000d}.sidebar-header{padding:1.5rem;text-align:center;border-bottom:1px solid rgba(13,38,61,.1)}.profile-picture-container{width:80px;height:80px;margin:0 auto .75rem;border-radius:50%;overflow:hidden;border:3px solid var(--background-color);box-shadow:0 2px 8px #0000001a}.profile-picture{width:100%;height:100%;object-fit:cover}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--button-text-color)}.username{margin:.25rem 0 0;font-size:.9rem;color:var(--button-text-color);opacity:.7}.sidebar-menu{padding:1rem 0;flex-grow:1}.menu-item{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;background:none;border:none;font-family:inherit;font-size:1rem;text-align:left;color:var(--button-text-color);cursor:pointer;transition:all .2s ease}.menu-item:hover{background-color:var(--hover-color);color:var(--button-hover-text-color)}.menu-item.active{background-color:var(--button-hover-bg-color);color:var(--button-hover-text-color);font-weight:500}.menu-item svg{margin-right:12px;width:18px}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(13,38,61,.1)}.logout-button{display:flex;align-items:center;width:100%;padding:.75rem;background-color:#0d263d0d;border:none;border-radius:8px;font-family:inherit;font-size:1rem;color:var(--button-text-color);cursor:pointer;transition:all .2s ease;justify-content:center}.logout-button:hover{background-color:var(--button-hover-bg-color);color:var(--button-hover-text-color)}.logout-button svg{margin-right:8px}.dashboard-content{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{padding:1rem;border-radius:1vh;background-color:var(--button-bg-color);border-bottom:1px solid rgba(13,38,61,.1)}.dashboard-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--button-text-color)}.dashboard-header p{margin:0;color:var(--button-text-color);opacity:.8}.content-card{background-color:var(--button-bg-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(13,38,61,.1);display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:1.35rem;font-weight:500;color:var(--button-text-color)}.action-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--background-color);border:none;border-radius:6px;font-family:inherit;font-size:.9rem;color:var(--button-text-color);cursor:pointer;transition:all .2s ease;text-decoration:none}.action-button:hover{background-color:var(--button-hover-bg-color);color:var(--button-hover-text-color)}.action-button svg{margin-right:6px}.action-button.small{padding:.35rem .75rem;font-size:.8rem}.action-button.save{background-color:#4caf50;color:#fff}.action-button.save:hover{background-color:#388e3c}.action-button.cancel{background-color:#f44336;color:#fff;margin-left:.5rem}.action-button.cancel:hover{background-color:#d32f2f}.action-button.remove{background-color:#f443361a;color:#f44336}.action-button.remove:hover{background-color:#f44336;color:#fff}.action-button.premium{background-color:gold;color:#333}.action-button.premium:hover{background-color:#ffc400;color:#333}.edit-actions{display:flex}.profile-content{padding:1.5rem;display:flex;gap:2rem}.profile-picture-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.large-profile-picture{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--background-color);box-shadow:0 4px 12px #0000001a;position:relative}.large-profile-picture img{width:100%;height:100%;object-fit:cover}.profile-picture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;cursor:pointer;color:#fff}.profile-picture-overlay:hover{opacity:1}.profile-picture-overlay svg{font-size:2rem;margin-bottom:.5rem}.profile-picture-overlay p{margin:0;font-size:.9rem}.profile-picture-help{margin-top:.5rem;font-size:.8rem;color:var(--button-text-color);opacity:.7}.profile-details{flex-grow:1}.detail-row{margin-bottom:1.25rem}.detail-row label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--button-text-color);opacity:.7}.detail-row p{margin:0;font-size:1rem;color:var(--button-text-color)}.detail-row input,.detail-row textarea{width:100%;padding:.75rem;border:1px solid rgba(13,38,61,.2);border-radius:6px;font-family:inherit;font-size:1rem;background-color:var(--background-color);color:var(--button-text-color);transition:border-color .2s ease}.detail-row input:focus,.detail-row textarea:focus{outline:none;border-color:var(--button-hover-bg-color)}.bio-row{margin-bottom:0}.bio-text{white-space:pre-line}.bookmarks-list{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.bookmark-item{padding:1rem;background-color:var(--background-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.bookmark-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.bookmark-content h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:500;color:var(--button-text-color)}.bookmark-date{margin:0;font-size:.85rem;color:var(--button-text-color);opacity:.7}.bookmark-actions{display:flex;gap:.5rem}.empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon{font-size:3rem;color:var(--button-text-color);opacity:.3;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:500;color:var(--button-text-color)}.empty-state p{margin:0 0 1.5rem;max-width:400px;color:var(--button-text-color);opacity:.7}.premium-card{padding:1.5rem}.premium-header{display:flex;align-items:center;margin-bottom:1.5rem}.premium-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:1rem;font-size:1.25rem;background-color:var(--background-color);color:#daa520}.premium-icon.active{background-color:#4caf50;color:#fff}.premium-header h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:500;color:var(--button-text-color)}.premium-header p{margin:0;font-size:.9rem;color:var(--button-text-color);opacity:.7}.premium-benefits{background-color:var(--background-color);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.premium-benefits h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:500;color:var(--button-text-color)}.premium-benefits ul{padding-left:1.5rem}.premium-benefits li{margin-bottom:.5rem;font-size:1rem;color:var(--button-text-color)}.themes-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;font-family:Outfit,sans-serif}.theme-card{background-color:var(--button-bg-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.theme-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.theme-preview{width:100%;height:180px;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:var(--background-color)}.theme-preview img{width:100%;height:100%;object-fit:cover}.theme-name{font-size:1.25rem;font-weight:600;color:var(--button-text-color);margin-bottom:.5rem}.theme-actions{display:flex;gap:.75rem}.theme-actions .apply-button{padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.dashboard-container .theme-options{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.apply-button.active{background-color:#4caf50;color:#fff}.apply-button.active:hover{background-color:#388e3c}.apply-button.preview{background-color:#2196f3;color:#fff}.apply-button.preview:hover{background-color:#1976d2}@media (max-width: 1024px){.dashboard-container{flex-direction:column;align-items:center}.dashboard-sidebar{width:100%;border-radius:0}}@media (max-width: 768px){.dashboard-container{flex-direction:column;align-items:stretch}.dashboard-sidebar{width:100%}.dashboard-content{padding:1rem}.dashboard-container .profile-details{width:100%}.dashboard-container .theme-options .theme-card{margin-bottom:1rem}}@media (max-width: 480px){.menu-item{font-size:.9rem;padding:.5rem 1rem}.dashboard-header h1{font-size:1.5rem}.profile-content{flex-direction:column;align-items:center}}.no-page-found-container{display:flex;justify-content:center;width:100%;height:80vh;margin-top:5vh}.no-page-found-container .containers-container{width:90%;background-color:#66a2d9;height:100%;display:flex;justify-content:center;align-items:center;border-radius:1vh}.no-page-found-container .d-flex-center-all{display:flex;justify-content:center;align-items:center;width:95%;height:90%}.no-page-found-container .containers-container .container1{background-color:#77aee0}.no-page-found-container .containers-container .container2{background-color:#89bae7}.no-page-found-container .containers-container .container3{background-color:#9bc6ee}.no-page-found-container .containers-container .container4{background-color:#add2f5}.no-page-found-container .containers-container .container5{background-color:#bfdefc}.no-page-found-container .containers-container .four-o-four{background-color:#d1ebff;display:flex;overflow:hidden;color:var(--button-hover-bg-color);flex-direction:column}.no-page-found-container .containers-container .four-o-four h1{font-size:10rem;margin:0}.no-page-found-container .containers-container .four-o-four h2{font-size:2rem;margin:0}.no-page-found-container .containers-container .four-o-four .button{padding:2vh;font-size:1rem;border:none}@keyframes collapseFadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.no-page-found-container.collapse .containers-container>div{animation:collapseFadeOut .5s ease forwards}.no-page-found-container.collapse .containers-container .container1{animation-delay:0s}.no-page-found-container.collapse .containers-container .container2{animation-delay:.1s}.no-page-found-container.collapse .containers-container .container3{animation-delay:.2s}.no-page-found-container.collapse .containers-container .container4{animation-delay:.3s}.no-page-found-container.collapse .containers-container .container5{animation-delay:.4s}.no-page-found-container.collapse .containers-container .four-o-four{animation-delay:.5s}.no-page-found-container.collapse{animation:collapseFadeOut .5s ease .1s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dark-mode.no-page-found-container .containers-container{background-color:#102c46}.dark-mode.no-page-found-container .containers-container .container1{background-color:#14324e}.dark-mode.no-page-found-container .containers-container .container2{background-color:#133758}.dark-mode.no-page-found-container .containers-container .container3{background-color:#164068}.dark-mode.no-page-found-container .containers-container .container4{background-color:#1c4d7a}.dark-mode.no-page-found-container .containers-container .container5{background-color:#1d558a}.dark-mode.no-page-found-container .containers-container .four-o-four{background-color:#2266a5;color:#fff}.dark-mode.no-page-found-container .containers-container .four-o-four h1,.dark-mode.no-page-found-container .containers-container .four-o-four h2{color:var(--button-hover-bg-color)}.dark-mode.no-page-found-container .containers-container .four-o-four .button{background-color:#0d263d;border:none;color:#fff}@media (max-width: 768px){.no-page-found-container .containers-container .four-o-four h1{font-size:5rem}.no-page-found-container .containers-container .four-o-four h2{font-size:1.5rem}}