:root{--bg-primary:#0f0f1c;--bg-secondary:#1b113f;--bg-hover:#271760;--bg-terciary:#0E0E10;--text-title:#8A3FFC;--text-primary:#ffffff;--text-secondary:#cfcfff;--text-error:#a10000;--accent-border:#0041aa;--accent-hover:#0066ff;--item-separator:#3C3C3C;--shadow-accent:rgba(0, 65, 170, 0.4);--shadow-header:rgba(0, 0, 0, 0.2);--shadow-sidebar:rgba(0, 0, 0, 0.5);--font:'Inter',sans-serif}html{font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}header{width:100%;height:5rem;background-color:var(--bg-secondary);position:sticky;top:0;padding:1rem 2rem;box-shadow:0 2px 4px var(--shadow-header);display:flex;justify-content:space-between;align-items:center;z-index:1000}main{margin-top:1rem;padding:1rem;transition:transform .3s ease;transform:translateX(0)}main.shifted{transform:translateX(-110px)}.headerProfile{display:flex;align-items:center;gap:2rem}.headerProfileImg{width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:2px solid var(--accent-border)}.headerProfileText{font-size:1.2rem;color:var(--text-primary);text-align:center}.headerProfileTextSecondary{font-size:1rem}.headerSection{position:absolute;left:50%;transform:translateX(-50%);display:flex}.headerSectionCard{width:8rem;height:4rem;padding:.5rem .75rem;text-align:center;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .2s ease;align-content:center}.headerSectionCard:hover{background-color:var(--bg-hover);transform:scale(1.05) translateY(-2px)}.headerSectionText{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-title);line-height:1.3}.headerRight{display:flex;gap:3rem}.headerMenuToggle{font-size:2rem;background:0 0;border:none;cursor:pointer;color:var(--text-primary)}.headerLanguageDropdown{display:flex;flex-direction:column;position:relative;background-color:var(--bg-terciary);border:2px solid var(--accent-border);border-radius:1rem;height:fit-content;width:10rem;min-height:3rem;align-self:flex-start}.headerDropdownToogle{width:100%;height:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:1rem;gap:.5rem}.headerDropdownToogle img{width:2rem;height:2rem;border-radius:50%}.headerLanguageDropdownMenu{display:none;position:absolute;top:100%;width:10rem;height:7.5rem;z-index:20;overflow:hidden;margin-top:.25rem;background-color:var(--bg-terciary);border:2px solid var(--accent-hover);border-radius:1rem;padding:.5rem 0;opacity:0;transform:translateY(-3rem);visibility:hidden;transition:all .5s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.headerLanguageDropdownMenu.show{opacity:1;transform:translateY(0);visibility:visible}.headerLanguageOption{width:100%;height:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:1rem;gap:.5rem}.headerLanguageOption img{width:2rem;height:2rem;border-radius:50%}.headerDropdownArrow{color:var(--text-primary);transition:all .5s ease}.headerLanguageDropdown.open .headerDropdownArrow{transform:rotate(180deg)}@media (max-width:1299px){header{padding:1rem 1rem}.headerSectionCard{width:7rem;height:4rem;padding:0 0}.headerSectionText{font-size:1.1rem}.headerProfile{gap:1.5rem}.headerProfileImg{width:2.75rem;height:2.75rem}.headerProfileText{font-size:1.1rem}.headerProfileTextSecondary{font-size:.9rem}.headerLanguageDropdown{width:9rem;min-height:2.75rem}.headerDropdownToogle{height:2.75rem;gap:.4rem}.headerDropdownToogle img{width:1.75rem;height:1.75rem}.headerLanguageDropdownMenu{width:9rem;height:6.7rem;gap:.4rem;padding:.4rem 0}.headerLanguageOption{height:2.75rem;gap:.4rem}.headerLanguageOption img{width:1.75rem;height:1.75rem}}@media (max-width:999px){main.shifted{transform:translateX(-80px)}.headerSectionCard{width:6rem;height:3.5rem}.headerSectionText{font-size:1rem}.headerRight{gap:1.5rem}.headerDropdownToogle{font-size:.9rem}.headerLanguageDropdownMenu{font-size:.9rem}}@media (max-width:919px){.headerProfileText{display:none}.headerProfileImg{width:3.5rem;height:3.5rem}.headerRight{gap:.75rem}.headerDropdownCurrentText{display:none}.headerLanguageDropdown{width:3.75rem}.headerLanguageDropdownMenu{left:50%;transform:translate(-50%,-3rem)}.headerLanguageDropdownMenu.show{transform:translate(-50%,0)}.headerDropdownToogle{width:3.75rem}.headerDropdownArrow{font-size:.8rem}}@media (max-width:619px){main.shifted{transform:translateX(0)}.headerSection{display:none}.headerProfile{gap:1rem}.headerProfileText{display:block;color:var(--text-title);font-size:1.2rem}.headerProfileTextSecondary{font-size:1rem}.headerRight{gap:.7rem}}.sideBarNav{position:fixed;top:0;right:-260px;width:250px;height:100%;background-color:var(--bg-terciary);padding-top:5rem;transition:right .3s ease;box-shadow:2px 0 10px var(--shadow-sidebar);z-index:999;display:flex;flex-direction:column}.sideBarNav.active{right:0}.sideBarLink{display:block;padding:1rem 1.5rem;color:var(--text-secondary);font-size:1.1rem;text-decoration:none;border-bottom:1px solid var(--item-separator);transition:background-color .2s ease;cursor:pointer}.sideBarLink:hover{background-color:var(--bg-primary);color:var(--accent-hover)}.sideBarAdm{display:block;padding:1rem 1.5rem;color:var(--text-title);text-decoration:none;border-top:2px solid var(--item-separator);transition:all .2s ease;margin-top:auto}.sideBarAdm:hover{background-color:var(--bg-primary);color:var(--accent-hover)}.sideBarAdmText{font-size:1.25rem;font-weight:700;text-align:center}@media (max-width:1299px){.sideBarLink{font-size:1rem}}@media (max-width:999px){.sideBarNav{width:220px}.sideBarLink{font-size:1rem}.sideBarAdmText{font-size:1.2rem}}@media (max-width:619px){.sideBarNav{right:-220px;width:200px;box-shadow:2px 0 8px var(--shadow-sidebar)}.sideBarLink{font-size:.9rem}.sideBarAdmText{font-size:1.1rem}}.footer{width:100%;height:fit-content;background-color:var(--bg-terciary);display:flex;align-content:center;justify-content:center}.copyRight{padding:1.5rem 0;width:80%;text-align:center;font-size:1.25rem;color:var(--text-title);font-weight:700;text-wrap:balance}@media (max-width:1299px){.copyRight{padding:1.45rem 0;font-size:1.15rem}}@media (max-width:999px){.copyRight{padding:1.35rem 0;font-size:1.05rem}}@media (max-width:919px){.copyRight{padding:1.25rem 0;font-size:.95rem}}@media (max-width:619px){.copyRight{padding:1.15rem 0;font-size:.85rem}}