@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";@media (max-width: 767px){.sidebar{position:fixed;bottom:0;left:0;width:100%;height:60px;display:flex;flex-direction:row;background-color:#262433;border-top:1px solid rgba(142,68,173,.2);box-shadow:0 -3px 15px #00000040;z-index:1000}.sidebar-header-desktop,.desktop-user-profile-container{display:none}.sidebar-nav,.sidebar-footer{display:contents}.nav-link,.logout-btn{width:auto;flex:1;display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:26px;border:none;background:none;margin:0;padding:0;text-decoration:none;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}.nav-link span,.logout-btn span{display:none}.nav-link.active{color:var(--accent-violet)}.logout-btn{color:#ff6b6b}}@media (min-width: 768px){.sidebar{width:260px;background-color:var(--primary-purple);height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;border-right:1px solid rgba(142,68,173,.3)}.sidebar-header-desktop .logo{text-align:center;font-size:2rem;font-weight:700;margin-bottom:30px;color:var(--text-light)}.desktop-user-profile-container{margin-bottom:40px}.sidebar-nav{flex-grow:1}.nav-link{display:flex;align-items:center;gap:15px;padding:15px;color:var(--text-muted);text-decoration:none;border-radius:8px;margin-bottom:10px;transition:background-color .2s,color .2s}.nav-link span,.logout-btn span{display:inline}.nav-link:hover{background-color:#0003;color:var(--text-light)}.nav-link.active{background-color:var(--accent-violet);color:#fff;box-shadow:0 4px 15px -5px var(--accent-violet)}.sidebar-footer{margin-top:auto}.logout-btn{width:100%;display:flex;align-items:center;gap:15px;padding:15px;background:none;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:#ff6b6b;color:#fff}}.user-profile-card{display:flex;align-items:center;padding:10px;background:#0003;border-radius:10px;width:100%;box-sizing:border-box}.user-profile-card .user-avatar{width:45px;height:45px;border-radius:50%;background-color:var(--accent-violet);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-right:15px;flex-shrink:0}.user-profile-card .user-name{font-weight:500;display:block;color:var(--text-light);font-size:1rem}.user-profile-card .user-points{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.9rem}.user-profile-card .points-icon{color:gold}@media (max-width: 767px){.admin-sidebar{position:fixed;bottom:0;left:0;width:100%;height:60px;display:flex;flex-direction:row;background-color:#1a1c28;border-top:1px solid rgba(142,68,173,.2);box-shadow:0 -3px 15px #00000040;z-index:1000}.sidebar-header-desktop,.admin-profile-container{display:none}.sidebar-nav,.sidebar-footer{display:contents}.nav-link,.logout-btn{width:auto;flex:1;display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:24px;border:none;background:none;margin:0;padding:0;text-decoration:none;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}.nav-link span,.logout-btn span{display:none}.nav-link.active{color:var(--accent-violet)}.logout-btn{color:#ff6b6b}}@media (min-width: 768px){.admin-sidebar{width:260px;background-color:#1a1c28;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;border-right:1px solid rgba(142,68,173,.3)}.sidebar-header-desktop .logo{text-align:center;font-size:2rem;font-weight:700;margin-bottom:30px;color:var(--text-light)}.admin-profile-container{margin-bottom:40px}.admin-profile-card{text-align:center;padding:15px;background:#0003;border-radius:10px}.admin-role-badge{display:inline-block;padding:3px 8px;background-color:var(--accent-violet);color:#fff;border-radius:5px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:10px}.admin-name{display:block;font-size:1.1rem;color:var(--text-light);font-weight:500}.sidebar-nav{flex-grow:1}.nav-link{display:flex;align-items:center;gap:15px;padding:15px;color:var(--text-muted);text-decoration:none;border-radius:8px;margin-bottom:10px;transition:background-color .2s,color .2s}.nav-link span,.logout-btn span{display:inline}.nav-link:hover{background-color:#0003;color:var(--text-light)}.nav-link.active{background-color:var(--accent-violet);color:#fff}.sidebar-footer{margin-top:auto}.logout-btn{width:100%;display:flex;align-items:center;gap:15px;padding:15px;background:none;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:#ff6b6b;color:#fff}}:root{--background-dark: #120f1a;--primary-purple: #2c2541;--accent-violet: #8e44ad;--glow-pink: #d958a6;--text-light: #f0f0f0;--text-muted: #a0a0a0}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-light);background-color:var(--background-dark)}#root{height:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.main-app-container{width:100%;height:100%;max-width:1600px;display:flex;overflow:hidden;position:relative}.main-content{flex-grow:1;overflow-y:auto;height:100%;box-sizing:border-box;padding:30px}@media (min-width: 768px){#root{padding:2.5vh 2.5vw}}@media (max-width: 767px){.main-app-container{border-radius:20px}.main-content{padding:15px 15px 75px}.sidebar{position:absolute;bottom:0;left:0;width:100%;height:65px;z-index:10;flex-direction:row;justify-content:space-around;align-items:center;background-color:#262433;border-top:1px solid rgba(142,68,173,.2);box-shadow:0 -3px 15px #00000040;border-right:none}.sidebar .sidebar-header,.sidebar .user-profile{display:none}.sidebar .sidebar-nav,.sidebar .sidebar-footer{display:contents}}.glass-card{background:#120f1a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(142,68,173,.3);box-shadow:0 8px 32px #0000005e}.main-app-container.glass-card{padding:0!important}.loading-fullscreen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:2rem;position:fixed;top:0;left:0;z-index:9999;background-color:var(--background-dark)}*{scrollbar-width:thin;scrollbar-color:#8E2DE2 #1e1b29}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1b29;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#4a00e0,#8e2de2,#f80759);border-radius:10px;border:2px solid #1e1b29}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#5a10ff,#a04df7,#ff2a75);border-color:#2a263a}