.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-right:1px solid #ffffff1a;flex-direction:column;width:240px;height:100vh;padding:20px;display:flex}.sidebar h2{margin-bottom:20px}.sidebar a{color:#9ca3af;border-radius:8px;margin:12px 0;padding:10px;text-decoration:none;transition:all .3s}.sidebar a:hover{color:#fff;background:#ffffff1a}.sidebar a.router-link-active{color:#fff;background:#42b883}.layout{display:flex}.content{flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex}.cards{gap:20px;margin-top:20px;display:flex}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;flex:1;padding:25px;font-size:18px;transition:all .3s}.card:hover{transform:translateY(-5px)}.wrapper{justify-content:center;width:100%;display:flex}.glass-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;width:500px;padding:35px;box-shadow:0 8px 30px #0000004d,0 0 40px #42b88333}h1{margin-bottom:5px}.subtitle{color:#9ca3af;margin-bottom:20px}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;width:300px;margin-top:20px;padding:25px}body{color:#fff;background:radial-gradient(circle at top,#1e293b,#020617);margin:0;font-family:Inter,sans-serif}#app{height:100vh}h1{font-size:28px;font-weight:600}p{color:#9ca3af}